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

Author URI: http://underscores.me/
Description: Custom theme: theme_suncentral, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: theme_suncentral
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: #404040;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ 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: .6em 1em .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: #120c0b;
  /* 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: #120c0b;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ 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: 15px;
  font-size: 1.5rem;
  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: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
  color: #5b9ada;
  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: #120c0b;
}

a:focus {
  outline: none;
}

a:hover,
a:focus,
a:active {
  color: #5b9ada;
}

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

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

.font {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ 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%;
}

body {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: relative;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 18px;
    font-size: 1.8rem;
    min-width: initial;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

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

a:hover {
  opacity: .8;
}

.sp_none {
  display: block;
}

.pc_none {
  display: none;
}

.inline_block {
  display: inline-block;
}

.section_inner {
  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);
  }
}
/* #header
------------------------------------------------------------- */
header {
  height: 104px;
  padding: 0 128px 0 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -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;
  background: #fff;
}
@media screen and (max-width: 1000px) {
  header {
    padding: 0 106px 0 15px;
  }
}
@media screen and (max-width: 768px) {
  header {
    height: 74px;
    padding: 10.5px 20px;
  }
}
@media screen and (max-width: 600px) {
  header {
    height: 68px;
  }
}
@media screen and (max-width: 480px) {
  header {
    height: 54px;
    padding: 6px 15px;
  }
}
@media screen and (max-width: 400px) {
  header {
    height: 42px;
    padding: 4px 10px;
  }
}
header.fixed {
  position: fixed;
  top: 0;
  z-index: 101;
  width: 100%;
  animation: hdfix .8s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
header h1 {
  width: 320px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  header h1 {
    width: 260px;
  }
}
@media screen and (max-width: 480px) {
  header h1 {
    width: 220px;
  }
}
@media screen and (max-width: 400px) {
  header h1 {
    width: 180px;
  }
}
@media screen and (max-width: 1000px) {
  header h1 img {
    width: 260px;
  }
}
@media screen and (max-width: 480px) {
  header h1 img {
    width: 220px;
  }
}
@media screen and (max-width: 400px) {
  header h1 img {
    width: 180px;
  }
}
header h1 p {
  display: inline-block;
  width: 260px;
  font-size: 20px;
  font-size: 2rem;
  color: #3e9bd4;
  text-align: center;
  letter-spacing: 2px;
  padding: 3px 5px;
  background: #d3e2f5;
  position: absolute;
  top: 12px;
  left: 340px;
}
@media screen and (max-width: 1250px) {
  header h1 p {
    width: 240px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  header h1 p {
    width: 180px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    left: 275px;
  }
}
@media screen and (max-width: 600px) {
  header h1 p {
    width: 110px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4;
    top: 2px;
    padding: 5px;
  }
}
@media screen and (max-width: 480px) {
  header h1 p {
    width: 84px;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.3;
    top: 3px;
    left: 228px;
  }
}
@media screen and (max-width: 400px) {
  header h1 p {
    width: 72px;
    padding: 2px 3px;
    top: 1px;
    left: 186px;
  }
}
header h1 p span {
  display: inline-block;
}
header .contact_area {
  margin-right: 50px;
}
@media screen and (max-width: 1250px) {
  header .contact_area {
    margin-right: 20px;
  }
}
header .contact_area .btn_recruit {
  width: 232px;
}
header .contact_area .btn_recruit a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  header .contact_area .btn_recruit a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  header .contact_area .btn_recruit a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
header .contact_area .btn_recruit a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
header .contact_area .btn_recruit a:hover:after {
  right: -4px;
}
@media screen and (max-width: 1250px) {
  header .contact_area .btn_recruit {
    width: 200px;
  }
}
@media screen and (max-width: 1000px) {
  header .contact_area .btn_recruit {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  header .contact_area .btn_recruit {
    display: none;
  }
}
header .contact_area .btn_recruit a {
  padding: 16px 10px;
}
@media screen and (max-width: 1250px) {
  header .contact_area .btn_recruit a {
    max-width: 200px;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 12px 10px;
  }
}
@media screen and (max-width: 1000px) {
  header .contact_area .btn_recruit a {
    max-width: 160px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
}
@media screen and (max-width: 1000px) {
  header .contact_area .btn_recruit a:after {
    width: 24px;
    height: 9.6px;
  }
}

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

.drawer-hamburger {
  width: 56px;
  padding: 63px 36px;
}
@media screen and (max-width: 1000px) {
  .drawer-hamburger {
    width: 46px;
    padding: 56px 30px;
  }
}
@media screen and (max-width: 768px) {
  .drawer-hamburger {
    width: 40px;
    padding: 36px 15px;
  }
}
@media screen and (max-width: 600px) {
  .drawer-hamburger {
    width: 36px;
    padding: 33px 15px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger {
    width: 28px;
    padding: 26px 14px;
  }
}
@media screen and (max-width: 400px) {
  .drawer-hamburger {
    width: 24px;
    padding: 20px 10px;
  }
}

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

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

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

.drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon {
  height: 2px;
}
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  height: 2px;
}
.drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:before {
  top: -18px;
  background: #e9f1f8;
}
@media screen and (max-width: 768px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -14px;
  }
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -12px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -11px;
  }
}
@media screen and (max-width: 400px) {
  .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:before {
    top: -9px;
  }
}
.drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:after {
  top: 18px;
  background: #e9f1f8;
}
@media screen and (max-width: 768px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 14px;
  }
}
@media screen and (max-width: 600px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 12px;
  }
}
@media screen and (max-width: 480px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 11px;
  }
}
@media screen and (max-width: 400px) {
  .drawer-hamburger-icon:after,
  .drawer-open .drawer-hamburger-icon:after {
    top: 9px;
  }
}

.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: #d3e2f5;
  z-index: 100000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--top .drawer-nav .drawer-menu {
  padding: 60px 40px 40px;
}
@media screen and (max-width: 600px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding: 60px 30px 20px;
  }
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu {
    padding: 60px 20px 20px;
  }
}
.drawer--top .drawer-nav .drawer-menu ul {
  margin-bottom: 25px;
}
.drawer--top .drawer-nav .drawer-menu ul li {
  border-bottom: 1px solid #fff;
}
.drawer--top .drawer-nav .drawer-menu ul li a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  color: #120c0b;
  line-height: 1.4;
  padding: 25px 20px;
}
@media screen and (max-width: 480px) {
  .drawer--top .drawer-nav .drawer-menu ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 15px;
  }
}
@media screen and (max-width: 400px) {
  .drawer--top .drawer-nav .drawer-menu ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.drawer--top .drawer-nav .drawer-menu ul li.main-bgcolor {
  background: #f8c66f;
}
.drawer--top .drawer-nav .drawer-menu ul li.main-bgcolor a {
  color: #fff;
}

.mainvisual {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mainvisual {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual {
    margin-bottom: 100px;
  }
}
.mainvisual .mv_photo {
  position: relative;
}
.mainvisual .mv_photo img {
  display: block;
  width: 100%;
  height: 720px;
  object-fit: cover;
  /*object-position: 65% 50%;*/
}
@media screen and (max-width: 1250px) {
  .mainvisual .mv_photo img {
    /*height: 700px;*/
	  height: 600px;
  }
}
@media screen and (max-width: 1000px) {
  .mainvisual .mv_photo img {
    /*height: 640px;*/
	  height: 500px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .mv_photo img {
    /*height: 500px;*/
	  height: 400px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .mv_photo img {
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .mv_photo img {
    height: 250px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .mv_photo img {
    height: 200px;
  }
}
.mainvisual .catch {
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 1px;
  padding: 60px 60px 50px;
  position: absolute;
  bottom: 70px;
  left: 5%;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch {
    padding: 50px 40px 40px;
    bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch {
    max-width: 80%;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 40px 30px 30px;
    bottom: -10px;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch {
    max-width: 90%;
    bottom: -100px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch {
    padding: 35px 20px 20px;
    bottom: -120px;
  }
}
.mainvisual .catch:after {
  content: '';
  width: 161px;
  height: 81px;
  background: url(images/img_txt_point.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: -8px;
  left: -28px;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch:after {
    top: -15px;
    left: -35px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch:after {
    width: 128.8px;
    height: 64.8px;
    left: -20px;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch:after {
    width: 112.7px;
    height: 56.7px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch:after {
    width: 96.6px;
    height: 48.6px;
    top: -10px;
    left: -15px;
  }
}
.mainvisual .catch .catch_main {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 47px;
  font-size: 4.7rem;
  color: #5b9ada;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .mainvisual .catch .catch_main {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .mainvisual .catch .catch_main {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .mainvisual .catch .catch_main {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual .catch .catch_main {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .mainvisual .catch .catch_main {
    font-size: 19px;
    font-size: 1.9rem;
    letter-spacing: 0;
  }
}
.mainvisual .catch .catch_main span {
  display: inline-block;
}
@media screen and (max-width: 400px) {
  .mainvisual .catch p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

/* Web面談フローティングメニュー */
.web_float {
  position: fixed;
  bottom: 50%;
  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 !important;
  }
}
.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 {
  margin: 70px auto;
}
@media screen and (max-width: 768px) {
  .content section {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .content section {
    margin: 50px auto;
  }
}
.content section h2 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 600px) {
  .content section h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .content section h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section h2 .ttl_en {
  display: block;
  font-family: "Inter", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #5b9ada;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 6px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .content section h2 .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section h2 .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 400px) {
  .content section h2 .ttl_en {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 5px;
  }
}
.content section h2 .ttl_en span {
  display: inline-block;
  padding: 5px 10px;
  border-top: 1px solid #85b6e7;
  border-bottom: 1px solid #85b6e7;
}
.content section h2 .ttl_jp {
  display: block;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 46px;
  font-size: 4.6rem;
  line-height: 1.4;
  letter-spacing: 4px;
}
@media screen and (max-width: 1000px) {
  .content section h2 .ttl_jp {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .content section h2 .ttl_jp {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section h2 .ttl_jp {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section h2 .ttl_jp {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section h2 .ttl_jp {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.content section.sec_message {
  margin: 120px auto;
}
@media screen and (max-width: 768px) {
  .content section.sec_message {
    padding: 20px 40px 0;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_message {
    padding: 20px 30px 0;
    margin: 150px auto 50px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message {
    padding: 20px 20px 0;
    margin-bottom: 40px;
  }
}
.content section.sec_message .message_inner {
  width: 90%;
  max-width: 1080px;
  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;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .message_inner {
    width: 100%;
  }
}
.content section.sec_message .message_info {
  width: 51.85%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  padding: 45px 75px 0 0;
}
@media screen and (max-width: 1250px) {
  .content section.sec_message .message_info {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .message_info {
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .message_info {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .message_info {
    margin-bottom: 30px;
  }
}
.content section.sec_message .message_info h2 {
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .content section.sec_message .message_info h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_message .message_info h2 {
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    z-index: 100;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_message .message_info h2 {
    margin-bottom: 30px;
  }
}
.content section.sec_message .message_info .signature {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: right;
  margin-top: 30px;
}
.content section.sec_message .message_info .signature strong {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 400px) {
  .content section.sec_message .message_info .signature strong {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_message .photo {
  width: 48.14%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo {
    width: 100%;
  }
}
.content section.sec_message .photo img {
  height: 540px;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .photo img {
    width: 100%;
    height: auto;
  }
}
.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: 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-top: 60px;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .btn_area {
    margin-top: 40px;
  }
}
.content section.sec_message .btn_more {
  width: 46%;
  max-width: 360px;
  margin: 0 2%;
}
.content section.sec_message .btn_more a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .btn_more a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_message .btn_more a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_message .btn_more a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.content section.sec_message .btn_more a:hover:after {
  right: -4px;
}
@media screen and (max-width: 480px) {
  .content section.sec_message .btn_more {
    width: 100%;
    margin-bottom: 15px;
  }
}
.content section.sec_message .btn_more:last-child a {
  background: #f7b86f;
}
@media screen and (max-width: 768px) {
  .content section.sec_message .btn_more a {
    margin: 0 auto;
    max-width: 100%;
  }
}
.content section.sec_reason {
  padding: 80px 0;
  background: #d3e2f5;
  position: relative;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason {
    padding: 80px 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason {
    padding: 70px 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason {
    padding: 60px 0;
  }
}
.content section.sec_reason h2 {
  text-align: center;
}
.content section.sec_reason h2 .ttl_en span {
  background: #e6f0fc;
}
.content section.sec_reason .reason_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: 50px;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list {
    margin-bottom: 40px;
  }
}
.content section.sec_reason .reason_list .reason_box {
  width: 33.3%;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_reason .reason_list .reason_box {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box {
    width: 100%;
    margin-bottom: 50px;
  }
  .content section.sec_reason .reason_list .reason_box:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_reason .reason_list .reason_box.reason01 {
    width: 100%;
  }
  .content section.sec_reason .reason_list .reason_box.reason01 .reason_info {
    left: initial;
    right: 0;
    bottom: 0;
    transform: translateX(0);
  }
}
.content section.sec_reason .reason_list .reason_box.reason01 .photo img {
  object-fit: cover;
}
@media screen and (max-width: 1250px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .photo img {
    height: 620px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .photo img {
    height: 520px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .photo img {
    height: 460px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .photo img {
    height: 300px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .reason_info .reason_txt {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .reason_info .reason_txt {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .reason_info .reason_txt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list .reason_box.reason01 .reason_info .reason_txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_reason .reason_list .reason_box.reason01 h3 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box.reason01 h3 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box.reason01 h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box.reason01 h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list .reason_box.reason01 h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_reason .reason_list .reason_box.reason02 {
  border-right: 1px solid #d3e2f5;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box.reason02 {
    border-right: none;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_reason .reason_list .reason_box.reason02 .reason_info .icon_num {
    font-size: 80px;
    font-size: 8rem;
    top: -30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box.reason02 .reason_info .icon_num {
    font-size: 100px;
    font-size: 10rem;
    top: -36px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box.reason02 .reason_info .icon_num {
    font-size: 80px;
    font-size: 8rem;
    top: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box.reason02 .reason_info .icon_num {
    font-size: 64px;
    font-size: 6.4rem;
    top: -24px;
    right: 20px;
  }
}
@media screen and (max-width: 1250px) {
  .content section.sec_reason .reason_list .reason_box.reason03 .reason_info .icon_num {
    font-size: 80px;
    font-size: 8rem;
    top: -30px;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box.reason03 .reason_info .icon_num {
    font-size: 100px;
    font-size: 10rem;
    top: -36px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box.reason03 .reason_info .icon_num {
    font-size: 80px;
    font-size: 8rem;
    top: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box.reason03 .reason_info .icon_num {
    font-size: 64px;
    font-size: 6.4rem;
    top: -24px;
    right: 20px;
  }
}
.content section.sec_reason .reason_list .reason_box .photo {
  overflow: hidden;
  position: relative;
}
.content section.sec_reason .reason_list .reason_box .photo:before {
  content: '';
  width: 0;
  height: 0;
  border: 80px solid transparent;
  border-right-color: #d3e2f5;
  position: absolute;
  top: -80px;
  left: -80px;
  transform: rotate(45deg);
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box .photo:before {
    border-width: 60px;
    top: -60px;
    left: -60px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box .photo:before {
    border-width: 50px;
    top: -50px;
    left: -50px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list .reason_box .photo:before {
    border-width: 40px;
    top: -40px;
    left: -40px;
  }
}
.content section.sec_reason .reason_list .reason_box .photo img {
  width: 100%;
  height: 460px;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box .photo img {
    height: 520px;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box .photo img {
    height: 460px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list .reason_box .photo img {
    height: 320px;
  }
}
.content section.sec_reason .reason_list .reason_box .reason_info {
  background: #fff;
  padding: 80px 10px 50px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box .reason_info {
    padding: 50px 20px;
  }
}
.content section.sec_reason .reason_list .reason_box .reason_info .icon_num {
  font-family: "Inter", serif;
  font-size: 100px;
  font-size: 10rem;
  color: #5b9ada;
  line-height: 1;
  position: absolute;
  top: -36px;
  right: 35px;
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box .reason_info .icon_num {
    font-size: 80px;
    font-size: 8rem;
    top: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box .reason_info .icon_num {
    font-size: 64px;
    font-size: 6.4rem;
    top: -24px;
    right: 20px;
  }
}
.content section.sec_reason .reason_list .reason_box .reason_info .reason_txt {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box .reason_info .reason_txt {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box .reason_info .reason_txt {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box .reason_info .reason_txt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list .reason_box .reason_info .reason_txt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_reason .reason_list .reason_box h3 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.4;
  position: absolute;
  top: -120px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .reason_list .reason_box h3 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .reason_list .reason_box h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .reason_list .reason_box h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .reason_list .reason_box h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_reason .reason_list .reason_box h3 span {
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
}
.content section.sec_reason .reason_list .reason_box h3 strong {
  color: #5b9ada;
}
.content section.sec_reason .bnr_welfare_list {
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .bnr_welfare_list {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .bnr_welfare_list {
    padding: 0 20px;
  }
}
.content section.sec_reason .bnr_welfare_list a {
  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: 900px;
  margin: 0 auto 60px;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.content section.sec_reason .bnr_welfare_list a:before {
  content: '';
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-left-color: #5b9ada;
  position: absolute;
  bottom: -50px;
  right: -50px;
  transform: rotate(45deg);
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .bnr_welfare_list a:before {
    border-width: 40px;
    bottom: -40px;
    right: -40px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .bnr_welfare_list a:before {
    border-width: 30px;
    bottom: -30px;
    right: -30px;
  }
}
.content section.sec_reason .bnr_welfare_list a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow_white.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transform: translateY(-50%);
  transition: .3s;
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .bnr_welfare_list a:after {
    width: 24px;
    height: 9.6px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .bnr_welfare_list a:after {
    width: 21px;
    height: 8.4px;
    bottom: 5px;
    right: 5px;
  }
}
.content section.sec_reason .bnr_welfare_list a:hover:after {
  right: 5px;
}
.content section.sec_reason .bnr_welfare_list a .photo {
  width: 37.77%;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .bnr_welfare_list a .photo {
    width: 100%;
  }
}
.content section.sec_reason .bnr_welfare_list a .photo img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .bnr_welfare_list a .photo img {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .bnr_welfare_list a .photo img {
    height: 180px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .bnr_welfare_list a .photo img {
    height: 160px;
  }
}
.content section.sec_reason .bnr_welfare_list a .welfare_txt {
  width: 62.22%;
  padding: 80px 40px 40px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: #120c0b;
  font-weight: bold;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_txt {
    padding: 85px 15px 40px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_txt {
    width: 100%;
    padding-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_txt {
    padding: 30px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_txt {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content section.sec_reason .bnr_welfare_list a .welfare_txt span {
  padding: 0 5px;
}
.content section.sec_reason .bnr_welfare_list a .welfare_ttl {
  font-size: 34px;
  font-size: 3.4rem;
}
@media screen and (max-width: 1000px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_ttl {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_ttl {
    margin-top: 5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_ttl {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .bnr_welfare_list a .welfare_ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
.content section.sec_reason .btn_more a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .btn_more a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_reason .btn_more a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_reason .btn_more a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.content section.sec_reason .btn_more a:hover:after {
  right: -4px;
}
@media screen and (max-width: 768px) {
  .content section.sec_reason .btn_more {
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_reason .btn_more {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .btn_more {
    padding: 0 20px;
  }
}
.content section.sec_reason .btn_more a {
  max-width: 350px;
  padding: 21px 10px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .content section.sec_reason .btn_more a {
    padding: 15px 10px;
  }
}
.content section.sec_interview {
  margin: 100px auto;
}
@media screen and (max-width: 768px) {
  .content section.sec_interview {
    margin: 80px auto;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview {
    margin: 70px auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview {
    margin: 60px auto;
    padding: 0 20px;
  }
}
.content section.sec_interview h2 {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview h2 {
    max-width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview h2 {
    max-width: 100%;
  }
}
.content section.sec_interview .interview_list .interview_list_inner {
  max-width: 80%;
  margin: 0 auto 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -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;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .interview_list .interview_list_inner {
    max-width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_list .interview_list_inner {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_list_inner {
    margin-bottom: 60px;
  }
}
.content section.sec_interview .interview_list .interview_box {
  width: 31.25%;
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_box {
    width: 100%;
    margin-bottom: 50px;
  }
  .content section.sec_interview .interview_list .interview_box:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_box {
    margin-bottom: 40px;
  }
}
.content section.sec_interview .interview_list .interview_box a {
  display: block;
}
.content section.sec_interview .interview_list .interview_box a:hover .photo:after {
  right: 5px;
}
.content section.sec_interview .interview_list .interview_box .photo {
  overflow: hidden;
  position: relative;
}
.content section.sec_interview .interview_list .interview_box .photo:before {
  content: '';
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-left-color: #5b9ada;
  position: absolute;
  bottom: -50px;
  right: -50px;
  transform: rotate(45deg);
}
.content section.sec_interview .interview_list .interview_box .photo:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow_white.svg) no-repeat 0 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transform: translateY(-50%);
  transition: .3s;
}
.content section.sec_interview .interview_list .interview_box .photo > img {
  width: 100%;
}
.content section.sec_interview .interview_list .interview_box .interview_info {
  background: #ddeefd;
  padding: 30px;
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .interview_list .interview_box .interview_info {
    padding: 25px 20px;
  }
}
.content section.sec_interview .interview_list .interview_box .job_position span {
  display: inline-block;
  padding: 2px 15px 0;
  margin-bottom: 5px;
  background: #5b9ada;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
}
.content section.sec_interview .interview_list .interview_box .catch {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #120c0b;
  line-height: 1.4;
  margin-bottom: 25px;
}
@media screen and (max-width: 1250px) {
  .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_interview .interview_list .interview_box .name {
  font-size: 15px;
  font-size: 1.5rem;
  color: #717171;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .interview_list .interview_box .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_interview .btn_more a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_interview .btn_more a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_interview .btn_more a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_interview .btn_more a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.content section.sec_interview .btn_more a:hover:after {
  right: -4px;
}
.content section.sec_interview .btn_more a {
  margin: 0 auto;
}
.content section.sec_matching {
  background: #d9e2eb;
  padding: 80px 40px;
}
@media screen and (max-width: 600px) {
  .content section.sec_matching {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_matching {
    padding: 50px 20px;
  }
}
.content section.sec_matching h2 {
  text-align: center;
}
.content section.sec_matching h2 .ttl_en span {
  background: #f1f7ff;
}
.content section.sec_matching .lead {
  text-align: center;
  margin-bottom: 40px;
}
.content section.sec_matching .lead p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .content section.sec_matching .lead p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_matching .lead p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.content section.sec_matching .lead li {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #4a96e2;
  line-height: 1.4;
  letter-spacing: 4px;
  padding: 10px 80px;
  background: #fff;
  border: 2px solid #4a96e2;
  border-radius: 100px;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .content section.sec_matching .lead li {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 50px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_matching .lead li {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 40px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_matching .lead li {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 6px 30px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_matching .lead li {
    padding: 6px 22px;
    margin: 0 3px;
  }
}
.content section.sec_matching p {
  text-align: center;
  margin-bottom: 20px;
}
.content section.sec_matching .bnr_matching_system {
  max-width: 900px;
  margin: 0 auto;
  background: url(images/bg_matching.jpg) no-repeat 0 0;
  background-size: cover;
}
.content section.sec_matching .bnr_matching_system a {
  display: block;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  padding: 75px 20px 60px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .content section.sec_matching .bnr_matching_system a {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_matching .bnr_matching_system a {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_matching .bnr_matching_system a {
    padding: 55px 20px 40px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_matching .bnr_matching_system a {
    padding: 45px 20px 30px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_matching .bnr_matching_system a {
    padding: 40px 20px 25px;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
.content section.sec_matching .bnr_matching_system a:before {
  content: '';
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-left-color: #d9e2eb;
  position: absolute;
  bottom: -40px;
  right: -40px;
  transform: rotate(45deg);
}
@media screen and (max-width: 600px) {
  .content section.sec_matching .bnr_matching_system a:before {
    border-width: 30px;
    bottom: -30px;
    right: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_matching .bnr_matching_system a:before {
    border-width: 20px;
    bottom: -20px;
    right: -20px;
  }
}
.content section.sec_matching .bnr_matching_system a:after {
  content: '';
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-right-color: #d9e2eb;
  position: absolute;
  top: -40px;
  left: -40px;
  transform: rotate(45deg);
}
@media screen and (max-width: 600px) {
  .content section.sec_matching .bnr_matching_system a:after {
    border-width: 30px;
    top: -30px;
    left: -30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_matching .bnr_matching_system a:after {
    border-width: 20px;
    top: -20px;
    left: -20px;
  }
}
.content section.sec_matching .bnr_matching_system a:hover {
  opacity: 1;
}
.content section.sec_matching .btn_more {
  margin-top: -35px;
}
.content section.sec_matching .btn_more a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_matching .btn_more a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_matching .btn_more a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_matching .btn_more a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.content section.sec_matching .btn_more a:hover:after {
  right: -4px;
}
@media screen and (max-width: 480px) {
  .content section.sec_matching .btn_more {
    margin-top: 20px;
  }
}
.content section.sec_matching .btn_more a {
  max-width: 350px;
  padding: 21px 10px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .content section.sec_matching .btn_more a {
    padding: 15px 10px;
  }
}
.content section.sec_bnr_area {
  max-width: 80%;
  margin: 80px auto;
}
@media screen and (max-width: 1250px) {
  .content section.sec_bnr_area {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_bnr_area {
    margin: 80px auto;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_bnr_area {
    margin: 70px auto;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area {
    margin: 60px auto;
  }
}
.content section.sec_bnr_area ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 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: 1280px;
  margin: 0 auto;
}
.content section.sec_bnr_area ul li {
  width: 32%;
  max-width: 610px;
  height: 260px;
  /*@include mq(lg_1000) {
  	width: 100%;
  	height: 360px;
  	max-width: 100%;
  	margin-bottom: 1px;
  }*/
}
@media screen and (max-width: 1250px) {
  .content section.sec_bnr_area ul li {
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  .content section.sec_bnr_area ul li {
    width: 100%;
    max-width: 100%;
    height: 240px;
    margin-bottom: 1px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_bnr_area ul li {
    height: 260px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area ul li {
    height: 240px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_bnr_area ul li {
    height: 200px;
  }
}
.content section.sec_bnr_area ul li.bnr_faq {
  background: url(images/bg_bnr_faq.jpg) no-repeat center center;
  background-size: cover;
}
.content section.sec_bnr_area ul li.bnr_faq99 {
  background: url(images/bg_bnr_faq99.jpg) no-repeat center center;
  background-size: cover;
}
.content section.sec_bnr_area ul li.bnr_faq99 a:before {
  background: rgba(17, 39, 46, 0.6);
}
.content section.sec_bnr_area ul li.bnr_web_interview {
  background: url(images/bg_bnr_interview.jpg) no-repeat center center;
  background-size: cover;
}
.content section.sec_bnr_area ul li.bnr_web_interview a:before {
  background: rgba(3, 18, 23, 0.5);
}
.content section.sec_bnr_area ul li.bnr_web_interview .ttl_en {
  letter-spacing: 1px;
}
.content section.sec_bnr_area ul li a {
  display: block;
  height: 100%;
  position: relative;
}
.content section.sec_bnr_area ul li a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(17, 39, 46, 0.4);
  -webkit-transition: .3s;
  transition: .3s;
}
.content section.sec_bnr_area ul li a:hover {
  opacity: 1;
}
.content section.sec_bnr_area ul li a:hover:before {
  background: rgba(255, 255, 255, 0);
}
.content section.sec_bnr_area ul li .bnr_ttl {
  text-align: center;
  position: relative;
  padding-top: 120px;
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area ul li .bnr_ttl {
    padding-top: 110px;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_bnr_area ul li .bnr_ttl {
    padding-top: 100px;
  }
}
.content section.sec_bnr_area ul li .bnr_ttl .ttl_jp {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .content section.sec_bnr_area ul li .bnr_ttl .ttl_jp {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_bnr_area ul li .bnr_ttl .ttl_jp:after {
  content: '';
  width: 36px;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -18px;
}
.content section.sec_recruit {
  background: #95c0ec;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit {
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit {
    padding: 0 20px;
  }
}
.content section.sec_recruit .recruit_inner {
  max-width: 1000px;
  padding: 70px 0;
  margin: 0 auto;
  position: relative;
}
.content section.sec_recruit h2 {
  text-align: center;
}
.content section.sec_recruit h2 .ttl_en span {
  background: #f1f7ff;
  color: #85b6e7;
}
.content section.sec_recruit h2 .ttl_jp {
  font-size: 40px;
  font-size: 4rem;
  color: #120c0b;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit h2 .ttl_jp {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit h2 .ttl_jp {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit h2 .ttl_jp {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit h2 .ttl_jp {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.content section.sec_recruit .lead {
  font-size: 15px;
  font-size: 1.5rem;
  color: #120c0b;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .lead {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit .lead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 30px;
  }
}
.content section.sec_recruit .lead a {
  color: #5b9ada;
  text-decoration: underline;
}
.content section.sec_recruit .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: 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;
}
.content section.sec_recruit .bnr_list li {
  width: 46%;
  max-width: 420px;
  margin: 0 2% 20px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .bnr_list li {
    margin: 0 auto 30px;
  }
  .content section.sec_recruit .bnr_list li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .bnr_list li {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .bnr_list li:nth-child(even) {
    margin-left: 0;
  }
}
.content section.sec_recruit .bnr_list li a {
  display: block;
  background: #fff;
  color: #1e7bb9;
  position: relative;
}
.content section.sec_recruit .bnr_list li a:hover .recruit_ttl_area:after {
  right: 10px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .bnr_list li a .photo img {
    width: 100%;
  }
}
.content section.sec_recruit .bnr_list li .recruit_ttl_area {
  padding: 25px 30px;
  position: relative;
}
.content section.sec_recruit .bnr_list li .recruit_ttl_area:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: .3s;
}
.content section.sec_recruit .bnr_list li .photo img {
  width: 100%;
}
.content section.sec_recruit .bnr_list li p {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: left;
  color: #120c0b;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit .bnr_list li p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .bnr_list li p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit .bnr_list li p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.content section.sec_recruit .bnr_list li p.recruit_cat {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
  font-weight: normal;
  background: #458bd3;
  padding: 3px 10px;
  position: absolute;
  top: -14px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit .bnr_list li p.recruit_cat {
    margin-bottom: 5px;
  }
}
.content section.sec_recruit h3 {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.content section.sec_recruit p {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .content section.sec_recruit p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .content section.sec_recruit p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .content section.sec_recruit p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .content section.sec_recruit p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.content section.sec_recruit p a {
  color: #1585db;
  text-decoration: underline;
}
.content .photo_staff_all img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .content .photo_staff_all img {
    height: 400px;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media screen and (max-width: 600px) {
  .content .photo_staff_all img {
    height: 320px;
  }
}
@media screen and (max-width: 480px) {
  .content .photo_staff_all img {
    height: 280px;
  }
}
@media screen and (max-width: 400px) {
  .content .photo_staff_all img {
    height: 240px;
  }
}

.home .content section.sec_recruit {
  margin-bottom: 0;
}

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

/* #footer
------------------------------------------------------------- */
footer {
  background: #f3f9fb;
}
footer .footer_inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 40px 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -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;
}
@media screen and (max-width: 768px) {
  footer .footer_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  footer .footer_inner {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 480px) {
  footer .footer_inner {
    padding: 40px 20px 30px;
  }
}
footer .footer_logo {
  width: 340px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  footer .footer_logo {
    width: 100%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 480px) {
  footer .footer_logo img {
    width: 240px;
  }
}
footer .footer_logo p {
  width: 214px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #5b9ada;
  text-align: center;
  background: #d3e2f5;
  padding: 3px 5px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  footer .footer_logo p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
footer .btn_official_site {
  margin-top: 20px;
}
footer .btn_official_site a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  footer .btn_official_site a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  footer .btn_official_site a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
footer .btn_official_site a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
footer .btn_official_site a:hover:after {
  right: -4px;
}
footer .btn_official_site a {
  max-width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  footer .btn_official_site a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
footer .footer_nav {
  width: calc(100% - 340px);
  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: 10px;
}
@media screen and (max-width: 768px) {
  footer .footer_nav {
    display: none;
  }
}
footer .footer_nav nav {
  width: 33.3%;
  padding: 10px 0 10px 10%;
}
footer .footer_nav nav li {
  margin-bottom: 10px;
}
footer .footer_nav nav li a {
  color: #120c0b;
}
footer .footer_nav nav li a:hover {
  color: #f8c66f;
}
footer .copyright {
  font-size: 12px;
  font-size: 1.2rem;
  color: #120c0b;
  text-align: center;
  letter-spacing: 1px;
  padding: 20px 10px;
}
footer .copyright a {
  color: #120c0b;
}

.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: #5b9ada;
  transition: transform .3s;
}
.btn_hover:hover {
  opacity: .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: #5b9ada !important;
}

.bg_animation {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #5b9ada;
  -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 .content .breadcrumb-list, .error404 .content .breadcrumb-list, .archive .content .breadcrumb-list, .single .content .breadcrumb-list {
  max-width: 80%;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  .page .content .breadcrumb-list, .error404 .content .breadcrumb-list, .archive .content .breadcrumb-list, .single .content .breadcrumb-list {
    max-width: 100%;
    padding: 0 15px;
    margin: 10px auto;
  }
}
.page .content .breadcrumb-list > span, .error404 .content .breadcrumb-list > span, .archive .content .breadcrumb-list > span, .single .content .breadcrumb-list > span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 400px) {
  .page .content .breadcrumb-list > span, .error404 .content .breadcrumb-list > span, .archive .content .breadcrumb-list > span, .single .content .breadcrumb-list > span {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.page .content .breadcrumb-list > span:after, .error404 .content .breadcrumb-list > span:after, .archive .content .breadcrumb-list > span:after, .single .content .breadcrumb-list > span:after {
  content: '>';
  padding-right: 5px;
  padding-left: 5px;
}
.page .content .breadcrumb-list > span:last-child:after, .error404 .content .breadcrumb-list > span:last-child:after, .archive .content .breadcrumb-list > span:last-child:after, .single .content .breadcrumb-list > span:last-child:after {
  content: none;
}
.page .content .breadcrumb-list > span a, .error404 .content .breadcrumb-list > span a, .archive .content .breadcrumb-list > span a, .single .content .breadcrumb-list > span a {
  color: #120c0b;
}
.page .content .breadcrumb-list > span a:hover, .error404 .content .breadcrumb-list > span a:hover, .archive .content .breadcrumb-list > span a:hover, .single .content .breadcrumb-list > span a:hover {
  text-decoration: underline;
}
.page .content .main_ttl, .error404 .content .main_ttl, .archive .content .main_ttl, .single .content .main_ttl {
  height: 300px;
  background: #dceaf8;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .content .main_ttl, .error404 .content .main_ttl, .archive .content .main_ttl, .single .content .main_ttl {
    height: 220px;
  }
}
@media screen and (max-width: 600px) {
  .page .content .main_ttl, .error404 .content .main_ttl, .archive .content .main_ttl, .single .content .main_ttl {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  .page .content .main_ttl, .error404 .content .main_ttl, .archive .content .main_ttl, .single .content .main_ttl {
    height: 180px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .main_ttl, .error404 .content .main_ttl, .archive .content .main_ttl, .single .content .main_ttl {
    height: 160px;
  }
}
.page .content .main_ttl h1, .error404 .content .main_ttl h1, .archive .content .main_ttl h1, .single .content .main_ttl h1 {
  text-align: center;
  padding: 100px 20px 0;
}
@media screen and (max-width: 768px) {
  .page .content .main_ttl h1, .error404 .content .main_ttl h1, .archive .content .main_ttl h1, .single .content .main_ttl h1 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .page .content .main_ttl h1, .error404 .content .main_ttl h1, .archive .content .main_ttl h1, .single .content .main_ttl h1 {
    padding-top: 55px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .main_ttl h1, .error404 .content .main_ttl h1, .archive .content .main_ttl h1, .single .content .main_ttl h1 {
    padding-top: 45px;
  }
}
.page .content .main_ttl h1 .ttl_en, .error404 .content .main_ttl h1 .ttl_en, .archive .content .main_ttl h1 .ttl_en, .single .content .main_ttl h1 .ttl_en {
  display: block;
  font-family: "Inter", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #5b9ada;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 6px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .page .content .main_ttl h1 .ttl_en, .error404 .content .main_ttl h1 .ttl_en, .archive .content .main_ttl h1 .ttl_en, .single .content .main_ttl h1 .ttl_en {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .page .content .main_ttl h1 .ttl_en, .error404 .content .main_ttl h1 .ttl_en, .archive .content .main_ttl h1 .ttl_en, .single .content .main_ttl h1 .ttl_en {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 400px) {
  .page .content .main_ttl h1 .ttl_en, .error404 .content .main_ttl h1 .ttl_en, .archive .content .main_ttl h1 .ttl_en, .single .content .main_ttl h1 .ttl_en {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 5px;
  }
}
.page .content .main_ttl h1 .ttl_en span, .error404 .content .main_ttl h1 .ttl_en span, .archive .content .main_ttl h1 .ttl_en span, .single .content .main_ttl h1 .ttl_en span {
  display: inline-block;
  padding: 5px 10px;
  border-top: 1px solid #85b6e7;
  border-bottom: 1px solid #85b6e7;
}
.page .content .main_ttl h1 .ttl_jp, .error404 .content .main_ttl h1 .ttl_jp, .archive .content .main_ttl h1 .ttl_jp, .single .content .main_ttl h1 .ttl_jp {
  display: block;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.4;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .page .content .main_ttl h1 .ttl_jp, .error404 .content .main_ttl h1 .ttl_jp, .archive .content .main_ttl h1 .ttl_jp, .single .content .main_ttl h1 .ttl_jp {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  .page .content .main_ttl h1 .ttl_jp, .error404 .content .main_ttl h1 .ttl_jp, .archive .content .main_ttl h1 .ttl_jp, .single .content .main_ttl h1 .ttl_jp {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .page .content .main_ttl h1 .ttl_jp, .error404 .content .main_ttl h1 .ttl_jp, .archive .content .main_ttl h1 .ttl_jp, .single .content .main_ttl h1 .ttl_jp {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 400px) {
  .page .content .main_ttl h1 .ttl_jp, .error404 .content .main_ttl h1 .ttl_jp, .archive .content .main_ttl h1 .ttl_jp, .single .content .main_ttl h1 .ttl_jp {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.page .content section, .error404 .content section, .archive .content section, .single .content section {
  margin: 80px auto;
}
@media screen and (max-width: 768px) {
  .page .content section, .error404 .content section, .archive .content section, .single .content section {
    margin: 60px 0;
  }
}
@media screen and (max-width: 600px) {
  .page .content section, .error404 .content section, .archive .content section, .single .content section {
    margin: 50px 0;
  }
}
@media screen and (max-width: 480px) {
  .page .content section, .error404 .content section, .archive .content section, .single .content section {
    margin: 40px 0;
  }
}
.page .content section h2, .error404 .content section h2, .archive .content section h2, .single .content section h2 {
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .page .content section h2, .error404 .content section h2, .archive .content section h2, .single .content section h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 600px) {
  .page .content section h2, .error404 .content section h2, .archive .content section h2, .single .content section h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .page .content section h2, .error404 .content section h2, .archive .content section h2, .single .content section h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 400px) {
  .page .content section h2, .error404 .content section h2, .archive .content section h2, .single .content section h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.page .content section.sec_recruit, .error404 .content section.sec_recruit, .archive .content section.sec_recruit, .single .content section.sec_recruit {
  margin-bottom: 0;
}
.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 .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: .3s;
  transition: .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 #5b9ada;
  font-size: 16px;
  font-size: 1.6rem;
  color: #5b9ada;
  line-height: 1.5;
  background: #fff;
  border-radius: 0;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page .content .wpcf7-form input[type="submit"], .error404 .content .wpcf7-form input[type="submit"], .archive .content .wpcf7-form input[type="submit"], .single .content .wpcf7-form input[type="submit"] {
    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 {
  background: #5b9ada;
  color: #fff;
}
.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: 1080px;
  margin: 100px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
    padding: 0 30px;
    margin: 40px auto;
  }
}
@media screen and (max-width: 480px) {
  .page .content .page_link, .error404 .content .page_link, .archive .content .page_link, .single .content .page_link {
    padding: 0 20px;
    margin: 30px auto;
  }
}
.page .content .page_link .prev_page_link, .error404 .content .page_link .prev_page_link, .archive .content .page_link .prev_page_link, .single .content .page_link .prev_page_link {
  width: 50%;
  margin-right: auto;
}
.page .content .page_link .prev_page_link a, .error404 .content .page_link .prev_page_link a, .archive .content .page_link .prev_page_link a, .single .content .page_link .prev_page_link a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@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: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@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: 14px;
    font-size: 1.4rem;
  }
}
.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: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.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: -4px;
}
@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;
}
@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 {
  background-image: url(images/img_icon_arrow_prev.svg);
  bottom: -5px;
  right: initial;
  left: -9px;
}
.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: -4px;
}
.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: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@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: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@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: 14px;
    font-size: 1.4rem;
  }
}
.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: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.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: -4px;
}
@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;
}
@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;
  }
}

.error404 .content section.error-404 {
  max-width: 1000px;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .error404 .content section.error-404 {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .error404 .content section.error-404 {
    padding: 0 20px;
  }
}
.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: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .error404 .content section.error-404 h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.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;
}
.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: 30px;
  padding-left: 20px;
}
.error404 .content section.error-404 .notfound-list li {
  margin-bottom: 5px;
}
.error404 .content section.error-404 .notfound-list li:before {
  content: '・';
}
.error404 .content section.error-404 .notfound-list a {
  color: #5b9ada;
  text-decoration: underline;
}
.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: 80%;
}
.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;
}

.message .content section .section_inner {
  width: 100%;
  max-width: 1000px;
}
.message .content section .section_inner p {
  margin-bottom: 20px;
}
.message .content section .section_inner p:last-child {
  margin-bottom: 0;
}
.message .content section .section_inner p strong {
  color: #5b9ada;
  font-weight: bold;
}
.message .content section.sec_president_message {
  margin-bottom: 0;
  /*padding: 0 40px;
  @include mq(tab_600) {
  	padding: 0 30px;
  }
  @include mq(sms_480) {
  	padding: 0 20px;
  }*/
}
.message .content section.sec_president_message .message_inner {
  max-width: 1180px;
  margin: 0 auto 120px;
  padding: 0 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .message .content section.sec_president_message .message_inner {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section.sec_president_message .message_inner {
    margin-bottom: 30px;
  }
}
.message .content section.sec_president_message .photo {
  width: 47.27%;
}
@media screen and (max-width: 768px) {
  .message .content section.sec_president_message .photo {
    width: 100%;
    text-align: center;
  }
}
.message .content section.sec_president_message .message_info {
  width: 57.27%;
  background: #e4ebf5;
  padding: 50px;
  position: absolute;
  bottom: -50px;
  right: 40px;
}
@media screen and (max-width: 1000px) {
  .message .content section.sec_president_message .message_info {
    padding: 40px;
    bottom: -80px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section.sec_president_message .message_info {
    width: 100%;
    position: static;
  }
}
@media screen and (max-width: 480px) {
  .message .content section.sec_president_message .message_info {
    padding: 30px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section.sec_president_message .message_info {
    padding: 30px 25px;
  }
}
.message .content section.sec_president_message .message_info h2 {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .message .content section.sec_president_message .message_info h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .message .content section.sec_president_message .message_info h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section.sec_president_message .message_info h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section.sec_president_message .message_info h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.message .content section.sec_president_message .message_main {
  max-width: 1180px;
  margin: 0 auto 80px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .message .content section.sec_president_message .message_main {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section.sec_president_message .message_main {
    padding: 0 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section.sec_president_message .message_main {
    padding: 0 20px;
    margin-bottom: 40px;
  }
}
.message .content section.sec_president_message .message_main p {
  margin-bottom: 20px;
}
.message .content section.sec_president_message .message_main ul {
  border: 1px solid #85b6e7;
  padding: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .message .content section.sec_president_message .message_main ul {
    padding: 25px;
  }
}
.message .content section.sec_president_message .message_main ul li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 10px;
}
.message .content section.sec_president_message .message_main ul li:last-child {
  margin-bottom: 0;
}
.message .content section.sec_president_message .message_main ul li strong {
  color: #5b9ada;
}
.message .content section.sec_president_message .office_photo img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (max-width: 1000px) {
  .message .content section.sec_president_message .office_photo img {
    height: 440px;
  }
}
@media screen and (max-width: 768px) {
  .message .content section.sec_president_message .office_photo img {
    height: 360px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section.sec_president_message .office_photo img {
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section.sec_president_message .office_photo img {
    height: 240px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section.sec_president_message .office_photo img {
    height: 200px;
  }
}
.message .content section.sec_message_for_you {
  background: #d3e2f5;
  margin: 0;
  padding-top: 80px;
}
.message .content section.sec_message_for_you .section_inner {
  max-width: 1080px;
  margin-bottom: 80px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .message .content section.sec_message_for_you .section_inner {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .message .content section.sec_message_for_you .section_inner {
    padding: 0 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .message .content section.sec_message_for_you .section_inner {
    padding: 0 20px;
    margin-bottom: 40px;
  }
}
.message .content section.sec_message_for_you h2 {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 38px;
  font-size: 3.8rem;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  .message .content section.sec_message_for_you h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .message .content section.sec_message_for_you h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .message .content section.sec_message_for_you h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .message .content section.sec_message_for_you h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.message .content section.sec_message_for_you .photo_gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -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;
}
.message .content section.sec_message_for_you .photo_gallery li {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .message .content section.sec_message_for_you .photo_gallery li {
    width: 50%;
  }
}
.message .content section.sec_message_for_you .photo_gallery li img {
  width: 100%;
}

.reason .content section.sec_lnav {
  max-width: 1020px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_lnav {
    padding: 0 40px;
  }
}
.reason .content section.sec_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) {
  .reason .content section.sec_lnav ul {
    display: block;
  }
}
.reason .content section.sec_lnav ul li {
  width: 27.45%;
  margin: 0% 2.45% 0% 2.45%;
}
.reason .content section.sec_lnav ul li a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_lnav ul li a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_lnav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.reason .content section.sec_lnav ul li a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.reason .content section.sec_lnav ul li a:hover:after {
  right: -4px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_lnav ul li {
    width: 100%;
    max-width: 350px;
    margin: 0 auto 15px;
  }
}
.reason .content section.sec_lnav ul li a {
  padding: 18px 10px;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_lnav ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_lnav ul li a {
    padding: 15px 10px;
  }
}
.reason .content section.sec_reason_detail > section {
  max-width: 80%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason_detail > section {
    max-width: 90%;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section {
    max-width: 100%;
    padding: 0 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason_detail > section {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.reason .content section.sec_reason_detail > section .photo {
  text-align: center;
}
.reason .content section.sec_reason_detail > section .photo img {
  width: 100%;
  height: 540px;
  object-fit: cover;
  object-position: 80% 50%;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section .photo img {
    height: 420px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section .photo img {
    height: 380px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason_detail > section .photo img {
    height: 300px;
  }
}
.reason .content section.sec_reason_detail > section .reason_info {
  max-width: 980px;
  background: #dce5f0;
  padding: 70px 50px 50px;
  margin-top: -100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section .reason_info {
    padding: 60px 40px 40px;
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section .reason_info {
    padding: 50px 30px 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason_detail > section .reason_info {
    padding: 50px 25px 30px;
  }
}
.reason .content section.sec_reason_detail > section .reason_info .icon_num {
  font-family: "Inter", serif;
  font-size: 100px;
  font-size: 10rem;
  color: #5b9ada;
  line-height: 1;
  position: absolute;
  top: -55px;
  left: 50px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section .reason_info .icon_num {
    font-size: 80px;
    font-size: 8rem;
    top: -40px;
    left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section .reason_info .icon_num {
    font-size: 70px;
    font-size: 7rem;
    top: -35px;
    left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason_detail > section .reason_info .icon_num {
    left: 25px;
  }
}
.reason .content section.sec_reason_detail > section .reason_info h3 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
  line-height: 1.4;
  position: absolute;
  top: -35px;
  right: -40px;
}
@media screen and (max-width: 1000px) {
  .reason .content section.sec_reason_detail > section .reason_info h3 {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section .reason_info h3 {
    font-size: 30px;
    font-size: 3rem;
    top: -120px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section .reason_info h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason_detail > section .reason_info h3 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason_detail > section .reason_info h3 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
.reason .content section.sec_reason_detail > section .reason_info h3 span {
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section .reason_info h3 span {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_reason_detail > section .reason_info h3 span {
    padding: 10px;
  }
}
.reason .content section.sec_reason_detail > section .reason_info h3 strong {
  color: #5b9ada;
}
.reason .content section.sec_reason_detail > section .reason_info .reason_txt {
  font-size: 15px;
  font-size: 1.5rem;
}
.reason .content section.sec_reason_detail > section .reason_info .reason_txt ul {
  margin: 20px 0;
}
.reason .content section.sec_reason_detail > section .reason_info .reason_txt ul li {
  font-weight: bold;
  margin-bottom: 10px;
}
.reason .content section.sec_reason_detail > section .reason_info .reason_txt ul li .point {
  display: inline-block;
  background: #e8af4c;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  padding: 2px 15px;
  border-radius: 100px;
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section .reason_info .reason_txt ul li .txt {
    display: block;
    margin-top: 3px;
  }
}
.reason .content section.sec_reason_detail > section#reason01 .photo {
  width: 78.12%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason01 .photo {
    width: 100%;
  }
}
.reason .content section.sec_reason_detail > section#reason02 .photo {
  width: 60.93%;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason02 .photo {
    width: 100%;
  }
}
.reason .content section.sec_reason_detail > section#reason02 .photo:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #98c5f2;
  position: absolute;
  bottom: -30px;
  right: -30px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason02 .photo:before {
    content: none;
  }
}
.reason .content section.sec_reason_detail > section#reason02 .photo img {
  height: 528px;
  object-fit: cover;
  object-position: 0 50%;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason02 .photo img {
    height: 420px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section#reason02 .photo img {
    height: 380px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason_detail > section#reason02 .photo img {
    height: 300px;
  }
}
.reason .content section.sec_reason_detail > section#reason02 .reason_info {
  max-width: 700px;
  margin-left: auto;
}
.reason .content section.sec_reason_detail > section#reason02 .reason_info .icon_num {
  left: initial;
  right: 50px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason02 .reason_info .icon_num {
    right: 40px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_reason_detail > section#reason02 .reason_info .icon_num {
    right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_reason_detail > section#reason02 .reason_info .icon_num {
    right: 25px;
  }
}
.reason .content section.sec_reason_detail > section#reason02 .reason_info h3 {
  left: -40px;
  right: initial;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason02 .reason_info h3 {
    left: 0;
  }
}
.reason .content section.sec_reason_detail > section#reason03 .photo {
  width: 60.93%;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason03 .photo {
    width: 100%;
  }
}
.reason .content section.sec_reason_detail > section#reason03 .photo:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #98c5f2;
  position: absolute;
  bottom: -30px;
  right: 30px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason03 .photo:before {
    content: none;
  }
}
.reason .content section.sec_reason_detail > section#reason03 .reason_info {
  max-width: 700px;
}
.reason .content section.sec_reason_detail > section#reason03 .reason_info h3 {
  right: -80px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_reason_detail > section#reason03 .reason_info h3 {
    right: 0;
  }
}
.reason .content section.sec_welfare {
  background: #d3e2f5;
  padding: 80px 40px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_welfare {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_welfare {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_welfare {
    padding: 40px 20px;
  }
}
.reason .content section.sec_welfare h2 {
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_welfare h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_welfare h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_welfare h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_welfare h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.reason .content section.sec_welfare h2 span {
  display: inline-block;
}
.reason .content section.sec_welfare .welfare_list {
  max-width: 1000px;
  margin: 0 auto 40px;
}
.reason .content section.sec_welfare .welfare_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -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;
}
.reason .content section.sec_welfare .welfare_list ul li {
  width: 32%;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #5b9ada;
  text-align: center;
  font-weight: bold;
  padding: 20px 5px;
  background: #fff;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .reason .content section.sec_welfare .welfare_list ul li {
    width: 48%;
    margin: 0 1% 15px;
  }
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_welfare .welfare_list ul li {
    width: 100%;
    max-width: 360px;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_welfare .welfare_list ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.reason .content section.sec_welfare .welfare_list.welfare_future {
  margin-bottom: 0;
}
.reason .content section.sec_welfare h3 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .reason .content section.sec_welfare h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .reason .content section.sec_welfare h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .reason .content section.sec_welfare h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.company .content section.sec_outline {
  max-width: 80%;
}
@media screen and (max-width: 768px) {
  .company .content section.sec_outline {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .company .content section.sec_outline {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .company .content section.sec_outline {
    padding: 0 20px;
  }
}
.company .content section.sec_outline table {
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}
@media screen and (max-width: 768px) {
  .company .content section.sec_outline table {
    border-bottom: 1px solid #e1e1e1;
  }
}
.company .content section.sec_outline table th,
.company .content section.sec_outline table td {
  padding: 20px 25px;
  font-size: 16px;
  font-size: 1.6rem;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
@media screen and (max-width: 768px) {
  .company .content section.sec_outline table th,
  .company .content section.sec_outline table td {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .company .content section.sec_outline table th,
  .company .content section.sec_outline table td {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .company .content section.sec_outline table th,
  .company .content section.sec_outline table td {
    padding: 15px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.company .content section.sec_outline table th {
  width: 25%;
  font-weight: bold;
  text-align: center;
  background: #85b6e7;
}
@media screen and (max-width: 768px) {
  .company .content section.sec_outline table th {
    width: 100%;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .company .content section.sec_outline table th {
    text-align: left;
  }
}
.company .content section.sec_outline table td {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .company .content section.sec_outline table td {
    width: 100%;
    border-bottom: none;
  }
}
.company .content section.sec_outline table td.addr span {
  display: inline-block;
  margin-right: 10px;
}
.company .content section.sec_outline table td iframe {
  height: 300px;
}
.company .content section.sec_outline table td a {
  color: #5b9ada;
}

.faq .content section.page-layout,
.faq99 .content section.page-layout {
  max-width: 80%;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout,
  .faq99 .content section.page-layout {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .faq .content section.page-layout,
  .faq99 .content section.page-layout {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout,
  .faq99 .content section.page-layout {
    padding: 0 20px;
  }
}
.faq .content section.page-layout .faq_item,
.faq99 .content section.page-layout .faq_item {
  margin-bottom: 30px;
}
.faq .content section.page-layout h2,
.faq99 .content section.page-layout h2 {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  letter-spacing: 1px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h2,
  .faq99 .content section.page-layout h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h2,
  .faq99 .content section.page-layout h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h2,
  .faq99 .content section.page-layout h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.faq .content section.page-layout h2:before,
.faq99 .content section.page-layout h2:before {
  content: '';
  width: 20px;
  height: 1px;
  background: #120c0b;
  position: absolute;
  top: 50%;
  left: 0;
}
.faq .content section.page-layout h3,
.faq99 .content section.page-layout h3 {
  font-size: 20px;
  font-size: 2rem;
  color: #5b9ada;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .faq .content section.page-layout h3,
  .faq99 .content section.page-layout h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .faq .content section.page-layout h3,
  .faq99 .content section.page-layout h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .faq .content section.page-layout h3,
  .faq99 .content section.page-layout h3 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.faq .content section.page-layout .answer,
.faq99 .content section.page-layout .answer {
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 1.5em;
}
.faq .content section.page-layout .btn_return,
.faq99 .content section.page-layout .btn_return {
  border-top: 1px solid #120c0b;
  padding-top: 30px;
  text-align: right;
}
.faq .content section.page-layout .btn_return a,
.faq99 .content section.page-layout .btn_return a {
  text-decoration: underline;
  color: #5b9ada;
}

.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: #ecf3f8;
}
@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: #5b9ada;
  text-decoration: underline;
}
.faq .content section.page-layout h3 {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.faq .content section.page-layout h3:before {
  content: 'Q.';
  padding-right: .5em;
}

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

.contact .content section.page-layout {
  max-width: 80%;
  margin: 40px auto;
}
@media screen and (max-width: 768px) {
  .contact .content section.page-layout {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .contact .content section.page-layout {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact .content section.page-layout {
    padding: 0 20px;
  }
}
.contact .content section.page-layout h2 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #120c0b;
}
@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;
  }
}

.web .content section.page-layout {
  max-width: 1080px;
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .web .content section.page-layout {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .web .content section.page-layout {
    padding: 0 20px;
  }
}
.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;
}
@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: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .web .content section.page-layout .web-disc .message-link a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .web .content section.page-layout .web-disc .message-link a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.web .content section.page-layout .web-disc .message-link a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.web .content section.page-layout .web-disc .message-link a:hover:after {
  right: -4px;
}
@media screen and (max-width: 1000px) {
  .web .content section.page-layout .web-disc .message-link {
    margin-top: 20px;
  }
}
@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-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: #5b9ada;
  margin-bottom: 10px;
}
.web .content section.page-layout .web-flow .flow-box h3:before {
  display: inline-block;
  color: #5b9ada;
  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: #5b9ada;
  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: #5b9ada;
  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: #5b9ada;
  text-decoration: underline;
}

.privacy-policy .content section.page-layout {
  max-width: 80%;
}
@media screen and (max-width: 768px) {
  .privacy-policy .content section.page-layout {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .privacy-policy .content section.page-layout {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .privacy-policy .content section.page-layout {
    padding: 0 20px;
  }
}
.privacy-policy .content section.page-layout .headline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #120c0b;
  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 h2 {
  text-align: left;
}
.privacy-policy .content section.page-layout p {
  margin-bottom: 10px;
}
.privacy-policy .content section.page-layout a {
  color: #5b9ada;
  text-decoration: underline;
}

@media screen and (max-width: 600px) {
  .matching .content .main_ttl h1 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content .main_ttl h1 {
    padding-top: 30px;
  }
}
.matching .content section.sec_matching_point {
  max-width: 1080px;
  margin: 80px auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point {
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point {
    margin: 50px auto;
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point {
    margin: 40px auto;
    padding: 0 20px;
  }
}
.matching .content section.sec_matching_point h2 {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.matching .content section.sec_matching_point .lead {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_point .lead {
    text-align: left;
  }
}
.matching .content section.sec_matching_point .lead strong {
  color: #5b9ada;
  font-weight: bold;
}
.matching .content section.sec_matching_point .point_box {
  background: #e7f0fc;
  border: 2px solid #5b9ada;
  margin-bottom: 60px;
  padding: 50px 40px 30px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .point_box {
    padding: 40px 30px 25px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .point_box {
    padding: 35px 25px 25px;
  }
}
.matching .content section.sec_matching_point .point_box h3 {
  width: 200px;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  text-align: left;
  letter-spacing: 4px;
  background: #5b9ada;
  padding: 5px 30px;
  margin-bottom: 15px;
  position: absolute;
  top: -26px;
  left: -2px;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_point .point_box h3 {
    width: 180px;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_point .point_box h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_point .point_box h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.matching .content section.sec_matching_point .point_box h3 span {
  font-family: "Inter", serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #b8d8f8;
  letter-spacing: 3px;
  vertical-align: middle;
  margin-left: 10px;
}
.matching .content section.sec_matching_system {
  background: #d3e2f5;
  padding: 80px 40px;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system {
    padding: 60px 30px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system {
    padding: 50px 20px;
  }
}
.matching .content section.sec_matching_system h2 {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.matching .content section.sec_matching_system .lead {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .lead {
    text-align: left;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .lead {
    margin-bottom: 30px;
  }
}
.matching .content section.sec_matching_system .matching-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.matching .content section.sec_matching_system .matching-wrap > p {
  margin: 0 0 2.5rem;
}
.matching .content section.sec_matching_system .matching-box + .matching-box {
  margin-top: 3.5rem;
}
.matching .content section.sec_matching_system .matching-box h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #5b9ada;
  text-align: left;
  line-height: 1.6;
  margin-bottom: 30px;
  padding-left: 45px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .matching-box h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .matching-box h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
.matching .content section.sec_matching_system .matching-box h2:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: "Inter", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
  background: #5b9ada;
  padding-top: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 600px) {
  .matching .content section.sec_matching_system .matching-box h2:before {
    width: 28px;
    height: 28px;
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 6px;
  }
}
.matching .content section.sec_matching_system .matching-box:first-of-type h2::before {
  content: "1";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(2) h2::before {
  content: "2";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(3) h2::before {
  content: "3";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(4) h2::before {
  content: "4";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(5) h2::before {
  content: "5";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(6) h2::before {
  content: "6";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(7) h2::before {
  content: "7";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(8) h2::before {
  content: "8";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(9) h2::before {
  content: "9";
}
.matching .content section.sec_matching_system .matching-box:nth-of-type(10) h2::before {
  content: "10";
}
.matching .content section.sec_matching_system .q_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -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;
}
.matching .content section.sec_matching_system .q_wrap > div {
  width: 24%;
  margin-bottom: 0.5rem;
  transition: all .3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .matching .content section.sec_matching_system .q_wrap > div {
    width: 49%;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .q_wrap > div {
    width: 100%;
  }
}
.matching .content section.sec_matching_system .q_wrap label {
  display: block;
  width: 100%;
  padding: 10px 20px;
  line-height: 4rem;
  border: solid 1px #5b9ada;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .q_wrap label {
    padding: 5px 20px;
  }
}
.matching .content section.sec_matching_system .q_wrap input[type="radio"] {
  margin-right: 0.5rem;
  border: none;
}
.matching .content section.sec_matching_system .error_txt {
  display: none;
  color: #f00;
}
.matching .content section.sec_matching_system .mach_txt, .matching .content section.sec_matching_system .resource {
  display: none;
}
.matching .content section.sec_matching_system button#resultbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  margin: 60px auto 0;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system button#resultbtn {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system button#resultbtn {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.matching .content section.sec_matching_system button#resultbtn:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.matching .content section.sec_matching_system button#resultbtn:hover {
  opacity: .8;
}
.matching .content section.sec_matching_system button#resultbtn:hover:after {
  right: -4px;
}
.matching .content section.sec_matching_system .resource {
  margin-top: 50px;
}
.matching .content section.sec_matching_system .resource .matching-txt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #5b9ada;
  margin-bottom: 20px;
  line-height: 1.6;
}
.matching .content section.sec_matching_system .resource p#goukei {
  font-family: "Inter", serif;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  line-height: 1;
}
.matching .content section.sec_matching_system .resource p#goukei span {
  font-size: 2.5rem;
}
.matching .content section.sec_matching_system .resource .mach_txt {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.matching .content section.sec_matching_system .resource .mach_txt a {
  color: #5b9ada;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .matching .content section.sec_matching_system .linkbtn-wrap .btn a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a:hover:after {
  right: -4px;
}
.matching .content section.sec_matching_system .linkbtn-wrap .btn a {
  max-width: 350px;
  margin: 40px auto 0;
  padding: 18px 10px;
}

/*--------------------------------------------------------------
 Post style
--------------------------------------------------------------*/
.post-type-archive-interview .content section.sec_interview {
  margin-bottom: 0;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box {
  margin-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box {
    margin-bottom: 50px;
  }
}
.post-type-archive-interview .content .archives-nav {
  text-align: center;
}
.post-type-archive-interview .content .archives-nav .page-numbers {
  display: inline-block;
  width: 34px;
  padding: 5px;
  background: #f8c66f;
  color: #fff;
  border-radius: 3px;
}
.post-type-archive-interview .content .archives-nav .page-numbers.current {
  background: #f9f3f5;
  color: #120c0b;
  border: 1px solid #f8c66f;
}

.post-type-archive-interview .content section.sec_interview .lead {
  text-align: center;
  margin-bottom: 50px;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
  max-width: 80%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -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;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    max-width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_list_inner {
    margin-bottom: 60px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box {
  width: 31.25%;
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box {
    width: 100%;
    margin-bottom: 50px;
  }
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box {
    margin-bottom: 40px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box a {
  display: block;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box a:hover .photo:after {
  right: 5px;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .photo {
  overflow: hidden;
  position: relative;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .photo:before {
  content: '';
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-left-color: #5b9ada;
  position: absolute;
  bottom: -50px;
  right: -50px;
  transform: rotate(45deg);
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .photo:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow_white.svg) no-repeat 0 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transform: translateY(-50%);
  transition: .3s;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .photo > img {
  width: 100%;
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .interview_info {
  background: #ddeefd;
  padding: 30px;
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .interview_info {
    padding: 25px 20px;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #120c0b;
  line-height: 1.4;
  margin-bottom: 25px;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
  font-size: 15px;
  font-size: 1.5rem;
  color: #717171;
}
@media screen and (max-width: 480px) {
  .post-type-archive-interview .content section.sec_interview .interview_list .interview_box .name {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.single-interview .content section.sec_interview_detail {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail {
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail {
    padding: 0 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main {
  max-width: 80%;
  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;
  position: relative;
  z-index: 10;
  margin-bottom: 0;
  background: #edf6f8;
  border: 1px solid #4cafcd;
  padding: 50px;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    max-width: 100%;
    padding: 25px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_main {
    padding: 20px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .photo {
  width: 40%;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .photo {
    width: 100%;
  }
}
.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: 55%;
  margin-top: 10%;
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .interview_info {
    margin-top: 5%;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_main .interview_info {
    width: 100%;
  }
}
.single-interview .content section.sec_interview_detail .interview_main h2 {
  font-family: "Inter", serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #00a5d7;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .job_cat {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  background: #5b9ada;
  padding: 2px 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .job_cat {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1px 20px;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_main .job_cat {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .catch {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 1250px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content section.sec_interview_detail .interview_main .catch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_main .catch br {
  display: none;
}
.single-interview .content section.sec_interview_detail .interview_main .name {
  font-size: 15px;
  font-size: 1.5rem;
  color: #4cafcd;
}
.single-interview .content section.sec_interview_detail .interview_qa {
  margin-top: 60px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa {
    margin-top: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont {
    max-width: 100%;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d8d8d8;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img {
  margin-bottom: 20px;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_img img {
  width: 100%;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #120c0b;
  text-align: left;
  padding-left: 45px;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2:before {
  display: inline-block;
  content: 'Q';
  width: 32px;
  height: 32px;
  background: #85b6e7;
  font-family: "Inter", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  padding-top: 1px;
  position: absolute;
  top: 3px;
  left: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + p {
  padding-left: 45px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + p {
    padding-left: 40px;
  }
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area h2 + p:before {
  display: inline-block;
  content: 'A';
  width: 32px;
  height: 32px;
  background: #f2c335;
  font-family: "Inter", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  padding-top: 2px;
  position: absolute;
  top: -3px;
  left: 0;
}
.single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
  padding-left: 45px;
}
@media screen and (max-width: 600px) {
  .single-interview .content section.sec_interview_detail .interview_qa .interview_cont .interview_qa_area p {
    padding-left: 40px;
  }
}
.single-interview .content .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: 80%;
  margin: 100px auto;
}
@media screen and (max-width: 1250px) {
  .single-interview .content .post-navigation .nav-links {
    max-width: 90%;
  }
}
@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;
  }
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links {
    margin: 50px auto;
  }
}
.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: 350px;
  padding: 22px 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #120c0b;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  background: #f8c66f;
  position: relative;
}
@media screen and (max-width: 480px) {
  .single-interview .content .post-navigation .nav-links > div a {
    padding: 15px 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .single-interview .content .post-navigation .nav-links > div a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single-interview .content .post-navigation .nav-links > div a:after {
  content: '';
  width: 30px;
  height: 12px;
  background: url(images/img_icon_arrow.svg) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  transition: .3s;
}
.single-interview .content .post-navigation .nav-links > div a:hover:after {
  right: -4px;
}
@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 .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 {
  background-image: url(images/img_icon_arrow_prev.svg);
  bottom: -5px;
  right: initial;
  left: -9px;
}
.single-interview .content .post-navigation .nav-links .nav-next a:hover:after {
  left: -4px;
}

@media screen and (max-width: 480px) {
  .post-type-archive-interview .content .main_ttl h1 .ttl_jp,
  .single-interview .content .main_ttl h1 .ttl_jp {
    letter-spacing: 2px;
  }
}

.post-type-archive-recruit .content section.sec_recruit_list {
  background: #d3e2f5;
  margin-top: 420px;
  margin-bottom: 0;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list {
    margin-top: 390px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list {
    margin-top: 370px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list {
    margin-top: 350px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list {
    padding-bottom: 40px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .lead {
  margin-top: -400px;
  text-align: center;
  line-height: 2.2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list .lead {
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list .lead {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list .lead {
    padding: 0 20px;
    text-align: left;
    line-height: 2;
    margin-bottom: 30px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 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;
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul {
    max-width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul {
    padding: 0 30px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul {
    padding: 0 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li {
  width: 48%;
  max-width: 520px;
  margin: 0 1% 20px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li {
    width: 100%;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li {
    margin-bottom: 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li:nth-child(even) {
  margin-right: 0;
  margin-left: 2%;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li:nth-child(even) {
    margin-left: 0;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li a {
  display: block;
  height: 100%;
  background: #fff;
  border: 1px solid #5b9ada;
  padding: 30px;
  color: #5b9ada;
  position: relative;
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li a {
    padding: 25px 20px 20px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li a:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #5b9ada;
  position: absolute;
  top: initial;
  bottom: -15px;
  right: -15px;
  transform: rotate(45deg);
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li a:after {
    border-top-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    bottom: -10px;
    right: -10px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_cat {
  width: auto;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  color: #5b9ada;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_cat {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_cat {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_jobcat {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  color: #120c0b;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_jobcat {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_jobcat {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 480px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_jobcat {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_jobcat {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li .photo {
  margin-bottom: 25px;
}
.post-type-archive-recruit .content section.sec_recruit_list ul li .photo img {
  width: 100%;
}
.post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_excerpt {
  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;
  color: #120c0b;
}
.post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_excerpt dt {
  width: 8em;
  margin-bottom: 15px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_excerpt dt {
    width: 100%;
    margin-bottom: 5px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_excerpt dd {
  width: calc(100% - 8em);
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .post-type-archive-recruit .content section.sec_recruit_list ul li .recruit_excerpt dd {
    width: 100%;
    margin-bottom: 25px;
  }
}
.post-type-archive-recruit .content section.sec_recruit_list .no_recruit_post {
  text-align: center;
}
.post-type-archive-recruit .content section.sec_recruit {
  display: none;
}

.single-recruit .content .fix_btn {
  width: 49px;
  position: fixed;
  z-index: 3;
  right: 0;
  top: 250px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content .fix_btn {
    display: none;
  }
}
.single-recruit .content .fix_btn a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 1px;
  background: #00a5d7;
  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: 80%;
  margin: 80px auto;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper {
    max-width: 100%;
    padding: 0 40px;
    margin: 60px auto;
  }
}
@media screen and (max-width: 600px) {
  .single-recruit .content section.recruit_wrapper {
    padding: 0 30px;
    margin: 50px auto;
  }
}
@media screen and (max-width: 480px) {
  .single-recruit .content section.recruit_wrapper {
    padding: 0 20px;
    margin: 40px auto;
  }
}
.single-recruit .content section.recruit_wrapper h2 {
  font-size: 24px;
  font-size: 2.4rem;
  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 .recruit_table {
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .single-recruit .content section.recruit_wrapper .recruit_table {
    border-bottom: 1px solid #e1e1e1;
  }
}
.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 #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
@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;
  text-align: center;
  background: #85b6e7;
}
@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 .entry_form_area .wpcf7-form {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
}
.single-recruit .content section.recruit_wrapper .entry_form_area .wpcf7-form label {
  display: inline-block;
  text-align: left;
}
.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;
}
.single-recruit footer .copyright {
  padding-bottom: 76px;
}

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

    /* recaptcha 位置 */
.grecaptcha-badge { visibility: hidden; }


/* テストフォーム用 */
.error-404 .page-item-1396 {
	display: none;
}