@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** reCAPTCHA認証バーを非表示
************************************/
.grecaptcha-badge { 
	visibility: hidden;
}

/************************************
** テンプレCSS
************************************/
@charset "UTF-8";
/* sans-serif */
/* @font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; } */
/* monospace */
/* @font-face {
  font-family: "SourceHanCodeJP-Regular";
  src: local("SourceHanCodeJP-Regular"); }
@font-face {
  font-family: "Myrica M";
  src: local("Myrica M"); }
@font-face {
  font-family: "MyricaM M";
  src: local("MyricaM M"); }
@font-face {
  font-family: "Ricty Diminished Discord";
  src: local("Ricty Diminished Discord"); }
@font-face {
  font-family: "Migu 1M";
  src: local("Migu 1M"); }
@font-face {
  font-family: "Rounded M+ 1m regular";
  src: local("Rounded M+ 1m regular"); }
@font-face {
  font-family: "Rounded Mgen+ 1m regular";
  src: local("Rounded Mgen+ 1m regular"); }
@font-face {
  font-family: "VL ゴシック";
  src: local("VL ゴシック"); } */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* line 8, _normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 18, _normalize.scss */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
/* line 31, _normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
/* line 50, _normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
/* line 61, _normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 70, _normalize.scss */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
/* line 79, _normalize.scss */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 92, _normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 102, _normalize.scss */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 115, _normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 125, _normalize.scss */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 134, _normalize.scss */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 143, _normalize.scss */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 152, _normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
/* line 161, _normalize.scss */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
/* line 170, _normalize.scss */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 179, _normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 187, _normalize.scss */
sub {
  bottom: -0.25em; }

/* line 191, _normalize.scss */
sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 202, _normalize.scss */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
/* line 210, _normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 222, _normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
/* line 234, _normalize.scss */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 243, _normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 257, _normalize.scss */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
/* line 269, _normalize.scss */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 278, _normalize.scss */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 288, _normalize.scss */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 299, _normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 310, _normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 322, _normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 333, _normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 346, _normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 359, _normalize.scss */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 368, _normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 378, _normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 388, _normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/* line 397, _normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
/* line 406, _normalize.scss */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 416, _normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* line 1, typography/_typography.scss */
.header_title-en,
.squareLinks_name-en,
.entryLinks_name-en,
.entryLinks_subName-en,
.episodeList_name-en,
.episodeLinks_caption,
.topSection-btn,
.ornament_text,
.scroll,
.episodeLinks_comingSoon,
.corporateLinks_caption {
  font-family: 'Abel', sans-serif; }

@media screen and (max-width: 960px) {
  /* line 14, typography/_typography.scss */
  .copyright_txt {
    font-family: 'Abel', sans-serif; } }

/* line 19, typography/_typography.scss */
.font-serif {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  font-feature-settings: "palt"; }

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* line 1, _base.scss */
html * {
  -webkit-font-smoothing: antialiased;
  outline: none;
  -moz-osx-font-smoothing: grayscale; }

/* line 7, _base.scss */
html, body {
  color: #000;
  background-color: #fff;
  font-size: 1rem;
  -webkit-tap-highlight-color: transparent;
  height: 100%; }

/* line 15, _base.scss */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; }
  @media all and (-ms-high-contrast: none) {
    /* line 80, mixins/_mixins-master.scss */
    body {
      font-family: Verdana, Meiryo, sans-serif; } }

/* line 20, _base.scss */
img {
  vertical-align: bottom; }

/* line 21, _base.scss */
a {
  color: #0075C1;
  text-decoration: none;
  transition: color 0.3s linear;
  -webkit-transition: color 0.3s linear; }
  /* line 26, _base.scss */
  a:hover {
    color: #66B1E3;
    transition: all 0.3s linear;
    -webkit-transition: color 0.3s linear; }
  /* line 31, _base.scss */
/*   a:visited {
    color: #6344AA;
    transition: all 0.3s linear;
    -webkit-transition: color 0.3s linear; } */

/* line 38, _base.scss */
table th,
table td {
  padding: 0; }

/* line 43, _base.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0; }

/* line 54, _base.scss */
.home ul {
  margin: 0 auto;
  padding: 0;
  list-style: none; }

/* line 63, _base.scss */
.home .btn {
  width: 300px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  display: block; }
  /* line 69, _base.scss */
.home .btn a {
    position: relative;
    display: block;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    height: 46px;
    line-height: 46px; }
    /* line 78, _base.scss */
.home .btn a:hover {
      opacity: 1; }

/* line 84, _base.scss */
.btn--arrow a:after {
  content: "";
  position: absolute;
  display: block;
  right: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
/* line 100, _base.scss */
.btn--arrow a:hover:after {
  right: 15px; }

/* line 104, _base.scss */
.btn--center {
  margin: 0 auto; }

/* line 109, _base.scss */
.section__inner {
  padding-left: 15px;
  padding-right: 15px; }

/* line 115, _base.scss */
[type="submit"] {
  border-radius: 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
  display: block;
  border: none; }

/* line 126, _base.scss */
.lv2-container h1, .lv2-container h2, .lv2-container h3, .lv2-container h4, .lv2-container h5, .lv2-container h6, .lv2-news__content h1, .lv2-news__content h2, .lv2-news__content h3, .lv2-news__content h4, .lv2-news__content h5, .lv2-news__content h6 {
  margin: 3.75rem 0 1.875rem; }
/* line 127, _base.scss */
.lv2-container h1 + h2, .lv2-container h1 + h3, .lv2-container h1 + h4, .lv2-container h1 + h5, .lv2-container h1 + h6,
.lv2-container h2 + h2, .lv2-container h2 + h3, .lv2-container h2 + h4, .lv2-container h2 + h5, .lv2-container h2 + h6,
.lv2-container h3 + h3, .lv2-container h3 + h4, .lv2-container h3 + h5, .lv2-container h3 + h6,
.lv2-container h4 + h4, .lv2-container h4 + h5, .lv2-container h4 + h6,
.lv2-container h5 + h5, .lv2-container h5 + h6,
.lv2-container h6 + h6, .lv2-news__content h1 + h2, .lv2-news__content h1 + h3, .lv2-news__content h1 + h4, .lv2-news__content h1 + h5, .lv2-news__content h1 + h6,
.lv2-news__content h2 + h2, .lv2-news__content h2 + h3, .lv2-news__content h2 + h4, .lv2-news__content h2 + h5, .lv2-news__content h2 + h6,
.lv2-news__content h3 + h3, .lv2-news__content h3 + h4, .lv2-news__content h3 + h5, .lv2-news__content h3 + h6,
.lv2-news__content h4 + h4, .lv2-news__content h4 + h5, .lv2-news__content h4 + h6,
.lv2-news__content h5 + h5, .lv2-news__content h5 + h6,
.lv2-news__content h6 + h6 {
  margin-top: 2.8125rem; }
/* line 135, _base.scss */
.lv2-container h1, .lv2-news__content h1 {
  font-size: 1.875rem;
  font-weight: 700; }
/* line 136, _base.scss */
.lv2-container h2, .lv2-news__content h2 {
  font-size: 1.375rem; }
/* line 137, _base.scss */
.lv2-container h3, .lv2-news__content h3 {
  font-size: 1.375rem; }
/* line 138, _base.scss */
.lv2-container h4, .lv2-container h5, .lv2-container h6, .lv2-news__content h4, .lv2-news__content h5, .lv2-news__content h6 {
  font-size: 1rem;
  font-weight: 700; }
/* line 139, _base.scss */
.lv2-container p, .lv2-news__content p {
  margin: 0 0 1.75em;
  line-height: 1.75em; }
/* line 140, _base.scss */
.lv2-container ul, .lv2-container ol, .lv2-container dl, .lv2-news__content ul, .lv2-news__content ol, .lv2-news__content dl {
  margin: 0 0 2.6666em; }
/* line 141, _base.scss */
.lv2-container ul, .lv2-container ol, .lv2-news__content ul, .lv2-news__content ol {
  padding-left: 30px; }
/* line 142, _base.scss */
.lv2-container ul, .lv2-news__content ul {
  list-style-type: disc; }
/* line 143, _base.scss */
.lv2-container ul ul, .lv2-container ol ul, .lv2-news__content ul ul, .lv2-news__content ol ul {
  list-style-type: circle;
  margin-bottom: 0; }
/* line 144, _base.scss */
.lv2-container dl dt, .lv2-news__content dl dt {
  font-weight: 700; }
/* line 145, _base.scss */
.lv2-container table, .lv2-news__content table {
  border-collapse: collapse;
  width: 100%;
  line-height: 1.8em;
  font-size: 1rem;
  margin-top: 30px;
  margin-bottom: 30px; }
/* line 153, _base.scss */
.lv2-container th, .lv2-news__content th {
  border-bottom: #ddd 1px solid;
  text-align: left;
  padding: 16px;
  font-weight: normal;
  vertical-align: top; }
/* line 160, _base.scss */
.lv2-container td, .lv2-news__content td {
  border-bottom: #ddd 1px solid;
  text-align: left;
  padding: 16px; }
/* line 165, _base.scss */
.lv2-container .aligncenter, .lv2-news__content .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }
/* line 170, _base.scss */
.lv2-container img, .lv2-container canvas, .lv2-container video, .lv2-container svg, .lv2-container .wp-caption, .lv2-news__content img, .lv2-news__content canvas, .lv2-news__content video, .lv2-news__content svg, .lv2-news__content .wp-caption {
  max-width: 100%;
  height: auto; }
/* line 174, _base.scss */
.lv2-container img.alignleft, .lv2-news__content img.alignleft {
  display: inline-block;
  margin: 0 1.5em 1em 0; }
/* line 178, _base.scss */
.lv2-container img.alignleft, .lv2-container .wp-caption.alignleft, .lv2-news__content img.alignleft, .lv2-news__content .wp-caption.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }
/* line 183, _base.scss */
.lv2-container img.alignright, .lv2-news__content img.alignright {
  display: inline-block;
  margin: 0 0 1em 1.5em; }
/* line 187, _base.scss */
.lv2-container img.alignright, .lv2-container .wp-caption.alignright, .lv2-news__content img.alignright, .lv2-news__content .wp-caption.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; }
/* line 192, _base.scss */
.lv2-container .wp-caption-text, .lv2-news__content .wp-caption-text {
  font-size: 0.75rem;
  margin-top: 1em; }
/* line 196, _base.scss */
.lv2-container p.alignright, .lv2-news__content p.alignright {
  text-align: right; }
/* line 197, _base.scss */
.lv2-container blockquote, .lv2-news__content blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative; }
  /* line 203, _base.scss */
  .lv2-container blockquote:before, .lv2-news__content blockquote:before {
    color: #C8C8C8;
    content: "“";
    font-family: serif;
    font-size: 600%;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0; }
  /* line 213, _base.scss */
  .lv2-container blockquote:after, .lv2-news__content blockquote:after {
    color: #C8C8C8;
    content: "”";
    font-family: serif;
    font-size: 600%;
    line-height: 0;
    position: absolute;
    right: 0;
    bottom: -4px; }
/* line 224, _base.scss */
.lv2-container .clear, .lv2-news__content .clear {
  clear: both; }
/* line 225, _base.scss */
.lv2-container img.space-bottom-30, .lv2-news__content img.space-bottom-30 {
  margin-bottom: 30px; }
/* line 226, _base.scss */
.lv2-container .space-bottom-30, .lv2-news__content .space-bottom-30 {
  margin-bottom: 30px; }
/* line 227, _base.scss */
.lv2-container img.space-bottom-40, .lv2-news__content img.space-bottom-40 {
  margin-bottom: 40px; }
/* line 228, _base.scss */
.lv2-container .space-bottom-40, .lv2-news__content .space-bottom-40 {
  margin-bottom: 40px; }

/* line 230, _base.scss */
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

/* line 1, modules/_alignments.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

/* line 7, modules/_alignments.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

/* line 13, modules/_alignments.scss */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
/* =====================
  global
===================== */
/* header */
/* line 5, site/_global.scss */
.header {
/*   position: fixed; */
  width: 100%;
  z-index: 8888; }

/* line 10, site/_global.scss */
.header_primary,
.header_secondary {
  width: 100%;
  height: 50px;
  padding-left: 120px;
  box-sizing: border-box;
  display: flex;
  display: -ms-flex;
  align-items: center;
  -ms-align-items: center; }
  @media screen and (max-width: 960px) {
    /* line 10, site/_global.scss */
    .header_primary,
    .header_secondary {
      height: 32px;
      padding-left: 80px; } }
  @media screen and (max-width: 320px) {
    /* line 10, site/_global.scss */
    .header_primary,
    .header_secondary {
      padding-left: 70px; } }

/* line 27, site/_global.scss */
.header_primary {
  background-color: #000;
  position: relative; }

/* line 31, site/_global.scss */
.header_secondary {
  background-color: #fff; }

/* line 34, site/_global.scss */
.header_title {
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff; }
  @media screen and (max-width: 960px) {
    /* line 34, site/_global.scss */
    .header_title {
      font-size: 0.625rem;
      letter-spacing: 0; } }

/* line 45, site/_global.scss */
.header_title-en {
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-left: 18px; }
  @media screen and (max-width: 960px) {
    /* line 45, site/_global.scss */
    .header_title-en {
      margin-left: 8px; } }
  @media screen and (max-width: 320px) {
    /* line 45, site/_global.scss */
    .header_title-en {
      letter-spacing: 0; } }

/* line 56, site/_global.scss */
.nav_sub {
  display: flex;
  display: -ms-flex;
  flex: 1 0 auto;
  -ms-flex: 1 0 auto; }
  @media screen and (max-width: 960px) {
    /* line 56, site/_global.scss */
    .nav_sub {
      display: none; } }
  /* line 62, site/_global.scss */
  .nav_sub ul {
    display: flex;
    display: -ms-flex;
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    justify-content: flex-end;
    -ms-justify-content: flex-end; }
  /* line 67, site/_global.scss */
  .nav_sub a {
    display: block;
    width: 240px;
    height: 54px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 50px;
    color: #fff;
	border: solid 0px;
    text-align: center;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s; }
    /* line 79, site/_global.scss */
    .nav_sub a:hover {
      letter-spacing: 2px; }

/* line 88, site/_global.scss */
.tagline {
  font-size: 0.875rem;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 960px) {
    /* line 88, site/_global.scss */
    .tagline {
      font-size: 0.625rem;
      letter-spacing: 0em; } }

/* line 97, site/_global.scss */
.nav_main {
  display: flex;
  display: -ms-flex;
  flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  display: block; }
  @media screen and (max-width: 960px) {
    /* line 97, site/_global.scss */
    .nav_main {
      display: none; } }
  /* line 104, site/_global.scss */
  .nav_main ul {
    display: flex;
    display: -ms-flex;
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    justify-content: flex-end;
    -ms-justify-content: flex-end; }
  /* line 109, site/_global.scss */
  .nav_main a {
    font-size: 0.9375rem;
    font-weight: bold;
    color: #000;
    padding-right: 45px; }
    /* line 114, site/_global.scss */
    .nav_main a:hover {
      color: #888; }

/* line 120, site/_global.scss */
.header_logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px; }
  @media screen and (max-width: 960px) {
    /* line 120, site/_global.scss */
    .header_logo {
      width: 64px;
      height: auto; } }

/* line 131, site/_global.scss */
.header_logo_image {
  width: 100%;
  height: auto; }

/* line 136, site/_global.scss */
.drawerMenu_entry {
  display: none; }

/* line 140, site/_global.scss */
.nav_sp {
  display: none; }
  @media screen and (max-width: 960px) {
    /* line 140, site/_global.scss */
    .nav_sp {
      display: block; } }
  /* line 145, site/_global.scss */
  .nav_sp li {
    border-bottom: 1px solid #222;
    padding: 1.333333vw;
    box-sizing: border-box; }
  /* line 150, site/_global.scss */
  .nav_sp a {
    display: block;
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 0.9375rem;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 5vw;
    position: relative; }
    /* line 160, site/_global.scss */
    .nav_sp a:after {
      content: "";
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/ico_arrow_03.png);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      display: block;
      right: 25px;
      top: 50%;
      width: 17.5px;
      height: 10px;
      margin-top: -5px; }
  /* line 175, site/_global.scss */
  .nav_sp .drawerMenu_entry {
    font-weight: 600;
    display: block; }
  /* line 179, site/_global.scss */
  .nav_sp .drawerMenu_entry a + a {
    margin-top: 1.333333vw; }
  /* line 182, site/_global.scss */
  .nav_sp .drawerMenu_entry a:after {
    background-image: url(/wp-content/themes/cocoon-child-master/asset/img/ico_arrow_02.png); }

/* footer */
/* line 192, site/_global.scss */
.footer {
  width: 100%;
  background-color: #000;
  position: relative;
  z-index: 90;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 1024px) {
.footer {
	height: 150px;
}}
  @media screen and (max-width: 960px) {
    /* line 192, site/_global.scss */
    .footer {
      padding-bottom: 64px; } }
  @media screen and (max-width: 767px) {
    /* line 192, site/_global.scss */
    .footer {
      padding-bottom: 50px; } }

/* line 205, site/_global.scss */
.footer_inner {
  width: 100%;
  height: 67px;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 4%;
  display: flex;
  display: -ms-flex;
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  align-items: center;
  -ms-align-items: center; }
  @media screen and (max-width: 960px) {
    /* line 205, site/_global.scss */
    .footer_inner {
      display: block;
      height: auto;
      padding-top: 22px; } }
  /* line 219, site/_global.scss */
  .footer_inner > * {
    width: 50%; }
    @media screen and (max-width: 960px) {
      /* line 219, site/_global.scss */
      .footer_inner > * {
        width: 100%; } }

/* line 227, site/_global.scss */
.footer_menu {
  display: flex;
  display: -ms-flex;
  flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  justify-content: center;
  -ms-justify-content: center; }
  @media screen and (max-width: 960px) {
    /* line 227, site/_global.scss */
    .footer_menu {
      justify-content: flex-start;
      -ms-justify-content: flex-start; } }
  /* line 234, site/_global.scss */
  .footer_menu ul {
    display: flex;
    display: -ms-flex; }
    @media screen and (max-width: 960px) {
      /* line 234, site/_global.scss */
      .footer_menu ul {
        margin-bottom: 6px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap; } }
  /* line 242, site/_global.scss */
  .footer_menu li a {
    font-size: 0.75rem;
    padding: 0 14px;
    color: #fff;
    display: block; }
    @media screen and (max-width: 960px) {
      /* line 242, site/_global.scss */
      .footer_menu li a {
        padding-left: 0;
        padding-bottom: 10px; } }
    /* line 251, site/_global.scss */
    .footer_menu li a:hover {
      color: #888; }
    /* line 254, site/_global.scss */
    .footer_menu li a .ico_external {
      display: inline-block;
      fill: #b0b0b0;
      margin-left: 6px;
      width: 9px;
      height: 9px; }
      @media screen and (max-width: 960px) {
        /* line 254, site/_global.scss */
        .footer_menu li a .ico_external {
          fill: #fff; } }

/* line 269, site/_global.scss */
.copyright_txt {
  font-size: 0.75rem;
  color: #fff;
  opacity: .6;
  padding: 0 34px; }
  @media screen and (max-width: 960px) {
    /* line 269, site/_global.scss */
    .copyright_txt {
      font-size: 0.5625rem;
      -webkit-transform: scale(0.9);
      -webkit-transform-origin: 0 0;
      padding: 0 0 23px 0; } }

/* pagetop */
/* line 284, site/_global.scss */
.pagetop {
  background-color: #282828;
  text-align: center;
  position: relative;
  line-height: 50px;
  transition: background-color 0.1s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 67px;
  height: 67px;
  position: absolute;
  top: 0;
  right: 0; }
  @media screen and (max-width: 960px) {
    /* line 284, site/_global.scss */
    .pagetop {
      width: 100%;
      height: 50px;
      position: relative; } }
  /* line 304, site/_global.scss */
  .pagetop:hover {
    background-color: #444; }

/* line 308, site/_global.scss */
.pagetop_arrow {
  display: block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #a8a8a8;
  border-right: 2px solid #a8a8a8;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 12px;
  transition: all 0.5s linear; }
  @media screen and (max-width: 960px) {
    /* line 308, site/_global.scss */
    .pagetop_arrow {
      width: 12px;
      height: 12px;
      border-top: 1px solid #a8a8a8;
      border-right: 1px solid #a8a8a8; } }

/* line 326, site/_global.scss */
.fixedBottomNav {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 64px;
  display: flex;
  display: -ms-flex;
  flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  z-index: 100; }
  @media screen and (max-width: 767px) {
    /* line 326, site/_global.scss */
    .fixedBottomNav {
      height: 50px; } }
  /* line 337, site/_global.scss */
  .fixedBottomNav ul {
    display: flex;
    display: -ms-flex;
    flex: 1 0 auto;
    -ms-flex: 1 0 auto; }
  /* line 341, site/_global.scss */
  .fixedBottomNav li {
    width: 50%; }
  /* line 342, site/_global.scss */
  .fixedBottomNav a {
    display: block;
    width: 100%;
    height: 64px;
    font-size: 21px;
    font-weight: bold;
    line-height: 64px;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s; }
    @media screen and (max-width: 767px) {
      /* line 342, site/_global.scss */
      .fixedBottomNav a {
        font-size: 3.2vw;
        height: 50px;
        line-height: 50px; } }
    @media screen and (max-width: 320px) {
      /* line 342, site/_global.scss */
      .fixedBottomNav a {
        letter-spacing: 0; } }
    /* line 362, site/_global.scss */
    .fixedBottomNav a:hover {
      letter-spacing: 2px; }
    /* line 365, site/_global.scss */
    .fixedBottomNav a:before {
      content: "";
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/ico_arrow_04.png);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      display: block;
      right: 4%;
      top: 50%;
      width: 10px;
      height: 6px;
      margin-top: -3px; }
      @media screen and (min-width: 767px) {
        /* line 365, site/_global.scss */
        .fixedBottomNav a:before {
          width: 18px;
          height: 10px;
          margin-top: -5px; } }

/* line 1, site/_block.scss */
.row {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

/* line 5, site/_block.scss */
.col {
  flex-basis: 0;
  -ms-flex-basis: 0;
  flex-grow: 1;
  -ms-flex-grow: 1;
  max-width: 100%; }

/* line 10, site/_block.scss */
.col-4 {
  max-width: 50%; }

/* line 1, site/_btn.scss */
.home .btn {
  color: #fff;
  font-size: 1rem;
  letter-spacing: .1em;
  background-color: #003f73;
  overflow: hidden;
  position: relative; }
  /* line 8, site/_btn.scss */
  .btn:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: #fff;
    opacity: .1;
    -webkit-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out; }
  /* line 21, site/_btn.scss */
  .btn:hover {
    opacity: 1;
    color: #fff;
    z-index: 90;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); }
    /* line 26, site/_btn.scss */
    .btn:hover:after {
      left: 0; }
  /* line 30, site/_btn.scss */
  .btn:visited {
    color: #fff; }

/* line 34, site/_btn.scss */
.topSection-btn {
  width: 155px;
  height: 60px;
  line-height: 60px; }

/* line 39, site/_btn.scss */
.topEpisode .topSection-btn {
  background-color: #2d6ea5; }
  @media screen and (max-width: 767px) {
    /* line 39, site/_btn.scss */
    .topEpisode .topSection-btn {
      width: 100%;
      height: 12vw;
      line-height: 12vw;
      font-size: 3.5vw; } }

/* line 50, site/_btn.scss */
.nav_sub .btn_arrow:hover {
  box-shadow: 0 0 30px 0 transparent; }
/* line 53, site/_btn.scss */
.nav_sub .btn_arrow:before {
  content: "";
  background: url("/wp-content/themes/cocoon-child-master/asset/img/ico_arrow_01.svg") no-repeat;
  position: absolute;
  display: block;
  right: 18px;
  top: 50%;
  width: 8px;
  height: 5px;
  margin-top: -2px; }
/* line 64, site/_btn.scss */
.nav_sub .btn_arrow:after {
  display: none; }

/* line 72, site/_btn.scss */
.btn-businessList {
  width: 100%;
  height: 100px;
  line-height: 100px;
  font-size: 22px;
  font-weight: 600; }
  /* line 78, site/_btn.scss */
  .btn-businessList:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    opacity: .6;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent; }

/* line 95, site/_btn.scss */
.btn-recruit {
  font-size: 1.375rem;
  letter-spacing: 0;
  height: 100px;
  line-height: 100px;
  width: 500px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  /* line 107, site/_btn.scss */
  .btn-recruit:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    opacity: .6;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent; }

/* line 122, site/_btn.scss */
.btn-corporate {
  font-size: 1.375rem;
  letter-spacing: 0;
  height: 100px;
  line-height: 100px;
  max-width: 500px;
  width: 100%; }
  /* line 129, site/_btn.scss */
  .btn-corporate:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    opacity: .6;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent; }

@media screen and (max-width: 767px) {
  /* line 146, site/_btn.scss */
  .btn {
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    font-size: 3.5vw; }
    /* line 151, site/_btn.scss */
    .btn:before {
      display: none; }
    /* line 154, site/_btn.scss */
    .btn.btn-recruit {
      width: 92vw;
      bottom: 3.125vw; } }
/* line 1, site/_squarelinks.scss */
.squareLinks {
  clear: both; }

/* line 4, site/_squarelinks.scss */
.squareLinks .col,
.entryLinks .col {
  height: 300px; }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 4, site/_squarelinks.scss */
    .squareLinks .col,
    .entryLinks .col {
      height: 260px; } }

/* line 11, site/_squarelinks.scss */
.squareLinks a,
.entryLinks a {
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -ms-align-items: center; }
  /* line 21, site/_squarelinks.scss */
  .squareLinks a:before,
  .entryLinks a:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    opacity: .6;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent; }
  /* line 35, site/_squarelinks.scss */
  .squareLinks a:after,
  .entryLinks a:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: #fff;
    opacity: .1;
    -webkit-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out; }
  /* line 48, site/_squarelinks.scss */
  .squareLinks a:hover,
  .entryLinks a:hover {
    z-index: 90;
	will-change: transform, box-shadow;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); }
    /* line 51, site/_squarelinks.scss */
    .squareLinks a:hover:after,
    .entryLinks a:hover:after {
      left: 0; }

/* line 58, site/_squarelinks.scss */
.entryLinksItem_inner {
  display: flex;
  display: -ms-flex;
  flex-flow: column nowrap; }

/* line 62, site/_squarelinks.scss */
.squareLinks_name,
.entryLinks_name {
  display: inline-block;
  text-align: left;
  color: #fff;
  margin-top: 16px;
  letter-spacing: 0.05em; }
  /* line 69, site/_squarelinks.scss */
  .squareLinks_name > *,
  .entryLinks_name > * {
    display: block; }

/* line 73, site/_squarelinks.scss */
.squareLinks_name-ja,
.entryLinks_name-ja {
  font-size: 1.875rem;
  line-height: 1em;
  margin-bottom: 6px; }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 73, site/_squarelinks.scss */
    .squareLinks_name-ja,
    .entryLinks_name-ja {
      font-size: 1.625rem; } }

/* line 82, site/_squarelinks.scss */
.squareLinks_name-en,
.entryLinks_name-en {
  font-size: 0.875rem;
  opacity: .5; }

@media screen and (max-width: 767px) {
  /* line 90, site/_squarelinks.scss */
  .squareLinks,
  .entryLinks {
    padding: 4%; }
    /* line 93, site/_squarelinks.scss */
    .squareLinks + .entryLinks,
    .entryLinks + .entryLinks {
      padding: 0 4% 4%; }
    /* line 94, site/_squarelinks.scss */
    .squareLinks .col,
    .entryLinks .col {
      height: 46vw;
      background-size: cover;
      background-position: 50% 50%; }
    /* line 99, site/_squarelinks.scss */
    .squareLinks .col-4,
    .entryLinks .col-4 {
      flex-basis: 50%;
      -ms-flex-basis: 50%;
      flex-grow: 0;
      -ms-flex-grow: 0; }
      /* line 102, site/_squarelinks.scss */
      .squareLinks .col-4:nth-child(3),
      .entryLinks .col-4:nth-child(3) {
        order: 4; }
      /* line 103, site/_squarelinks.scss */
      .squareLinks .col-4:nth-child(4),
      .entryLinks .col-4:nth-child(4) {
        order: 3; }
    /* line 105, site/_squarelinks.scss */
    .squareLinks .color-newGraduate,
    .squareLinks .color-carrier,
    .entryLinks .color-newGraduate,
    .entryLinks .color-carrier {
      flex-basis: 100%;
      -ms-flex-basis: 100%;
      flex-grow: 0;
      -ms-flex-grow: 0; }

  /* line 111, site/_squarelinks.scss */
  .index .squareLinks {
    padding: 4% 4% 0; }

  /* line 114, site/_squarelinks.scss */
  .squareLinks_name-ja,
  .entryLinks_name-ja {
    font-size: 5.6vw;
    line-height: 1.25; }

  /* line 119, site/_squarelinks.scss */
  .squareLinks_name-en,
  .entryLinks_name-en {
    font-size: 2.666666vw; }

  /* line 121, site/_squarelinks.scss */
  .entryLinks_ico {
    height: 13.6vw; }
    /* line 122, site/_squarelinks.scss */
    .entryLinks_ico img {
      height: 100%;
      width: auto; } }
/* line 127, site/_squarelinks.scss */
.squareLinks a.squareLinks-external:before {
  content: "";
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/ico_external.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
  width: 17px;
  height: 17px;
  opacity: .6;
  border: none; }

/* line 142, site/_squarelinks.scss */
.topLinks .col-4:nth-child(1) {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/toplinks1.jpg); }
/* line 145, site/_squarelinks.scss */
.topLinks .col-4:nth-child(3) {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/toplinks2.jpg); }

/* line 151, site/_squarelinks.scss */
body.recruit .squareLinks .col-4:nth-child(1) {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/squareLinks_recruit_01.jpg); }
/* line 154, site/_squarelinks.scss */
body.recruit .squareLinks .col-4:nth-child(3) {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/squareLinks_recruit_02.jpg); }

/* line 161, site/_squarelinks.scss */
body.corporate .squareLinks .col-4.squareLinks_profile {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/squareLinks_corporate_01.jpg); }
/* line 164, site/_squarelinks.scss */
body.corporate .squareLinks .col-4.squareLinks_environment {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/squareLinks_corporate_02.jpg); }
/* line 167, site/_squarelinks.scss */
body.corporate .squareLinks .col-4.squareLinks_message {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/squareLinks_corporate_03.jpg); }



/* line 2, site/_shapes.scss */
.pentagon .rect {
  width: 72.65425280053%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 26px auto 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-left: none;
  border-right: none;
  border-bottom: none; }
  /* line 19, site/_shapes.scss */
  .pentagon .rect:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  /* line 23, site/_shapes.scss */
  .pentagon .rect:nth-of-type(2) {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  /* line 27, site/_shapes.scss */
  .pentagon .rect:nth-of-type(3) {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); }
  /* line 31, site/_shapes.scss */
  .pentagon .rect:nth-of-type(4) {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  /* line 35, site/_shapes.scss */
  .pentagon .rect:nth-of-type(5) {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg); }

/* line 42, site/_shapes.scss */
.hexagon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  /* line 51, site/_shapes.scss */
  .hexagon .rect {
    width: 57.735026919%;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #333;
    border-left: none;
    border-right: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    /* line 68, site/_shapes.scss */
    .hexagon .rect:nth-of-type(1) {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    /* line 72, site/_shapes.scss */
    .hexagon .rect:nth-of-type(2) {
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg); }
    /* line 76, site/_shapes.scss */
    .hexagon .rect:nth-of-type(3) {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg); }

/* line 83, site/_shapes.scss */
.honeycomb_items {
  max-width: 1440px;
  margin: 0 auto 40px;
  display: flex;
  display: -ms-flex;
  flex: 1 0 auto;
  -ms-flex: 1 0 auto; }
  /* line 88, site/_shapes.scss */
  .honeycomb_items li {
    width: 20%;
    height: auto;
    position: relative; }
    /* line 92, site/_shapes.scss */
    .honeycomb_items li:before {
      content: "";
      display: block;
      padding-top: 100%; }
    /* line 97, site/_shapes.scss */
    .honeycomb_items li:after {
      content: "";
      display: block;
      left: 49.5%;
      top: -50px;
      width: 2px;
      height: 50px;
      background-color: #0069bf;
      position: absolute; }
      @media screen and (max-width: 960px) {
        /* line 97, site/_shapes.scss */
        .honeycomb_items li:after {
          left: 50%; } }
      @media screen and (max-width: 414px) {
        /* line 97, site/_shapes.scss */
        .honeycomb_items li:after {
          left: 49.25%; } }
    /* line 113, site/_shapes.scss */
    .honeycomb_items li a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center; }
      /* line 121, site/_shapes.scss */
      .honeycomb_items li a:before {
        content: "";
        height: 100%;
        vertical-align: middle;
        width: 0px;
        display: inline-block; }
      /* line 128, site/_shapes.scss */
      .honeycomb_items li a > * {
        vertical-align: middle;
        display: inline-block; }
      /* line 133, site/_shapes.scss */
      .honeycomb_items li a:hover .hexagon-over {
        opacity: .2; }
    /* line 138, site/_shapes.scss */
    .honeycomb_items li h3 {
      color: #fff;
      font-size: 1.5rem;
      margin-bottom: 1.25em;
      font-weight: bold;
      letter-spacing: .05em; }
      @media screen and (max-width: 320px) {
        /* line 138, site/_shapes.scss */
        .honeycomb_items li h3 {
          margin-top: 10px; } }
    /* line 148, site/_shapes.scss */
    .honeycomb_items li p {
      font-size: 0.9375rem;
      padding: 0 1em;
      color: #fff;
      margin-top: 2em; }
      @media screen and (min-width: 1024px) {
        /* line 148, site/_shapes.scss */
        .honeycomb_items li p {
          letter-spacing: .11em; } }
  /* line 159, site/_shapes.scss */
  .honeycomb_items .hexagon .rect {
    border-color: #c8c8c8;
    opacity: .3; }
  /* line 167, site/_shapes.scss */
  .honeycomb_items .hexagon-over {
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    /* line 171, site/_shapes.scss */
    .honeycomb_items .hexagon-over .rect {
      opacity: 1;
      background-color: #fff; }
  /* line 177, site/_shapes.scss */
  .honeycomb_items li:nth-of-type(6) .hexagon .rect {
    border-top: 1px solid #c8c8c8; }

@media screen and (max-width: 1500px) {
  /* line 185, site/_shapes.scss */
  .honeycomb_items {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    -ms-justify-content: flex-start; }
    /* line 188, site/_shapes.scss */
    .honeycomb_items li {
      width: 25%; }
      /* line 190, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(4) .hexagon .rect {
        border-top: 1px solid #c8c8c8; }
      /* line 193, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(5) {
        margin-top: -3.4%;
        margin-left: 12.6%; }
      .honeycomb_items li:nth-of-type(6) {
        margin-top: -3.4%; }
}
@media screen and (max-width: 1024px) {
  /* line 200, site/_shapes.scss */
  .honeycomb_items {
    width: 737px;
    margin: 0 auto;
    justify-content: flex-start;
    -ms-justify-content: flex-start; }
    /* line 204, site/_shapes.scss */
    .honeycomb_items li {
      width: 33.3333%; }
      /* line 206, site/_shapes.scss */
      .honeycomb_items li h3 {
        margin-bottom: 1em; }
      /* line 207, site/_shapes.scss */
      .honeycomb_items li p {
        margin-top: 1.333333em; }
      /* line 208, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(3) .hexagon .rect {
        border-top: 1px solid #c8c8c8; }
      /* line 211, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(4) {
        margin-top: -4.4%;
        margin-left: 16.7%; }
        /* line 214, site/_shapes.scss */
        .honeycomb_items li:nth-of-type(4) .hexagon .rect {
          border-bottom: none; }
        /* line 217, site/_shapes.scss */
        .honeycomb_items li:nth-of-type(4) .hexagon .rect:nth-of-type(1) {
          border-bottom: 1px solid #c8c8c8; }
      /* line 221, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(5) {
        margin-top: -4.4%;
        margin-left: 0; }
        /* line 223, site/_shapes.scss */
        .honeycomb_items li:nth-of-type(5) .hexagon .rect {
          border-bottom: none; }
      .honeycomb_items li:nth-of-type(6) {
        margin-top: -4.4%;
        margin-left: 33.3%; }
        .honeycomb_items li:nth-of-type(6) .hexagon .rect {
          border-bottom: none; }
        .honeycomb_items li:nth-of-type(6) .hexagon .rect:nth-of-type(1) {
          border-bottom: 1px solid #c8c8c8;
          border-top: 1px solid #c8c8c8; }
}
@media screen and (max-width: 767px) {
  /* line 231, site/_shapes.scss */
  .honeycomb_items {
    margin-top: 13.333333vw;
    margin-bottom: 6.666666vw;
    width: 100%; }
    /* line 235, site/_shapes.scss */
    .honeycomb_items li {
      width: 50%; }
      /* line 238, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(2) .rect:nth-of-type(1) {
        border-top: 1px solid #c8c8c8; }
      /* line 242, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(3) {
        margin-top: 7.5%; }
      /* line 245, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(4) {
        margin-top: 7.5%;
        margin-left: 0; }
        /* line 248, site/_shapes.scss */
        .honeycomb_items li:nth-of-type(4) .hexagon .rect:nth-of-type(1) {
          border-bottom: none; }
        /* line 249, site/_shapes.scss */
        .honeycomb_items li:nth-of-type(4) .rect:nth-of-type(2),
        .honeycomb_items li:nth-of-type(4) .rect:nth-of-type(3) {
          border-bottom: 1px solid #c8c8c8; }
      /* line 252, site/_shapes.scss */
      .honeycomb_items li:nth-of-type(5) {
        margin-top: 7.5%;
        margin-left: 0; }
        /* line 255, site/_shapes.scss */
        .honeycomb_items li:nth-of-type(5) .hexagon .rect {
          border-bottom: 1px solid #c8c8c8; }
      .honeycomb_items li:nth-of-type(6) {
        margin-top:7.5%;
        margin-left: 0; }
        .honeycomb_items li:nth-of-type(6) .hexagon .rect {
          border-bottom: 1px solid #c8c8c8; }
      /* line 257, site/_shapes.scss */
      .honeycomb_items li:after {
        top: -6.6666vw;
        height: 6.6666vw; }
      /* line 261, site/_shapes.scss */
      .honeycomb_items li h3 {
        font-size: 4vw;
        margin-bottom: 3.4666666vw; }
      /* line 265, site/_shapes.scss */
      .honeycomb_items li img {
        height: 14.666666vw; }
      /* line 268, site/_shapes.scss */
      .honeycomb_items li p {
        font-size: 2.492vw;
        line-height: 1.39em;
        margin-top: 3.2vw; } }
/* line 279, site/_shapes.scss */
.groupHexagon .hexagon .rect {
  border-color: rgba(255, 255, 255, 0.3); }

/* line 287, site/_shapes.scss */
.business_hero .hexagon .rect {
  border-color: rgba(45, 75, 156, 0.3); }

/* line 1, site/_ornament.scss */
.ornament_wrap {
  width: 100%;
  overflow: hidden; }

/* line 5, site/_ornament.scss */
.ornament {
  float: right;
  width: 171px;
  height: 161px;
  position: relative; }

/* line 11, site/_ornament.scss */
.ornament_inner {
  position: relative; }

/* line 14, site/_ornament.scss */
.ornament_container {
  text-align: center;
  z-index: 10;
  position: relative;
  padding-top: 44px; }

/* line 20, site/_ornament.scss */
.ornament_title {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.05em;
  padding-top: 8px; }

/* line 27, site/_ornament.scss */
.ornament_pentagon {
  position: absolute;
  top: 0;
  left: 0; }
  /* line 31, site/_ornament.scss */
  .ornament_pentagon svg {
    width: 100%;
    height: auto; }

/* line 39, site/_ornament.scss */
.lv2HeroArea .ornament_wrap {
  margin-top: 10px;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -ms-align-items: center; }
/* line 45, site/_ornament.scss */
.lv2HeroArea .ornament {
  width: auto;
  height: 126px; }
  @media screen and (max-width: 767px) {
    /* line 45, site/_ornament.scss */
    .lv2HeroArea .ornament {
      float: none;
      margin: 0 auto;
      height: 23vw; } }
/* line 54, site/_ornament.scss */
.lv2HeroArea .ornament_container {
  padding-top: 26px; }
  @media screen and (max-width: 767px) {
    /* line 54, site/_ornament.scss */
    .lv2HeroArea .ornament_container {
      padding-top: 6.5vw; } }
/* line 60, site/_ornament.scss */
.lv2HeroArea .ornament_pentagon {
  width: 131px;
  height: 126px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media screen and (max-width: 767px) {
    /* line 60, site/_ornament.scss */
    .lv2HeroArea .ornament_pentagon {
      width: 23vw; } }
/* line 70, site/_ornament.scss */
.lv2HeroArea .ornament_title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff; }
  @media screen and (max-width: 767px) {
    /* line 70, site/_ornament.scss */
    .lv2HeroArea .ornament_title {
      font-size: 5.6vw;
      padding-top: 0; } }
/* line 79, site/_ornament.scss */
.lv2HeroArea .pentagon_svg {
  fill: #fff;
  opacity: .2; }

/* line 87, site/_ornament.scss */
.business_index .ornament_title,
.episode_index .ornament_title,
.data_index .ornament_title {
  font-size: 18px;
  padding-top: 30px; }
  @media screen and (max-width: 767px) {
    /* line 87, site/_ornament.scss */
    .business_index .ornament_title,
    .episode_index .ornament_title,
    .data_index .ornament_title {
      padding-top: 0; } }

/* line 98, site/_ornament.scss */
.heroArea-neutral .ornament_title {
  color: #222; }
/* line 101, site/_ornament.scss */
.heroArea-neutral .pentagon_svg {
  fill: #2d4b9c;
  opacity: .2; }

/* line 109, site/_ornament.scss */
.ornament-episode {
  justify-content: flex-start !important;
  -ms-justify-content: flex-start !important;
  overflow: visible; }
  @media screen and (min-width: 768px) and (max-width: 1260px) {
    /* line 110, site/_ornament.scss */
    .ornament-episode .ornament {
      height: 80px; } }
  @media screen and (max-width: 767px) {
    /* line 109, site/_ornament.scss */
    .ornament-episode {
      margin-bottom: 0 !important; } }
  /* line 120, site/_ornament.scss */
  .ornament-episode .ornament_container {
    width: 110px; }
  /* line 123, site/_ornament.scss */
  .ornament-episode .ornament_text {
    font-size: 14px;
    padding-top: 2px;
    color: #003f73; }
    @media screen and (min-width: 768px) and (max-width: 1260px) {
      /* line 123, site/_ornament.scss */
      .ornament-episode .ornament_text {
        font-size: 10px; } }
    @media screen and (max-width: 767px) {
      /* line 123, site/_ornament.scss */
      .ornament-episode .ornament_text {
        font-size: 2.666666vw; } }
  /* line 134, site/_ornament.scss */
  .ornament-episode .point_01_no,
  .ornament-episode .point_02_no,
  .ornament-episode .point_03_no {
    fill: #003f73; }
  /* line 139, site/_ornament.scss */
  .ornament-episode .ornament_no {
    padding-top: 5px;
    width: auto;
    height: 42px; }
    @media screen and (min-width: 768px) and (max-width: 1260px) {
      /* line 139, site/_ornament.scss */
      .ornament-episode .ornament_no {
        height: 32px; } }
    @media screen and (max-width: 767px) {
      /* line 139, site/_ornament.scss */
      .ornament-episode .ornament_no {
        padding-top: 0.9375vw;
        width: auto;
        height: 5vw; } }
    /* line 151, site/_ornament.scss */
    .ornament-episode .ornament_no svg {
      width: auto;
      height: 100%; }
  /* line 156, site/_ornament.scss */
  .ornament-episode .pentagon_svg {
    fill: #003f73;
    opacity: .2; }
  /* line 160, site/_ornament.scss */
  .ornament-episode .ornament_container {
    padding-top: 30%; }
    @media screen and (min-width: 768px) and (max-width: 1260px) {
      /* line 160, site/_ornament.scss */
      .ornament-episode .ornament_container {
        padding-top: 15%; } }
    @media screen and (max-width: 767px) {
      /* line 160, site/_ornament.scss */
      .ornament-episode .ornament_container {
        padding-top: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1260px) {
    /* line 169, site/_ornament.scss */
    .ornament-episode .ornament_pentagon {
      width: 84px;
      height: 80px; } }
  @media screen and (max-width: 767px) {
    /* line 169, site/_ornament.scss */
    .ornament-episode .ornament_pentagon {
      width: 15vw;
      height: 15vw; } }
  @media screen and (max-width: 767px) {
    /* line 179, site/_ornament.scss */
    .ornament-episode .ornament {
      height: 15vw;
      margin: 0; } }

/* line 190, site/_ornament.scss */
.episode_story01 .ornament-episode .ornament_no {
  padding-right: 5px; }

@media screen and (min-width: 768px) {
  /* line 197, site/_ornament.scss */
  .topSection .ornament_pentagon {
    width: 171px;
    height: 161px; } }
/*--------------------------------------------------------------
## Front-page
--------------------------------------------------------------*/
/* line 1, site/front-page/_hero-area.scss */
.heroArea {
  z-index: 10;
  height: 100%;
  height: 100vh;
  position: relative;
  width: 100%;
  overflow: hidden; }
  /* line 8, site/front-page/_hero-area.scss */
  .heroArea-title {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: .11em;
    text-align: center;
    z-index: 100; }
    @media screen and (max-width: 767px) {
      /* line 8, site/front-page/_hero-area.scss */
      .heroArea-title {
        width: auto;
        font-size: 5.333333vw;
        line-height: 1.3; } }
    /* line 26, site/front-page/_hero-area.scss */
    .heroArea-title-f {
      color: #fffc00;
      letter-spacing: .01em; }
      @media screen and (max-width: 767px) {
        /* line 26, site/front-page/_hero-area.scss */
        .heroArea-title-f {
          display: block; } }

/* line 36, site/front-page/_hero-area.scss */
.slideshow {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #000; }
  /* line 42, site/front-page/_hero-area.scss */
  .slideshow .item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
    background-size: cover;
    background-position: center center; }

/* line 53, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc,
#heroArea_svgMap_sp {
  z-index: 10; }

/* line 57, site/front-page/_hero-area.scss */
#pentagonLine,
#heroArea_svgMap_pc,
#heroArea_svgMap_sp {
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  position: absolute;
  top: 0;
  left: 0; }

/* line 68, site/front-page/_hero-area.scss */
#pentagonLine {
  z-index: 9; }
  /* line 70, site/front-page/_hero-area.scss */
  #pentagonLine .st0 {
    fill: transparent;
    stroke: rgba(255, 255, 255, 0.3);
    stroke-miterlimit: 10;
    stroke-width: 1.27px; }

/* line 76, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-1, #heroArea_svgMap_pc .cls-16, #heroArea_svgMap_pc .cls-17, #heroArea_svgMap_pc .cls-18 {
  fill: #a7dfee; }
/* line 77, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-2 {
  fill: #8bc4d5; }
/* line 78, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-15, #heroArea_svgMap_pc .cls-3 {
  fill: #8fb7e1; }
/* line 79, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-4 {
  fill: #b6dcee; }
/* line 80, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-5 {
  fill: #9cbde0; }
/* line 81, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-6 {
  fill: #fff; }
/* line 82, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-7 {
  fill: #5b88b3; }
/* line 83, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-10, #heroArea_svgMap_pc .cls-11, #heroArea_svgMap_pc .cls-19, #heroArea_svgMap_pc .cls-8 {
  fill: transparent; }
/* line 84, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-15, #heroArea_svgMap_pc .cls-18, #heroArea_svgMap_pc .cls-8 {
  stroke: #b9c9d1; }
/* line 85, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-10, #heroArea_svgMap_pc .cls-11, #heroArea_svgMap_pc .cls-15, #heroArea_svgMap_pc .cls-16, #heroArea_svgMap_pc .cls-17, #heroArea_svgMap_pc .cls-18, #heroArea_svgMap_pc .cls-8 {
  stroke-width: 1px; }
/* line 86, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-9 {
  fill: #bfefff; }
/* line 87, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-10, #heroArea_svgMap_pc .cls-16 {
  stroke: #b5cad4; }
/* line 88, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-11 {
  stroke: #acbdc4; }
/* line 89, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-12 {
  fill: #80a6ce; }
/* line 90, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-13 {
  fill: #72a9c8; }
/* line 91, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-14 {
  fill: #c8c8c8; }
/* line 92, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-17 {
  stroke: #c2d9e5; }
/* line 93, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-19 {
  stroke: #b7cad3;
  stroke-miterlimit: 10; }
/* line 95, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-1 {
  fill: #A7DFEE;
  -webkit-animation: itemBG01 12s linear infinite normal both;
  animation: itemBG01 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 102, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-2 {
  fill: #8BC4D5;
  -webkit-animation: itemBG02 12s linear infinite normal both;
  animation: itemBG02 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 109, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-3 {
  fill: #8fb7e1;
  -webkit-animation: itemBG03 8s linear infinite normal both;
  animation: itemBG03 8s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 116, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-4 {
  fill: #b6dcee;
  -webkit-animation: itemBG04 12s linear infinite normal both;
  animation: itemBG04 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 123, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-5 {
  fill: #9cbde0;
  -webkit-animation: itemBG05 8s linear infinite normal both;
  animation: itemBG05 8s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 130, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-6 {
  fill: #5B88B3;
  -webkit-animation: itemBG06 8s linear infinite normal both;
  animation: itemBG06 8s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 137, site/front-page/_hero-area.scss */
#heroArea_svgMap_pc .cls-7 {
  fill: #5B88B3;
  -webkit-animation: itemBG07 12s linear infinite normal both;
  animation: itemBG07 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

@-webkit-keyframes itemBG01 {
  0% {
    fill: #A7DFEE; }
  33% {
    fill: #9CBDE0; }
  66% {
    fill: #8FB7E1; }
  100% {
    fill: #b6dcee; } }
@-webkit-keyframes itemBG02 {
  0% {
    fill: #8BC4D5; }
  33% {
    fill: #5B88B3; }
  66% {
    fill: #9CBDE0; }
  100% {
    fill: #B6DCEE; } }
@-webkit-keyframes itemBG03 {
  0% {
    fill: #8fb7e1; }
  33% {
    fill: #8BC4D5; }
  66% {
    fill: #A7DFEE; }
  100% {
    fill: #8fb7e1; } }
@-webkit-keyframes itemBG04 {
  0% {
    fill: #b6dcee; }
  33% {
    fill: #A7DFEE; }
  66% {
    fill: #B6DCEE; }
  100% {
    fill: #9CBDE0; } }
@-webkit-keyframes itemBG05 {
  0% {
    fill: #9cbde0; }
  33% {
    fill: #BFEFFF; }
  66% {
    fill: #8FB7E1; }
  100% {
    fill: #A7DFEE; } }
@-webkit-keyframes itemBG06 {
  0% {
    fill: #fff; }
  33% {
    fill: #80A6CE; }
  66% {
    fill: #fff; }
  100% {
    fill: #80A6CE; } }
@-webkit-keyframes itemBG07 {
  0% {
    fill: #5B88B3; }
  33% {
    fill: #B7CAD3; }
  66% {
    fill: #BFEFFF; }
  100% {
    fill: #80A6CE; } }
/* line 191, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st0 {
  fill: #FFFFFF; }
/* line 192, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st1 {
  fill: #B6DCEE; }
/* line 193, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st2 {
  fill: #9CBDE0; }
/* line 194, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st3 {
  fill: #C2D9E5; }
/* line 195, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st4 {
  fill: #A4B5CB; }
/* line 196, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st5 {
  fill: #B7CAD3; }
/* line 197, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st6 {
  fill: #A7DFEE; }
/* line 198, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st7 {
  fill: transparent;
  stroke: #B9C9D1;
  stroke-width: 0.4316; }
/* line 199, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st8 {
  fill: #80A6CE; }
/* line 200, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st9 {
  fill: #B5CAD4; }
/* line 201, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st10 {
  fill: #8FB7E1; }
/* line 202, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st11 {
  fill: #B5CAD4;
  stroke: #B5CAD4;
  stroke-width: 0.4316; }
/* line 203, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st12 {
  fill: transparent;
  stroke: #B5CAD4;
  stroke-width: 0.4316; }
/* line 204, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st13 {
  fill: #EBEBEB; }
/* line 205, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st14 {
  display: transparent;
  fill: #8FB7E1; }
/* line 206, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st15 {
  fill: #8BC4D5; }
/* line 207, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st16 {
  display: transparent;
  fill: #A4B5CB; }
/* line 208, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st17 {
  fill: transparent;
  stroke: #ACBDC4;
  stroke-width: 0.43; }
/* line 209, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st18 {
  fill: transparent;
  stroke: #B7CAD3;
  stroke-width: 0.432;
  stroke-miterlimit: 10; }
/* line 211, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st0 {
  -webkit-animation: itemBG06 12s linear infinite normal both;
  animation: itemBG06 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 217, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st2 {
  -webkit-animation: itemBG02 12s linear infinite normal both;
  animation: itemBGSP02 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 223, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st3 {
  -webkit-animation: itemBG11 12s linear infinite normal both;
  animation: itemBGSP11 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 229, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st5 {
  -webkit-animation: itemBG05 12s linear infinite normal both;
  animation: itemBG05 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 235, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st6 {
  -webkit-animation: itemBG01 12s linear infinite normal both;
  animation: itemBG01 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 241, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st15 {
  -webkit-animation: itemBG03 12s linear infinite normal both;
  animation: itemBG03 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
/* line 247, site/front-page/_hero-area.scss */
#heroArea_svgMap_sp .st11 {
  -webkit-animation: itemBGSP11 12s linear infinite normal both;
  animation: itemBGSP11 12s linear infinite normal both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

@-webkit-keyframes itemBGSP02 {
  0% {
    fill: #9CBDE0; }
  33% {
    fill: #B7CAD3; }
  66% {
    fill: #BFEFFF; }
  100% {
    fill: #80A6CE; } }
@-webkit-keyframes itemBGSP11 {
  0% {
    fill: #B5CAD4; }
  33% {
    fill: #C2D9E5; }
  66% {
    fill: #A4B5CB; }
  100% {
    fill: #B6DCEE; } }
/* line 269, site/front-page/_hero-area.scss */
.scroll {
  position: absolute;
  z-index: 100;
  bottom: 0px;
  left: 50%;
  margin: 0 0 38px -42px;
  width: 84px;
  height: 106px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .05em;
  color: #fff; }
  @media screen and (max-width: 767px) {
    /* line 269, site/front-page/_hero-area.scss */
    .scroll {
      height: 70px;
      margin-bottom: 10.5%; } }
  /* line 286, site/front-page/_hero-area.scss */
  .scroll:before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: 1px;
    height: 60px;
    background-color: #fff;
    content: "";
    animation: scroll 2s 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1); }
    @media screen and (max-width: 767px) {
      /* line 286, site/front-page/_hero-area.scss */
      .scroll:before {
        height: 30px; } }
  /* line 301, site/front-page/_hero-area.scss */
  .scroll_text {
    position: absolute;
    bottom: 25px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      /* line 301, site/front-page/_hero-area.scss */
      .scroll_text {
        bottom: 18px;
        font-size: 10px; } }
  /* line 310, site/front-page/_hero-area.scss */
  .scroll .pentagon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    position: relative;
    opacity: .3; }
    @media screen and (max-width: 767px) {
      /* line 310, site/front-page/_hero-area.scss */
      .scroll .pentagon {
        width: 45px;
        height: 45px; } }
    @media screen and (max-width: 767px) {
      /* line 320, site/front-page/_hero-area.scss */
      .scroll .pentagon .rect {
        border-width: 1px;
        margin: 16px auto 0; } }

@keyframes scroll {
  0% {
    transform: scale(1, 1);
    transform-origin: 100% 100%; }
  15% {
    transform: scale(1, 1);
    transform-origin: 100% 100%; }
  30% {
    transform: scale(1, 0);
    transform-origin: 100% 100%; }
  45% {
    transform: scale(1, 0);
    transform-origin: 0 0; }
  100% {
    transform: scale(1, 1);
    transform-origin: 0 0; } }
/* line 3, site/front-page/_front-page.scss */
.topSection {
  position: relative;
  width: 100%; }

/* line 7, site/front-page/_front-page.scss */
.trim {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    /* line 7, site/front-page/_front-page.scss */
    .trim {
      background-size: contain;
      background-position: top left; } }

/* line 18, site/front-page/_front-page.scss */
.topAbout {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topsection1_pc.jpg);
  background-position: center top;}
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 18, site/front-page/_front-page.scss */
    .topAbout {
      background-position-x: 60%; } }
  @media screen and (max-width: 767px) {
    /* line 18, site/front-page/_front-page.scss */
    .topAbout {
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topsection1_sp.jpg); } }

/* line 27, site/front-page/_front-page.scss */
.topBusiness {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topsection2_pc.jpg); }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 27, site/front-page/_front-page.scss */
    .topBusiness {
      background-position-x: right; } }
  @media screen and (max-width: 767px) {
    /* line 27, site/front-page/_front-page.scss */
    .topBusiness {
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topsection2_sp.jpg); } }

/* line 36, site/front-page/_front-page.scss */
.topEpisode_img {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topsection3_pc.jpg); }
  @media screen and (max-width: 767px) {
    /* line 36, site/front-page/_front-page.scss */
    .topEpisode_img {
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topsection3_sp.jpg); } }

/* line 44, site/front-page/_front-page.scss */
.ornament_01 .pentagon_svg {
  fill: #c2d9e5; }
/* line 47, site/front-page/_front-page.scss */
.ornament_01 .ornament_no {
  width: 45px;
  height: 48px;
  margin: 0 auto; }
/* line 52, site/front-page/_front-page.scss */
.ornament_01 .point_01_no {
  fill: #003f73;
  fill-rule: evenodd; }
  @media screen and (max-width: 767px) {
    /* line 52, site/front-page/_front-page.scss */
    .ornament_01 .point_01_no {
      fill: #fff; } }
/* line 59, site/front-page/_front-page.scss */
.ornament_01 .ornament_title {
  color: #003f73; }
  @media screen and (max-width: 767px) {
    /* line 59, site/front-page/_front-page.scss */
    .ornament_01 .ornament_title {
      color: #fff; } }

/* line 67, site/front-page/_front-page.scss */
.ornament_02 .pentagon_svg {
  opacity: .3;
  fill: #fbfbf9; }
/* line 71, site/front-page/_front-page.scss */
.ornament_02 .ornament_no {
  width: 54px;
  height: 49px; }

/* line 77, site/front-page/_front-page.scss */
.ornament_03 .pentagon_svg {
  opacity: .3;
  fill: #c2d9e5; }
/* line 81, site/front-page/_front-page.scss */
.ornament_03 .ornament_no {
  width: 54px;
  height: 48px; }

/* line 88, site/front-page/_front-page.scss */
.ornament_02 .ornament_no,
.ornament_03 .ornament_no {
  margin: 0 auto; }
/* line 91, site/front-page/_front-page.scss */
.ornament_02 .point_02_no,
.ornament_02 .point_03_no,
.ornament_03 .point_02_no,
.ornament_03 .point_03_no {
  fill: #fff;
  fill-rule: evenodd; }
/* line 96, site/front-page/_front-page.scss */
.ornament_02 .ornament_title,
.ornament_03 .ornament_title {
  color: #fff; }

@media screen and (max-width: 767px) {
  /* line 103, site/front-page/_front-page.scss */
  .ornament_01 .pentagon_svg,
  .ornament_02 .pentagon_svg,
  .ornament_03 .pentagon_svg {
    fill: #fff;
    opacity: .2; } }

@media screen and (max-width: 767px) {
  /* line 113, site/front-page/_front-page.scss */
  .topSection .ornament_wrap {
    margin-top: -38.666666%;
    padding-bottom: 9%; }
  /* line 117, site/front-page/_front-page.scss */
  .topSection .ornament {
    float: none;
    margin: 0 auto;
    width: 29.6%;
    height: auto; }
    /* line 122, site/front-page/_front-page.scss */
    .topSection .ornament:before {
      content: "";
      display: block;
      padding-top: 100%; }
    /* line 127, site/front-page/_front-page.scss */
    .topSection .ornament_inner {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    /* line 133, site/front-page/_front-page.scss */
    .topSection .ornament_container {
      padding-top: 25%; }
    /* line 136, site/front-page/_front-page.scss */
    .topSection .ornament_no {
      width: 27% !important;
      height: auto !important; }
      /* line 139, site/front-page/_front-page.scss */
      .topSection .ornament_no svg {
        width: 100%;
        height: auto; }
    /* line 144, site/front-page/_front-page.scss */
    .topSection .ornament_title {
      font-size: 2.4vw;
      padding-top: 3.6%; }
    /* line 148, site/front-page/_front-page.scss */
    .topSection .ornament_pentagon {
      width: 100%; } }
/* line 157, site/front-page/_front-page.scss */
.heading_title {
  font-size: 3.88888vw;
  line-height: 1.25;
  letter-spacing: .075em;
  font-weight: 400;
  white-space: nowrap; }

/* line 165, site/front-page/_front-page.scss */
.heading_text {
  font-size: 1rem;
  max-width: 27em;
  line-height: 1.75;
  letter-spacing: .11em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 40px; }

/* line 178, site/front-page/_front-page.scss */
.topAbout .topSection_inner {
  width: 50%;
  margin-left: 50%;
  padding: 120px 8% 230px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/* line 185, site/front-page/_front-page.scss */
.topAbout .heading_title {
  margin-top: 20px; }

/* line 191, site/front-page/_front-page.scss */
.topBusiness {
  position: relative;
  color: #fff; }
  /* line 194, site/front-page/_front-page.scss */
  .topBusiness .topSection_inner {
    width: 100%;
    padding: 92px 1.9444444% 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 200, site/front-page/_front-page.scss */
  .topBusiness_head {
    padding-left: 9.861106%;
    padding-right: 9.166666%;
    padding-bottom: 130px; }
  /* line 205, site/front-page/_front-page.scss */
  .topBusiness .ornament_wrap {
    overflow: visible; }

/* line 211, site/front-page/_front-page.scss */
.topEpisode {
  color: #fff; }
  /* line 213, site/front-page/_front-page.scss */
  .topEpisode_inner {
    height: 100%;
    display: flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    /* line 217, site/front-page/_front-page.scss */
    .topEpisode_inner > * {
      flex-basis: 0;
      -ms-flex-basis: 0;
      flex-grow: 1;
      -ms-flex-grow: 1;
      max-width: 50%; }
  /* line 223, site/front-page/_front-page.scss */
  .topEpisode_container {
    background-color: #004884;
    position: relative; }
  /* line 227, site/front-page/_front-page.scss */
  .topEpisode_block {
    position: relative;
    padding: 140px 11.111111% 208px;
    z-index: 10; }
  /* line 232, site/front-page/_front-page.scss */
  .topEpisode_bg {
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topEpisode_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0; }

/* line 251, site/front-page/_front-page.scss */
.topBusiness:before,
.topAbout:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

/* line 265, site/front-page/_front-page.scss */
.topAbout:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topAbout_bg.png);
  background-position: center right; }

/* line 271, site/front-page/_front-page.scss */
.topBusiness:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topBusiness_bg.png);
  background-position: top right; }

@media screen and (max-width: 767px) {
  /* line 278, site/front-page/_front-page.scss */
  .topSection:before {
    background-image: url(/wp-content/themes/cocoon-child-master/asset/img/topSection_bg_sp.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

  /* line 291, site/front-page/_front-page.scss */
  .topEpisode_bg {
    background-image: none; }

  /* line 296, site/front-page/_front-page.scss */
  .topAbout .topSection_inner,
  .topBusiness .topSection_inner {
    padding: 53.333333% 4% 8%;
    width: 100%;
    margin: 0; }

  /* line 302, site/front-page/_front-page.scss */
  .heading_title {
    font-size: 8vw;
    line-height: 1.333333em;
    margin-top: 4vw; }

  /* line 307, site/front-page/_front-page.scss */
  .heading_text {
    max-width: 100%;
    font-size: 3.2vw;
    line-height: 5.6vw;
    margin-bottom: 4vw; }

  /* line 312, site/front-page/_front-page.scss */
  .topBusiness {
    background-color: #222222; }
    /* line 314, site/front-page/_front-page.scss */
    .topBusiness .topBusiness_head {
      padding: 0; }

  /* line 318, site/front-page/_front-page.scss */
  .topEpisode {
    background-color: #003f73; }

  /* line 319, site/front-page/_front-page.scss */
  .topEpisode_inner {
    display: block; }
    /* line 321, site/front-page/_front-page.scss */
    .topEpisode_inner > * {
      max-width: 100%;
      background-color: transparent; }

  /* line 323, site/front-page/_front-page.scss */
  .topEpisode_img {
    padding-top: 53.333333%; }

  /* line 326, site/front-page/_front-page.scss */
  .topEpisode_block {
    padding: 0 4% 8%; } }
@media screen and (min-width: 1440px) {
  /* line 333, site/front-page/_front-page.scss */
  .heading_title {
    font-size: 3.5em; } }
/*--------------------------------------------------------------
## Secondary
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Hero
--------------------------------------------------------------*/
/* line 1, site/lv2/_hero.scss */
.lv2HeroArea {
  padding-top: 100px;
  height: 250px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 960px) {
    /* line 1, site/lv2/_hero.scss */
    .lv2HeroArea {
      padding-top: 64px; } }
  @media screen and (max-width: 767px) {
    /* line 1, site/lv2/_hero.scss */
    .lv2HeroArea {
      height: 39vw; } }
  /* line 12, site/lv2/_hero.scss */
  .lv2HeroArea:before {
    content: "";
    display: block;
    width: 100%;
    height: 71.4285%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute; }
    @media screen and (max-width: 960px) {
      /* line 12, site/lv2/_hero.scss */
      .lv2HeroArea:before {
        height: 79.61783%; } }
    @media screen and (max-width: 767px) {
      /* line 12, site/lv2/_hero.scss */
      .lv2HeroArea:before {
        height: 39vw; } }

/* line 28, site/lv2/_hero.scss */
.lv2HeroArea_inner {
  position: absolute;
  width: 100%;
  height: 71.4285%;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -ms-align-items: center; }
  @media screen and (max-width: 767px) {
    /* line 28, site/lv2/_hero.scss */
    .lv2HeroArea_inner {
      height: 39vw; } }

/* line 42, site/lv2/_hero.scss */
.business_index .lv2HeroArea,
.episode_index .lv2HeroArea,
.data_index .lv2HeroArea {
  height: 370px; }
  @media screen and (max-width: 767px) {
    /* line 42, site/lv2/_hero.scss */
    .business_index .lv2HeroArea,
    .episode_index .lv2HeroArea,
    .data_index .lv2HeroArea {
      height: 49vw; } }
  /* line 47, site/lv2/_hero.scss */
  .business_index .lv2HeroArea:before,
  .episode_index .lv2HeroArea:before,
  .data_index .lv2HeroArea:before {
    height: 78.723404%; }
    @media screen and (max-width: 960px) {
      /* line 47, site/lv2/_hero.scss */
      .business_index .lv2HeroArea:before,
      .episode_index .lv2HeroArea:before,
      .data_index .lv2HeroArea:before {
        height: 85.253%; } }
    @media screen and (max-width: 767px) {
      /* line 47, site/lv2/_hero.scss */
      .business_index .lv2HeroArea:before,
      .episode_index .lv2HeroArea:before,
      .data_index .lv2HeroArea:before {
        height: 49vw; } }
  /* line 56, site/lv2/_hero.scss */
  .business_index .lv2HeroArea .lv2HeroArea_inner,
  .episode_index .lv2HeroArea .lv2HeroArea_inner,
  .data_index .lv2HeroArea .lv2HeroArea_inner {
    height: 78.723404%; }
    @media screen and (max-width: 960px) {
      /* line 56, site/lv2/_hero.scss */
      .business_index .lv2HeroArea .lv2HeroArea_inner,
      .episode_index .lv2HeroArea .lv2HeroArea_inner,
      .data_index .lv2HeroArea .lv2HeroArea_inner {
        height: 85.253%; } }
    @media screen and (max-width: 767px) {
      /* line 56, site/lv2/_hero.scss */
      .business_index .lv2HeroArea .lv2HeroArea_inner,
      .episode_index .lv2HeroArea .lv2HeroArea_inner,
      .data_index .lv2HeroArea .lv2HeroArea_inner {
        height: 49vw; } }
/* line 66, site/lv2/_hero.scss */
.business_index .lv2HeroArea_title,
.episode_index .lv2HeroArea_title,
.data_index .lv2HeroArea_title {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  padding-top: 18px; }
  @media screen and (max-width: 767px) {
    /* line 66, site/lv2/_hero.scss */
    .business_index .lv2HeroArea_title,
    .episode_index .lv2HeroArea_title,
    .data_index .lv2HeroArea_title {
      padding-top: 0;
      padding-left: 4vw;
      padding-right: 4vw;
      font-size: 5.6vw; } }

/* line 81, site/lv2/_hero.scss */
.business_hero {
  padding-top: 100px;
  height: 600px;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 961px) and (max-width: 1260px) {
    /* line 81, site/lv2/_hero.scss */
    .business_hero {
      height: 47.619vw; } }
  @media screen and (max-width: 960px) {
    /* line 81, site/lv2/_hero.scss */
    .business_hero {
      padding-top: 64px;
      height: 300px; } }
  @media screen and (max-width: 767px) {
    /* line 81, site/lv2/_hero.scss */
    .business_hero {
      height: 48vw; } }
  /* line 96, site/lv2/_hero.scss */
  .business_hero:before {
    content: "";
    display: block;
    width: 100%;
    height: 85.714285%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute; }
    @media screen and (min-width: 961px) and (max-width: 1260px) {
      /* line 96, site/lv2/_hero.scss */
      .business_hero:before {
        height: 47.619vw; } }
    @media screen and (max-width: 960px) {
      /* line 96, site/lv2/_hero.scss */
      .business_hero:before {
        height: 300px; } }
    @media screen and (max-width: 767px) {
      /* line 96, site/lv2/_hero.scss */
      .business_hero:before {
        height: 48vw; } }
  /* line 115, site/lv2/_hero.scss */
  .business_hero .groupHexagon span {
    color: #003f73; }
  /* line 119, site/lv2/_hero.scss */
  .business_hero_inner {
    position: absolute;
    width: 100%;
    height: 85.714285%; }
    @media screen and (min-width: 961px) and (max-width: 1260px) {
      /* line 119, site/lv2/_hero.scss */
      .business_hero_inner {
        height: 47.619vw; } }
    @media screen and (max-width: 960px) {
      /* line 119, site/lv2/_hero.scss */
      .business_hero_inner {
        height: 300px; } }
    @media screen and (max-width: 767px) {
      /* line 119, site/lv2/_hero.scss */
      .business_hero_inner {
        height: 48vw; } }

/* line 135, site/lv2/_hero.scss */
.businessHero_title {
  font-size: 60px;
  font-weight: 600; }

/* line 147, site/lv2/_hero.scss */
body.episode_story01 .lv2HeroArea,
body.episode_story02 .lv2HeroArea,
body.episode_story03 .lv2HeroArea {
  height: 634px;
  color: #222;
  z-index: 10; }
  @media screen and (min-width: 961px) and (max-width: 1260px) {
    /* line 147, site/lv2/_hero.scss */
    body.episode_story01 .lv2HeroArea,
    body.episode_story02 .lv2HeroArea,
    body.episode_story03 .lv2HeroArea {
      height: 47.619vw; } }
  @media screen and (max-width: 960px) {
    /* line 147, site/lv2/_hero.scss */
    body.episode_story01 .lv2HeroArea,
    body.episode_story02 .lv2HeroArea,
    body.episode_story03 .lv2HeroArea {
      padding-top: 64px;
      height: 300px; } }
  @media screen and (max-width: 767px) {
    /* line 147, site/lv2/_hero.scss */
    body.episode_story01 .lv2HeroArea,
    body.episode_story02 .lv2HeroArea,
    body.episode_story03 .lv2HeroArea {
      height: 49vw; } }
  /* line 162, site/lv2/_hero.scss */
  body.episode_story01 .lv2HeroArea:before,
  body.episode_story02 .lv2HeroArea:before,
  body.episode_story03 .lv2HeroArea:before {
    background-position: center; }
  /* line 165, site/lv2/_hero.scss */
  body.episode_story01 .lv2HeroArea:before, body.episode_story01 .lv2HeroArea_inner,
  body.episode_story02 .lv2HeroArea:before,
  body.episode_story02 .lv2HeroArea_inner,
  body.episode_story03 .lv2HeroArea:before,
  body.episode_story03 .lv2HeroArea_inner {
    height: 86.3760%; }
    @media screen and (min-width: 961px) and (max-width: 1260px) {
      /* line 165, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea:before, body.episode_story01 .lv2HeroArea_inner,
      body.episode_story02 .lv2HeroArea:before,
      body.episode_story02 .lv2HeroArea_inner,
      body.episode_story03 .lv2HeroArea:before,
      body.episode_story03 .lv2HeroArea_inner {
        height: 47.619vw; } }
    @media screen and (max-width: 960px) {
      /* line 165, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea:before, body.episode_story01 .lv2HeroArea_inner,
      body.episode_story02 .lv2HeroArea:before,
      body.episode_story02 .lv2HeroArea_inner,
      body.episode_story03 .lv2HeroArea:before,
      body.episode_story03 .lv2HeroArea_inner {
        height: 300px; } }
    @media screen and (max-width: 767px) {
      /* line 165, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea:before, body.episode_story01 .lv2HeroArea_inner,
      body.episode_story02 .lv2HeroArea:before,
      body.episode_story02 .lv2HeroArea_inner,
      body.episode_story03 .lv2HeroArea:before,
      body.episode_story03 .lv2HeroArea_inner {
        height: 49vw; } }
  /* line 179, site/lv2/_hero.scss */
  body.episode_story01 .lv2HeroArea_inner_wrap,
  body.episode_story02 .lv2HeroArea_inner_wrap,
  body.episode_story03 .lv2HeroArea_inner_wrap {
    width: 1160px;
    padding: 0 4vw 56px; }
    @media screen and (min-width: 767px) and (max-width: 1260px) {
      /* line 179, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea_inner_wrap,
      body.episode_story02 .lv2HeroArea_inner_wrap,
      body.episode_story03 .lv2HeroArea_inner_wrap {
        padding: 0 4vw; } }
    @media screen and (max-width: 767px) {
      /* line 179, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea_inner_wrap,
      body.episode_story02 .lv2HeroArea_inner_wrap,
      body.episode_story03 .lv2HeroArea_inner_wrap {
        position: absolute;
        top: 16%;
        left: 0; } }
  /* line 191, site/lv2/_hero.scss */
  body.episode_story01 .lv2HeroArea_title,
  body.episode_story02 .lv2HeroArea_title,
  body.episode_story03 .lv2HeroArea_title {
    font-size: 2.25rem;
    font-weight: 600;
    margin: 5px 0;
    text-align: left; }
    @media screen and (max-width: 960px) {
      /* line 191, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea_title,
      body.episode_story02 .lv2HeroArea_title,
      body.episode_story03 .lv2HeroArea_title {
        text-shadow: 0 0 2px #fff; } }
    @media screen and (max-width: 767px) {
      /* line 191, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea_title,
      body.episode_story02 .lv2HeroArea_title,
      body.episode_story03 .lv2HeroArea_title {
        font-size: 4.2666666vw;
        margin: 0; } }
  /* line 203, site/lv2/_hero.scss */
  body.episode_story01 .lv2HeroArea_subTitle,
  body.episode_story02 .lv2HeroArea_subTitle,
  body.episode_story03 .lv2HeroArea_subTitle {
    font-size: 1rem; }
    @media screen and (max-width: 767px) {
      /* line 203, site/lv2/_hero.scss */
      body.episode_story01 .lv2HeroArea_subTitle,
      body.episode_story02 .lv2HeroArea_subTitle,
      body.episode_story03 .lv2HeroArea_subTitle {
        font-size: 2.666666vw; } }

/* line 211, site/lv2/_hero.scss */
body.episode_story01 .lv2HeroArea:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_story01.jpg); }

/* line 214, site/lv2/_hero.scss */
body.episode_story02 .lv2HeroArea:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_story02.jpg); }

/* line 217, site/lv2/_hero.scss */
body.episode_story03 .lv2HeroArea:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_story03.jpg); }

/* line 222, site/lv2/_hero.scss */
.heroArea-neutral:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_neutral.jpg); }

/* line 225, site/lv2/_hero.scss */
.heroArea-episode:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_episode.jpg);
  background-position: center; }

/* line 229, site/lv2/_hero.scss */
.heroArea-business:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_business.jpg);
  background-position: center; }

.heroArea-data:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_data.jpg);
  background-position: center; }

/* line 233, site/lv2/_hero.scss */
.heroArea-corporate:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_corporate.jpg);
  background-position: center; }
  @media screen and (max-width: 767px) {
    /* line 233, site/lv2/_hero.scss */
    .heroArea-corporate:before {
      background-position: left 20% center; } }

/* line 240, site/lv2/_hero.scss */
.heroArea-recruit:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_recruit.jpg);
  background-position: right center; }

/* line 244, site/lv2/_hero.scss */
.recruit_hr-message .lv2HeroArea {
  background-color: #f6f6f6; }

/* line 247, site/lv2/_hero.scss */
.business_medical-representative .business_hero:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_medical-representative.jpg?20191114);
  background-position: right 50% center; }

.business_medical-affairs .business_hero:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_medical-affairs.jpg);
  background-position: right 50% center; }

/* line 251, site/lv2/_hero.scss */
.business_research .business_hero:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_research.jpg);
  background-position: right 50% center; }

/* line 255, site/lv2/_hero.scss */
.business_development .business_hero:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_development.jpg);
  background-position: right 50% center; }

/* line 259, site/lv2/_hero.scss */
.business_production .business_hero:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_production.jpg);
  background-position: right 50% center; }

/* line 263, site/lv2/_hero.scss */
.business_pharmacovigilance .business_hero:before {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/lv2HeroArea_pharmacovigilance.jpg);
  background-position: right 50% center; }

/* line 6, site/lv2/_lv2.scss */
h2, h3, h4, h5 {
  font-weight: 600; }

/* line 9, site/lv2/_lv2.scss */
h3 {
  font-size: 1.375rem;
  margin: 20px 0; }
  @media screen and (max-width: 767px) {
    /* line 9, site/lv2/_lv2.scss */
    h3 {
      font-size: 5.555555vw; } }

/* line 16, site/lv2/_lv2.scss */
/* p {
  font-size: 1rem;
  line-height: 1.75;
  margin: 20px 0 40px; }
  @media screen and (max-width: 767px) { */
    /* line 16, site/lv2/_lv2.scss */
    /* p {
      font-size: 3.2vw;
      margin: 2.6666666vw 0 5.3333333vw; } } */

/* line 25, site/lv2/_lv2.scss */
.headline-01 {
  color: #003f73;
  font-size: 2.1875rem;
  line-height: 1;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    /* line 25, site/lv2/_lv2.scss */
    .headline-01 {
      font-size: 5.555555vw;
      margin-bottom: 2.5vw; } }

/* line 36, site/lv2/_lv2.scss */
.breadCrumb {
  display: block;
  font-size: 12px;
  z-index: 90;
  position: absolute;
  top: 16px;
  left: 6.4%; }
  /* line 43, site/lv2/_lv2.scss */
  .breadCrumb > * {
    display: block;
    float: left;
    line-height: 1.25; }
  @media screen and (max-width: 767px) {
    /* line 36, site/lv2/_lv2.scss */
    .breadCrumb {
      font-size: 10px;
      top: 2.1333333vw;
      left: 4vw; } }
  /* line 53, site/lv2/_lv2.scss */
  .breadCrumb a {
    color: #fff; }
    /* line 55, site/lv2/_lv2.scss */
    .breadCrumb a + span {
      margin: 0 6px; }
    /* line 57, site/lv2/_lv2.scss */
    .breadCrumb a:nth-of-type(1) {
      content: "";
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/ico_home.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 11px;
      height: 12px;
      padding: 1px 0; }
      @media screen and (max-width: 767px) {
        /* line 57, site/lv2/_lv2.scss */
        .breadCrumb a:nth-of-type(1) {
          width: 10px;
          height: 11px; } }
  /* line 72, site/lv2/_lv2.scss */
  .breadCrumb span {
    color: #fff; }
    @media screen and (max-width: 767px) {
      /* line 74, site/lv2/_lv2.scss */
      .breadCrumb span:nth-of-type(3) {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 14em; } }

/* line 85, site/lv2/_lv2.scss */
.breadCrumb-black a {
  color: #000;
  text-decoration: underline; }
  /* line 88, site/lv2/_lv2.scss */
  .breadCrumb-black a:hover {
    color: #888; }
  /* line 91, site/lv2/_lv2.scss */
  .breadCrumb-black a:nth-of-type(1) {
    content: "";
    background-image: url(/wp-content/themes/cocoon-child-master/asset/img/ico_home_bk.svg); }
/* line 96, site/lv2/_lv2.scss */
.breadCrumb-black span {
  color: #000; }

/* line 99, site/lv2/_lv2.scss */
.lv2Main {
  color: #222; }

/* line 102, site/lv2/_lv2.scss */
.lv2Main_title {
  font-size: 2.25rem;
  line-height: 1.555555;
  position: relative; }

/* line 107, site/lv2/_lv2.scss */
.lv2Main_inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 4%;
  padding-right: 4%; }

/* line 120, site/lv2/_lv2.scss */
.recruit_ttl-index {
  text-align: center;
  margin-top: 52px; }

/* line 125, site/lv2/_lv2.scss */
.recruit_index .lv2Main {
  overflow: hidden;
  max-height: 600px;
  height: 600px;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 125, site/lv2/_lv2.scss */
    .recruit_index .lv2Main {
      height: 500px; } }
  @media screen and (max-width: 767px) {
    /* line 125, site/lv2/_lv2.scss */
    .recruit_index .lv2Main {
      max-height: 70vw;
      background-color: #f6f6f6; } }
  /* line 137, site/lv2/_lv2.scss */
  .recruit_index .lv2Main:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-image: url(/wp-content/themes/cocoon-child-master/images/recruit/img/recruit_bg_pc.jpg?2021);
    background-position: center bottom; }
    @media screen and (max-width: 767px) {
      /* line 137, site/lv2/_lv2.scss */
      .recruit_index .lv2Main:before {
        background-image: url(/wp-content/themes/cocoon-child-master/images/recruit/img/recruit_bg_sp.jpg?2021);
        background-size: contain; } }
/* line 153, site/lv2/_lv2.scss */
.recruit_index .recruitIndex_contents {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 4vw;
  box-sizing: border-box;
  position: static; }
@media screen and (max-width: 767px) {
  /* line 160, site/lv2/_lv2.scss */
  .recruit_index .lv2Main_title {
    font-size: 8vw;
    margin-top: 4vw;
    line-height: 1.25; } }

/* line 170, site/lv2/_lv2.scss */
.recruit_hr-message .lv2Main {
  background-color: #f6f6f6;
  padding-top: 100px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 960px) {
    /* line 170, site/lv2/_lv2.scss */
    .recruit_hr-message .lv2Main {
      padding-top: 64px; } }
  @media screen and (max-width: 767px) {
    /* line 170, site/lv2/_lv2.scss */
    .recruit_hr-message .lv2Main {
      height: 190vw; } }
  /* line 181, site/lv2/_lv2.scss */
  .recruit_hr-message .lv2Main:before {
    content: "";
    display: block;
    width: 100%;
    height: 93%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-image: url(/wp-content/themes/cocoon-child-master/images/recruit/img/hr-message_bg_pc.jpg?2021);
    background-position: center bottom; }
    @media screen and (min-width: 768px) and (max-width: 960px) {
      /* line 181, site/lv2/_lv2.scss */
      .recruit_hr-message .lv2Main:before {
        bottom: 0;
        height: 76%; } }
    @media screen and (max-width: 767px) {
      /* line 181, site/lv2/_lv2.scss */
      .recruit_hr-message .lv2Main:before {
        height: 190vw;
        background-image: url(/wp-content/themes/cocoon-child-master/images/recruit/img/hr-message_bg_sp.jpg?2021);
        background-size: contain; } }
/* line 202, site/lv2/_lv2.scss */
.recruit_hr-message .contents_wrap {
  position: relative; }
/* line 205, site/lv2/_lv2.scss */
.recruit_hr-message .lv2Main_contents {
  max-width: 1000px;
  margin: 0 auto;
  padding: 106px 4% 460px; }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 205, site/lv2/_lv2.scss */
    .recruit_hr-message .lv2Main_contents {
      padding-bottom: 320px; } }
  @media screen and (max-width: 767px) {
    /* line 205, site/lv2/_lv2.scss */
    .recruit_hr-message .lv2Main_contents {
      padding: 14vw 4vw 0;
      box-sizing: border-box; } }
/* line 217, site/lv2/_lv2.scss */
.recruit_hr-message .hrMessage_ttl {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    /* line 217, site/lv2/_lv2.scss */
    .recruit_hr-message .hrMessage_ttl {
      font-size: 4.2666666vw; } }
/* line 225, site/lv2/_lv2.scss */
.recruit_hr-message .hrMessage_name {
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
  letter-spacing: .11em; }
  @media screen and (max-width: 767px) {
    /* line 225, site/lv2/_lv2.scss */
    .recruit_hr-message .hrMessage_name {
      font-size: 3.5vw; } }

/* line 237, site/lv2/_lv2.scss */
.heroArea-neutral + .lv2Main .lv2Main_inner {
  padding: 80px 4%; }
  @media screen and (max-width: 767px) {
    /* line 237, site/lv2/_lv2.scss */
    .heroArea-neutral + .lv2Main .lv2Main_inner {
      padding: 4vw; } }

/* line 244, site/lv2/_lv2.scss */
.table_link {
  color: #222;
  text-decoration: underline; }

/* line 248, site/lv2/_lv2.scss */
.profile_comments {
  text-align: right; }



/* line 301, site/lv2/_lv2.scss */
.sitemap_list .row {
  justify-content: space-between;
  -ms-justify-content: space-between; }
/* line 304, site/lv2/_lv2.scss */
.sitemap_list .col {
  flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-grow: 0;
  -ms-flex-grow: 0; }
  @media screen and (max-width: 767px) {
    /* line 304, site/lv2/_lv2.scss */
    .sitemap_list .col {
      flex-basis: 100%;
      -ms-flex-basis: 100%; } }
/* line 311, site/lv2/_lv2.scss */
.sitemap_list h2 {
  margin: 0 0 20px;
  padding: 30px 0 10px;
  font-size: 100%;
  text-align: left;
  border-bottom: solid 1px #eee; }
  /* line 317, site/lv2/_lv2.scss */
  .sitemap_list h2 a {
    color: #222; }
    /* line 319, site/lv2/_lv2.scss */
    .sitemap_list h2 a:visited {
      color: #222; }
    /* line 322, site/lv2/_lv2.scss */
    .sitemap_list h2 a:hover {
      color: #0075C1; }
/* line 327, site/lv2/_lv2.scss */
.sitemap_list li {
  margin-bottom: 10px;
  font-weight: 600; }
  /* line 330, site/lv2/_lv2.scss */
  .sitemap_list li a:hover {
    color: #0075C1; }

/*--------------------------------------------------------------
## about
--------------------------------------------------------------*/
/* line 4, site/lv2/_about.scss */
.about .main {
  position: relative;
  color: #222; }

/* line 10, site/lv2/_about.scss */
.about_section {
  width: 100%;
  height: 100%; }

/* line 14, site/lv2/_about.scss */
.about_section-02 {
  height: 200%; }

/* line 17, site/lv2/_about.scss */
.about_section-04,
.about_section-06 {
  height: 300%; }

/* line 21, site/lv2/_about.scss */
.about_section-01 {
  z-index: 50; }

/* line 22, site/lv2/_about.scss */
.about_hero {
  z-index: 49; }

/* line 23, site/lv2/_about.scss */
.about_cover {
  z-index: 48; }

/* line 24, site/lv2/_about.scss */
.about_section-02 {
  z-index: 47; }

/* line 25, site/lv2/_about.scss */
.about_section-03 {
  z-index: 46; }

/* line 26, site/lv2/_about.scss */
.about_section-04 {
  z-index: 45; }

/* line 27, site/lv2/_about.scss */
.about_section-05 {
  z-index: 44; }

/* line 28, site/lv2/_about.scss */
.about_section-06 {
  z-index: 43; }

/* line 29, site/lv2/_about.scss */
.about_section-07 {
  z-index: 42; }

/* line 30, site/lv2/_about.scss */
.about_section-08 {
  z-index: 41; }
/* line 32, site/lv2/_about.scss */
.about_section-01 {
  padding-top: 100px;
  position: relative; }
  @media screen and (max-width: 960px) {
    /* line 32, site/lv2/_about.scss */
    .about_section-01 {
      padding-top: 64px; } }
  @media screen and (max-width: 767px) {
    /* line 32, site/lv2/_about.scss */
    .about_section-01 {
      height: 39vw; } }

/* line 47, site/lv2/_about.scss */
.about_section {
  position: fixed;
  top: 120%;
  opacity: 1; }
  /* line 51, site/lv2/_about.scss */
  .about_section-01 {
    top: 0; }
    /* line 53, site/lv2/_about.scss */
    .about_section-01-02 {
      top: 50%; }

/* line 60, site/lv2/_about.scss */
.about_section-01 {
  height: 100vh; }

/* line 64, site/lv2/_about.scss */
.about_section-04 {
  overflow: hidden;
  height: auto; }

/* line 71, site/lv2/_about.scss */
.about_wrap {
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed; }

/* line 79, site/lv2/_about.scss */
.about_content .about_wrap {
  position: static; }

/* line 82, site/lv2/_about.scss */
.about_content .about_wrap {
  position: relative; }

/* line 85, site/lv2/_about.scss */
.about_hero_inner {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_hero_bg.png); }

/* line 95, site/lv2/_about.scss */
.about_cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_cover.png); }

/* line 102, site/lv2/_about.scss */
.about_section-01 .about_cover {
  margin-top: -30%;
  padding-top: 30%;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_cover_01_bg.png); }

/* line 107, site/lv2/_about.scss */
.about_content {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

/* line 113, site/lv2/_about.scss */
.about_section-02 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_section-02.jpg); }

/* line 116, site/lv2/_about.scss */
.about_section-04 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_section-04.jpg); }

/* line 119, site/lv2/_about.scss */
.about_section-06 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_section-06.jpg); }

/*
.about_content_01-01 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about01-01.png);
}
.about_content_01-02 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about01-02.png);
}
.about_content_02-01 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about02-01.png);
}
.about_content_02-02 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about02-02.png);
}
.about_content_02-03 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about02-03.png);
}
.about_content_03-01 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about03-01.png);
}
.about_content_03-02 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about03-02.png);
}
.about_content_03-03 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about03-03.png);
}
*/
/* line 151, site/lv2/_about.scss */
.about_subtitle {
  font-size: 1.125rem;
  color: #003f73;
  letter-spacing: .1em;
  text-align: center;
  position: relative;
  padding-bottom: 17px;
  margin-top: 130px; }
  @media screen and (max-width: 767px) {
    /* line 151, site/lv2/_about.scss */
    .about_subtitle {
      font-size: 12px; } }
  /* line 162, site/lv2/_about.scss */
  .about_subtitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #003f73; }
    @media screen and (max-width: 767px) {
      /* line 162, site/lv2/_about.scss */
      .about_subtitle:before {
        width: 26px;
        margin-left: -13px;
        height: 1px; } }

/* line 180, site/lv2/_about.scss */
.about_title {
  font-size: 4.625rem;
  line-height: 1.2162;
  position: absolute;
  top: 220px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-shadow: 1px 1px 10px #ffffff; }

/* line 191, site/lv2/_about.scss */
.about_index .scroll:before {
  animation: none; }

/* line 196, site/lv2/_about.scss */
.about_hero .scroll {
  bottom: 12%; }
  @media screen and (max-width: 767px) {
    /* line 196, site/lv2/_about.scss */
    .about_hero .scroll {
      bottom: 0; } }
  /* line 201, site/lv2/_about.scss */
  .about_hero .scroll:before {
    background-color: #003f73; }
  /* line 204, site/lv2/_about.scss */
  .about_hero .scroll_text {
    color: #003f73; }
  /* line 207, site/lv2/_about.scss */
  .about_hero .scroll .pentagon .rect {
    border-color: rgba(45, 74, 156, 0.5); }

/* line 213, site/lv2/_about.scss */
.about_content .scroll {
  color: #000;
  width: 16em;
  height: 151px;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0 -8em; }
  /* line 220, site/lv2/_about.scss */
  .about_content .scroll:before {
    top: initial;
    bottom: 0;
    background-color: #003f73; }
/* line 226, site/lv2/_about.scss */
.about_content .scroll_text {
  bottom: 65px; }
/* line 229, site/lv2/_about.scss */
.about_content .next_ico {
  width: 56px;
  height: 37px;
  margin: 0 auto; }
  /* line 233, site/lv2/_about.scss */
  .about_content .next_ico img {
    width: 100%;
    height: auto; }

/* line 241, site/lv2/_about.scss */
.about_cover_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%); }

/* line 250, site/lv2/_about.scss */
.about .ornament {
  float: none;
  margin: 0 auto; }
/* line 254, site/lv2/_about.scss */
.about .ornament_container {
  padding-top: 20px; }
/* line 257, site/lv2/_about.scss */
.about .ornament_pentagon {
  width: 171px; }
/* line 260, site/lv2/_about.scss */
.about .ornament_pentagon .pentagon_svg {
  fill: rgba(255, 255, 255, 0.25); }

/* line 264, site/lv2/_about.scss */
.ornament_about {
  font-size: 4.0625rem;
  line-height: 1;
  font-family: Garamond , serif;
  letter-spacing: -0.05em;
  color: #fff; }
  /* line 270, site/lv2/_about.scss */
  .ornament_about .ornament_about_denominator {
    position: relative;
    font-size: 1.25rem;
    letter-spacing: -0.025em;
    margin-top: 12px;
    padding-top: 25px; }
    /* line 276, site/lv2/_about.scss */
    .ornament_about .ornament_about_denominator:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -20px;
      display: block;
      width: 40px;
      height: 1px;
      background-color: #fff; }

/* line 289, site/lv2/_about.scss */
.aboutCover_title {
  color: #fff;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1.333333;
  text-align: center;
  letter-spacing: .02em; }

@media screen and (min-width: 768px) {
  /* line 299, site/lv2/_about.scss */
  .about_section-01-02 .aboutCover_title {
    min-width: 14em; }

  /* line 302, site/lv2/_about.scss */
  .about_section-03 .aboutCover_title {
    min-width: 14em; }

  /* line 305, site/lv2/_about.scss */
  .about_section-05 .aboutCover_title {
    min-width: 14em; } }
/* line 313, site/lv2/_about.scss */
.contents-box {
  position: absolute; }

/* line 317, site/lv2/_about.scss */
.about_content p {
  letter-spacing: .11em;
  margin-top: 18px;
  margin-bottom: 18px; }

/* line 324, site/lv2/_about.scss */
.about_content_01-01 .contents_box {
  position: absolute;
  top: 14.5%;
  max-width: 390px;
  left: 50%;
  margin-left: -390px; }
/* line 331, site/lv2/_about.scss */
.about_content_01-01 .aboutContent_title {
  position: absolute;
  left: -140px;
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
/* line 341, site/lv2/_about.scss */
.about_content_01-01 .text_box {
  padding-top: 1em; }

/* line 347, site/lv2/_about.scss */
.about_content_01-02 .contents_box {
  position: absolute;
  top: 16%;
  max-width: 430px;
  left: 50%;
  margin-left: 130px; }
/* line 354, site/lv2/_about.scss */
.about_content_01-02 .aboutContent_title {
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em; }
/* line 359, site/lv2/_about.scss */
.about_content_01-02 .text_box {
  width: 410px; }

/* line 366, site/lv2/_about.scss */
.about_content_02-01 .contents_box,
.about_content_02-03 .contents_box {
  position: absolute;
  top: 24.5%;
  max-width: 470px;
  left: 50%;
  margin-left: 130px; }
/* line 373, site/lv2/_about.scss */
.about_content_02-01 .aboutContent_title,
.about_content_02-03 .aboutContent_title {
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em; }
/* line 378, site/lv2/_about.scss */
.about_content_02-01 .text_box,
.about_content_02-03 .text_box {
  width: 410px; }

/* line 384, site/lv2/_about.scss */
.about_content_02-02 .contents_box {
  position: absolute;
  top: 24.5%;
  max-width: 390px;
  left: 50%;
  margin-left: -335px;
  height: 490px; }
/* line 392, site/lv2/_about.scss */
.about_content_02-02 .aboutContent_title {
  position: absolute;
  left: -195px;
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
/* line 401, site/lv2/_about.scss */
.about_content_02-02 .text_box {
  padding-top: 40px; }

/* line 408, site/lv2/_about.scss */
.about_content_03-01 .contents_box {
  position: absolute;
  top: 24.5%;
  max-width: 390px;
  left: 50%;
  margin-left: 210px; }
/* line 415, site/lv2/_about.scss */
.about_content_03-01 .aboutContent_title {
  position: absolute;
  left: -140px;
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
/* line 424, site/lv2/_about.scss */
.about_content_03-01 .text_box {
  padding-top: 40px; }

/* line 430, site/lv2/_about.scss */
.about_content_03-02 .contents_box {
  position: absolute;
  top: 24.5%;
  max-width: 370px;
  left: 50%;
  margin-left: -548px;
  height: 490px; }
/* line 438, site/lv2/_about.scss */
.about_content_03-02 .aboutContent_title {
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em; }
/* line 443, site/lv2/_about.scss */
.about_content_03-02 .text_box {
  width: 360px; }

/* line 449, site/lv2/_about.scss */
.about_content_03-03 .contents_box {
  position: absolute;
  top: 24.5%;
  max-width: 627px;
  left: 50%;
  margin-left: 45px; }
/* line 456, site/lv2/_about.scss */
.about_content_03-03 .aboutContent_title {
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em; }
/* line 461, site/lv2/_about.scss */
.about_content_03-03 .text_box {
  width: 540px; }

/* line 466, site/lv2/_about.scss */
.about_policy {
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_policy_bg.jpg); }
  /* line 472, site/lv2/_about.scss */
  .about_policy .text_box {
    width: 1050px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
  /* line 480, site/lv2/_about.scss */
  .about_policy .ornament {
    width: 380px; }
  /* line 483, site/lv2/_about.scss */
  .about_policy .ornament_pentagon {
    width: 171px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
    /* line 488, site/lv2/_about.scss */
    .about_policy .ornament_pentagon .pentagon_svg {
      fill: #fff;
      opacity: .3; }
  /* line 493, site/lv2/_about.scss */
  .about_policy .ornament_policy {
    font-size: 1.75rem; }
  /* line 496, site/lv2/_about.scss */
  .about_policy .aboutPolicy_title {
    font-size: 3.125rem;
    text-align: center;
    letter-spacing: .04em;
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      /* line 496, site/lv2/_about.scss */
      .about_policy .aboutPolicy_title {
        min-width: 21em; } }
  /* line 505, site/lv2/_about.scss */
  .about_policy .aboutPolicy_title-en {
    font-size: 1.75rem;
    text-align: center;
    letter-spacing: .04em; }

/* line 512, site/lv2/_about.scss */
.about_links {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_links_bg.jpg); }
  /* line 517, site/lv2/_about.scss */
  .about_links .contents_box {
    padding: 80px 4vw; }
  /* line 520, site/lv2/_about.scss */
  .about_links .btn-aboutLinks {
    width: 404px;
    height: 87px;
    line-height: 87px;
    margin: 0 auto 100px; }
  /* line 526, site/lv2/_about.scss */
  .about_links .footer {
    position: absolute;
    bottom: 0; }

@media screen and (max-width: 960px) {
  /* line 534, site/lv2/_about.scss */
  .about_content .contents_box {
    position: static; }

  /* line 537, site/lv2/_about.scss */
  .about_wrap {
    position: relative;
    height: 100%;
    box-sizing: border-box; }

  /* line 542, site/lv2/_about.scss */
  .about_section {
    position: relative;
    z-index: 1; }

  /* line 546, site/lv2/_about.scss */
  .about_section-01 {
    height: auto;
    z-index: 10; }
    /* line 549, site/lv2/_about.scss */
    .about_section-01 .about_hero {
      height: 80vw; }
      /* line 551, site/lv2/_about.scss */
      .about_section-01 .about_hero .about_title {
        font-size: 7vw;
        top: 24vw; }
    /* line 556, site/lv2/_about.scss */
    .about_section-01 .about_subtitle {
      margin-top: 10vw;
      padding-bottom: 1%; }

  /* line 561, site/lv2/_about.scss */
  .about_cover_inner {
    width: 92%; }

  /* line 564, site/lv2/_about.scss */
  .about_section-01-02.about_cover {
    height: 100vw;
    margin-top: -40vw;
    padding-top: 40vw; }
    /* line 568, site/lv2/_about.scss */
    .about_section-01-02.about_cover .about_cover_inner {
      padding-top: 40vw; }

  /* line 572, site/lv2/_about.scss */
  .about_section-03,
  .about_section-05 {
    height: 60vw; }

  /* line 576, site/lv2/_about.scss */
  .about .ornament_container {
    padding-top: 3vw; }

  /* line 579, site/lv2/_about.scss */
  .about_cover .ornament_pentagon {
    width: 23vw; }

  /* line 582, site/lv2/_about.scss */
  .aboutCover_title {
    font-size: 7vw; }

  /* line 585, site/lv2/_about.scss */
  .about .ornament {
    width: 23vw;
    height: 23vw; }

  /* line 589, site/lv2/_about.scss */
  .ornament_about {
    font-size: 7vw; }

  /* line 592, site/lv2/_about.scss */
  .ornament_about .ornament_about_denominator {
    font-size: 3vw;
    margin-top: 1.6vw;
    padding-top: 3.333333vw; }
    /* line 596, site/lv2/_about.scss */
    .ornament_about .ornament_about_denominator:before {
      width: 5vw;
      margin-left: -2.5vw; }

  /* line 601, site/lv2/_about.scss */
  .about_content .scroll {
    display: none; }

  /* line 604, site/lv2/_about.scss */
  .about_section-02,
  .about_section-04,
  .about_section-06 {
    background-image: none; }

  /* line 609, site/lv2/_about.scss */
  .about_content .about_wrap {
    padding-top: 50.6666666vw;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain; }

  /* line 615, site/lv2/_about.scss */
  .about_content .contents_box {
    top: 0;
    margin: 0;
    left: 0;
    max-width: none;
    padding: 4vw 4vw 8vw;
    height: auto; }

  /* line 623, site/lv2/_about.scss */
  .about_content .text_box {
    width: auto;
    height: auto;
    padding-top: 0; }

  /* line 628, site/lv2/_about.scss */
  .about_content .title-vertical {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb; }

  /* line 632, site/lv2/_about.scss */
  .about_content .aboutContent_title {
    font-size: 7vw;
    position: static;
    left: 0;
    margin: 0 0 5.7vw; }

  /* line 638, site/lv2/_about.scss */
  .about_content_01-01 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about01-01_sp.jpg); }

  /* line 639, site/lv2/_about.scss */
  .about_content_01-02 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about01-02_sp.jpg); }

  /* line 640, site/lv2/_about.scss */
  .about_content_02-01 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about02-01_sp.jpg); }

  /* line 641, site/lv2/_about.scss */
  .about_content_02-02 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about02-02_sp.jpg); }

  /* line 642, site/lv2/_about.scss */
  .about_content_02-03 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about02-03_sp.jpg); }

  /* line 643, site/lv2/_about.scss */
  .about_content_03-01 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about03-01_sp.jpg); }

  /* line 644, site/lv2/_about.scss */
  .about_content_03-02 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about03-02_sp.jpg); }

  /* line 645, site/lv2/_about.scss */
  .about_content_03-03 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/section_about03-03_sp.jpg); }

  /* line 647, site/lv2/_about.scss */
  .about_policy .aboutPolicy_title {
    font-size: 9vw;
    margin-top: 1.25vw; }

  /* line 651, site/lv2/_about.scss */
  .about_policy .aboutPolicy_title-en {
    font-size: 3vw; }

  /* line 654, site/lv2/_about.scss */
  .about_section-07 {
    padding: 8vw 4vw; }

  /* line 658, site/lv2/_about.scss */
  .about_policy .ornament {
    height: 23vw; }
  /* line 661, site/lv2/_about.scss */
  .about_policy .text_box {
    width: 100%;
    position: static;
    -webkit-transform: none;
    transform: none; }
  /* line 667, site/lv2/_about.scss */
  .about_policy .ornament {
    width: 100%; }
  /* line 670, site/lv2/_about.scss */
  .about_policy .ornament_pentagon {
    width: 23vw; }
  /* line 673, site/lv2/_about.scss */
  .about_policy .ornament_policy {
    font-size: 5.6vw;
    padding-top: 0; }
  /* line 677, site/lv2/_about.scss */
  .about_policy .ornament_container {
    padding-top: 1vw; }

  /* line 681, site/lv2/_about.scss */
  .about_links .contents_box {
    padding: 8vw 4vw; }

  /* line 684, site/lv2/_about.scss */
  .about_links .btn-aboutLinks {
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    font-size: 3.5vw;
    margin-bottom: 1vw; }

  /* line 691, site/lv2/_about.scss */
  .about_links .footer {
    position: relative; } }
/* line 2, site/lv2/_business.scss */
.business {
  color: #222; }

/* line 6, site/lv2/_business.scss */
.business_index .lv2Main_inner,
.data_index .lv2Main_inner {
  padding-top: 80px;
  padding-bottom: 90px; }
  @media screen and (max-width: 767px) {
    /* line 6, site/lv2/_business.scss */
    .business_index .lv2Main_inner,
    .data_index .lv2Main_inner {
      padding: 8vw 4vw; } }
@media screen and (max-width: 767px) {
  /* line 14, site/lv2/_business.scss */
  .business_index .lv2HeroArea .ornament_container {
    padding-top: 24px; }
  /* line 17, site/lv2/_business.scss */
  .business_index .ornament_pentagon svg {
    height: 70px; } }

/* line 22, site/lv2/_business.scss */
.businessContents {
  display: flex;
  display: -ms-flex; }

/* line 25, site/lv2/_business.scss */
.colorBand {
  width: 90px;
  display: flex;
  display: -ms-flex;
  flex-direction: column; }
  @media screen and (max-width: 767px) {
    /* line 25, site/lv2/_business.scss */
    .colorBand {
      width: 10vw; } }

/* line 33, site/lv2/_business.scss */
.colorBand_item {
  flex-grow: 1;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .1em;
  width: 72px;
  text-align: left;
  text-indent: 2em;
  line-height: 69px;
  padding-bottom: 8px;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
  @media screen and (max-width: 767px) {
    /* line 33, site/lv2/_business.scss */
    .colorBand_item {
      line-height: 8vw;
      font-size: 5.625vw; } }
  @media screen and (max-width: 481px) {
    .colorBand_item {
      font-size: 4vw;
    }
  }
  /* line 51, site/lv2/_business.scss */
  .colorBand_item:nth-of-type(1) .colorBandItem_inner {
    background: #76bfe7;
    background: -moz-linear-gradient(top, #76bfe7 0%, #74e3db 100%);
    background: -webkit-linear-gradient(top, #76bfe7 0%, #74e3db 100%);
    background: linear-gradient(to bottom, #76bfe7 0%, #74e3db 100%); }
  /* line 57, site/lv2/_business.scss */
  .colorBand_item:nth-of-type(2) .colorBandItem_inner {
    background: #74e2db;
    background: -moz-linear-gradient(top, #74e2db 0%, #36c665 50%, #fffc00 100%);
    background: -webkit-linear-gradient(top, #74e2db 0%, #36c665 50%, #fffc00 100%);
    background: linear-gradient(to bottom, #74e2db 0%, #36c665 50%, #fffc00 100%); }

/* line 64, site/lv2/_business.scss */
.colorBandItem_inner {
  height: 100%;
  width: 72px;
  margin-right: 18px;
  position: relative; }
  /* line 69, site/lv2/_business.scss */
  .colorBandItem_inner:before, .colorBandItem_inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 0;
    height: 0; }
  /* line 78, site/lv2/_business.scss */
  .colorBandItem_inner:before {
    right: 0;
    border-top: 15px solid transparent;
    border-right: 18px solid #fff;
    border-bottom: 15px solid #fff;
    border-left: 18px solid transparent; }
  /* line 85, site/lv2/_business.scss */
  .colorBandItem_inner:after {
    left: 0;
    border-top: 15px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 18px solid #fff; }

@media screen and (max-width: 767px) {
  /* line 93, site/lv2/_business.scss */
  .colorBand_item,
  .colorBandItem_inner {
    width: 8vw;
    margin-right: 0; } }

/* line 101, site/lv2/_business.scss */
.businessList {
  width: 910px; }
  @media screen and (max-width: 767px) {
    /* line 101, site/lv2/_business.scss */
    .businessList {
      width: 83vw; } }

/* line 107, site/lv2/_business.scss */
.businessList_item {
  background-color: #fbfbfb;
  margin-bottom: 20px; }
  /* line 110, site/lv2/_business.scss */
  .businessList_item:last-child {
    margin-bottom: 0; }

/* line 112, site/lv2/_business.scss */
.businessList_title {
  height: 180px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 76px;
  box-sizing: border-box;
  display: flex;
  display: -ms-flex;
  align-items: center;
  -ms-align-items: center;
  justify-content: space-between;
  -ms-justify-content: space-between; }
  @media screen and (max-width: 767px) {
    /* line 112, site/lv2/_business.scss */
    .businessList_title {
      height: 26.6666vw;
      max-height: 180px;
      background-size: cover;
      background-position: center top;
      padding: 0 4vw;
      justify-content: center;
      -ms-justify-content: center; } }
  /* line 130, site/lv2/_business.scss */
  .businessList_title h2 {
    font-size: 2.5rem;
    letter-spacing: .05em;
    color: #fff; }
    @media screen and (max-width: 767px) {
      /* line 130, site/lv2/_business.scss */
      .businessList_title h2 {
        position: absolute;
        top: 4vw;
        left: 4vw;
        font-size: 5.333333vw; } }
  /* line 141, site/lv2/_business.scss */
  .businessList_title .bracket {
    font-size: 20px; }
    @media screen and (max-width: 767px) {
      /* line 141, site/lv2/_business.scss */
      .businessList_title .bracket {
        font-size: 4vw; } }
  @media screen and (max-width: 767px) {
    /* line 147, site/lv2/_business.scss */
    .businessList_title .group {
      position: absolute;
      bottom: 4vw;
      right: 4vw; } }

/* line 155, site/lv2/_business.scss */
.businessList_title-01 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-01.jpg); }

/* line 156, site/lv2/_business.scss */
.businessList_title-02 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-02.jpg); }

/* line 157, site/lv2/_business.scss */
.businessList_title-03 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-03.jpg); }

/* line 158, site/lv2/_business.scss */
.businessList_title-04 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-04.jpg?2021); }

/* line 159, site/lv2/_business.scss */
.businessList_title-05 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-05.jpg); }

.businessList_title-06 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-06.jpg); }

@media screen and (max-width: 767px) {
  /* line 163, site/lv2/_business.scss */
  .businessList_title-01 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-01_sp.jpg); }

  /* line 164, site/lv2/_business.scss */
  .businessList_title-02 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-02_sp.jpg); }

  /* line 165, site/lv2/_business.scss */
  .businessList_title-03 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-03_sp.jpg); }

  /* line 166, site/lv2/_business.scss */
  .businessList_title-04 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-04_sp.jpg?2021); }

  /* line 167, site/lv2/_business.scss */
  .businessList_title-05 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-05_sp.jpg); }
  .businessList_title-06 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/businessList_title-06_sp.jpg); } }
/* line 169, site/lv2/_business.scss */
.groupHexagon {
  font-weight: 600;
  color: #fff;
  position: relative;
  width: 95px;
  height: 95px;
  float: left;
  display: flex;
  display: -ms-flex;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -ms-justify-content: center; }
  @media screen and (max-width: 960px) {
    /* line 169, site/lv2/_business.scss */
    .groupHexagon {
      width: 8.5vw;
      height: 8.5vw; } }
  @media screen and (max-width: 414px) {
    /* line 169, site/lv2/_business.scss */
    .groupHexagon {
      width: 40px;
      height: 40px; } }

/* line 189, site/lv2/_business.scss */
.businessList_content {
  padding: 60px 75px; }
  @media screen and (max-width: 767px) {
    /* line 189, site/lv2/_business.scss */
    .businessList_content {
      padding: 4vw; } }
  /* line 194, site/lv2/_business.scss */
  .businessList_content h3 {
    font-size: 20px;
    line-height: 1.4em; }
  /* line 198, site/lv2/_business.scss */
  .businessList_content p {
    margin-bottom: 25px; }
  /* line 201, site/lv2/_business.scss */
  .businessList_content dl {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 0;
    margin-bottom: 30px;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .businessList_content dl {
        position: relative;
        padding-left: 5em;
      }
    }
    /* line 207, site/lv2/_business.scss */
    .businessList_content dl > * {
      float: left;
      line-height: 20px; }
    /* line 211, site/lv2/_business.scss */
    .businessList_content dl dt {
      font-size: 16px;
      font-weight: 600; }
      @media screen and (min-width: 768px) {
        .businessList_content dl dt {
          position: absolute;
          left: 0;
        }
      }
      @media screen and (max-width: 767px) {
        /* line 211, site/lv2/_business.scss */
        .businessList_content dl dt {
          float: none;
          margin-bottom: 2vw; } }
    /* line 218, site/lv2/_business.scss */
    .businessList_content dl dd {
      font-size: 14px;
      margin-left: 0;
      margin-right: 1em; }
      @media screen and (max-width: 767px) {
        /* line 218, site/lv2/_business.scss */
        .businessList_content dl dd {
          /*margin-right: 1em;
          margin-left: 0;*/ } }
      /* line 225, site/lv2/_business.scss */
      .businessList_content dl dd:nth-of-type(1) {
        /*margin-left: 30px;*/ }
        @media screen and (max-width: 767px) {
          /* line 225, site/lv2/_business.scss */
          .businessList_content dl dd:nth-of-type(1) {
            /*margin-left: 0;*/ } }

/* line 236, site/lv2/_business.scss */
.business_inner {
  position: relative;
  max-width: 1000px;
  padding: 0 4%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    /* line 236, site/lv2/_business.scss */
    .business_inner {
      padding: 0;
      max-width: 100%; } }

/* line 246, site/lv2/_business.scss */
.businessHeroTitle_wrap {
  max-width: 1156px;
  margin: 106px auto; }
  @media screen and (max-width: 1260px) {
    /* line 246, site/lv2/_business.scss */
    .businessHeroTitle_wrap {
      margin: 106px 4vw; } }
  @media screen and (max-width: 960px) {
    /* line 246, site/lv2/_business.scss */
    .businessHeroTitle_wrap {
      margin-top: 80px; } }
  @media screen and (max-width: 767px) {
    /* line 246, site/lv2/_business.scss */
    .businessHeroTitle_wrap {
      max-width: 100%;
      margin: 13.8666666vw 0;
      padding: 0 4vw; } }

/* line 261, site/lv2/_business.scss */
.businessHero_title {
  margin-bottom: 12px; }
  @media screen and (max-width: 767px) {
    /* line 261, site/lv2/_business.scss */
    .businessHero_title {
      margin-bottom: 8px;
      font-size: 6.4vw; } }

/* line 268, site/lv2/_business.scss */
.businessOutline_wrap {
  width: 1260px;
  position: relative;
  margin: 0 auto; }
  @media screen and (max-width: 1260px) {
    /* line 268, site/lv2/_business.scss */
    .businessOutline_wrap {
      width: 100%;
      padding: 0 4%;
      box-sizing: border-box; } }
  @media screen and (max-width: 767px) {
    /* line 268, site/lv2/_business.scss */
    .businessOutline_wrap {
      width: 92vw;
      margin: 0 4vw;
      padding: 0; } }

@media screen and (max-width: 767px) {
  /* line 284, site/lv2/_business.scss */
  .business_hero .groupHexagon {
    width: 30px;
    height: 30px;
    font-size: 10px; } }

/* line 293, site/lv2/_business.scss */
.business_outline {
  background-color: #fff;
  box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.05);
  width: 630px;
  margin-top: -246px;
  padding: 50px 68px;
  box-sizing: border-box; }
  @media screen and (min-width: 961px) and (max-width: 1260px) {
    /* line 293, site/lv2/_business.scss */
    .business_outline {
      margin-top: -15%; } }
  @media screen and (max-width: 960px) {
    /* line 293, site/lv2/_business.scss */
    .business_outline {
      margin-top: -20px; } }
  @media screen and (max-width: 767px) {
    /* line 293, site/lv2/_business.scss */
    .business_outline {
      width: 100%;
      padding: 6vw;
      margin-top: -10%; } }

.business_outline .notes_text { font-size: .8em;}

/* line 312, site/lv2/_business.scss */
.businessOutline_title {
  font-size: 1.625rem;
  line-height: 1.53846;
  position: relative;
  padding-bottom: 20px; }
  @media screen and (max-width: 767px) {
    /* line 312, site/lv2/_business.scss */
    .businessOutline_title {
      font-size: 4.2666666vw; } }
  /* line 320, site/lv2/_business.scss */
  .businessOutline_title:before {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #003f73; }

/* line 331, site/lv2/_business.scss */
.businessOutline_text {
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  /* line 339, site/lv2/_business.scss */
  .work_section {
    padding: 0 4vw; }
    /* line 341, site/lv2/_business.scss */
    .work_section h3 {
      font-size: 4.2666666vw;
      margin: 2.666666vw 0; } }
/* line 348, site/lv2/_business.scss */
.business_title {
  font-size: 2.1875rem;
  line-height: 1;
  color: #003f73;
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding-bottom: 28px;
  margin-top: 40px;
  margin-bottom: 60px;
  position: relative; }
  @media screen and (max-width: 767px) {
    /* line 348, site/lv2/_business.scss */
    .business_title {
      font-size: 5.333333vw;
      padding-bottom: 16px;
      margin-bottom: 8vw; } }
  /* line 363, site/lv2/_business.scss */
  .business_title:before {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #ddd; }
    @media screen and (max-width: 767px) {
      /* line 363, site/lv2/_business.scss */
      .business_title:before {
        height: 8px; } }

/* line 377, site/lv2/_business.scss */
.business_title-work {
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    /* line 377, site/lv2/_business.scss */
    .business_title-work {
      padding-top: 11.7333333vw; } }
  /* line 382, site/lv2/_business.scss */
  .business_title-work:after {
    content: "";
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-image: url(/wp-content/themes/cocoon-child-master/asset/img/ico_business.svg);
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      /* line 382, site/lv2/_business.scss */
      .business_title-work:after {
        height: 8vw; } }

/* line 405, site/lv2/_business.scss */
.business_research .business_title-work:after {
  width: 53px;
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/business_ttl_01_blue.svg); }
  @media screen and (max-width: 767px) {
    /* line 405, site/lv2/_business.scss */
    .business_research .business_title-work:after {
      width: 6.8vw; } }
@media screen and (max-width: 960px) {
  /* line 412, site/lv2/_business.scss */
  .business_research .fixedBottomNav {
    display: none !important; }
  /* line 415, site/lv2/_business.scss */
  .business_research .footer {
    padding-bottom: 0; } }

/* line 422, site/lv2/_business.scss */
.business_development .business_title-work:after {
  width: 93px;
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/business_ttl_02_blue.svg); }
  @media screen and (max-width: 767px) {
    /* line 422, site/lv2/_business.scss */
    .business_development .business_title-work:after {
      width: 12.5333333vw; } }

/* line 431, site/lv2/_business.scss */
.business_production .business_title-work:after {
  width: 64px;
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/business_ttl_03_blue.svg); }
  @media screen and (max-width: 767px) {
    /* line 431, site/lv2/_business.scss */
    .business_production .business_title-work:after {
      width: 8.2666666vw; } }

/* line 440, site/lv2/_business.scss */
.business_medical-representative .business_title-work:after {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/business_ttl_04_blue.svg); }
  @media screen and (max-width: 767px) {
    /* line 440, site/lv2/_business.scss */
    .business_medical-representative .business_title-work:after {
      width: 8vw; } }

/* line 448, site/lv2/_business.scss */
.business_pharmacovigilance .business_title-work:after {
  width: 49px;
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/business_ttl_05_blue.svg); }
  @media screen and (max-width: 767px) {
    /* line 448, site/lv2/_business.scss */
    .business_pharmacovigilance .business_title-work:after {
      width: 6.2666666vw; } }

 .business_medical-affairs .business_title-work:after {
  width: 105px;
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/business_ttl_06_blue.svg); }
  @media screen and (max-width: 767px) {
    /* line 440, site/lv2/_business.scss */
    .business_medical-affairs .business_title-work:after {
      width: 8vw; } }

/* line 459, site/lv2/_business.scss */
.identity_wrap {
  background-color: #f3f9fa;
  padding: 50px 58px;
  position: relative;
  margin: 60px 0 50px; }
  @media screen and (max-width: 767px) {
    /* line 459, site/lv2/_business.scss */
    .identity_wrap {
      padding: 6vw 4vw;
      margin: 5.333333vw 0 8vw; } }
  /* line 468, site/lv2/_business.scss */
  .identity_wrap:before {
    content: "";
    display: block;
    width: 1px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 50%;
    background-color: #003f73; }
    @media screen and (max-width: 767px) {
      /* line 468, site/lv2/_business.scss */
      .identity_wrap:before {
        height: 30px;
        top: -15px; } }
  /* line 482, site/lv2/_business.scss */
  .identity_wrap .identity_title {
    color: #003f73;
    font-size: 1.625rem;
    line-height: 1.3361; }
    @media screen and (max-width: 767px) {
      /* line 482, site/lv2/_business.scss */
      .identity_wrap .identity_title {
        font-size: 4.2666666vw; } }
  /* line 490, site/lv2/_business.scss */
  .identity_wrap p {
    margin-bottom: 20px; }
    /* line 491, site/lv2/_business.scss */
    .identity_wrap p:last-child {
      margin-bottom: 0; }

/* add business style */
.identity_qa_img {
  display: inline-block;
  width: 70px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.identity_qa_img  img {
  width: 100%;
  margin-bottom: .2em;
  border-radius: 100%;

}
.identity_q_txt,
.identity_a_txt {
  position: relative;
  display: inline-block;
  width: calc(-200px + 100%);
  margin: 0 30px;
  padding: 20px 30px 40px;
  background: #fff;
  vertical-align: top;
  box-sizing: border-box;
}
@media screen and (max-width: 481px) {
  .identity_q_txt {
    margin: 0 0 0 8px;
    padding: 8px 16px;
    width: calc(-78px + 100%); }
}
.identity_a_txt  {
  margin-left: 100px;
}
@media screen and (max-width: 481px) {
  .identity_a_txt {
    margin: 0 8px 0 0;
    padding: 8px 16px;
    width: calc(-78px + 100%); }
}
.identity_q_txt:before {
  content: "";
  position: absolute;
  left: -30px;
  border: 15px solid transparent;
  border-right: 20px solid #fff;
}
@media screen and (max-width: 481px) {
  .identity_q_txt:before {
    left: -25px;
  }
}
.identity_a_txt:before {
  content: "";
  position: absolute;
  right: -30px;
  border: 15px solid transparent;
  border-left: 20px solid #fff;
}
@media screen and (max-width: 481px) {
  .identity_a_txt:before {
    right: -25px;
  }
}



/* line 494, site/lv2/_business.scss */
.system_section {
  background-color: #f9f9f9;
  margin: 100px 0;
  padding: 100px 0; }
  @media screen and (max-width: 767px) {
    /* line 494, site/lv2/_business.scss */
    .system_section {
      margin: 40px 0;
      padding: 8vw 6vw; } }
  /* line 502, site/lv2/_business.scss */
  .system_section .business_title {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    /* line 505, site/lv2/_business.scss */
    .system_section h3 {
      font-size: 4.2666666vw;
      margin: 2.666666vw 0; } }
  /* line 511, site/lv2/_business.scss */
  .system_section img {
    width: 100%;
    height: auto; }

/* line 518, site/lv2/_business.scss */
.businessMember_list {
  overflow: hidden;
  max-width: 1000px;
  padding: 20px;
  margin: auto;
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center; }
  @media screen and (max-width: 767px) {
    /* line 518, site/lv2/_business.scss */
    .businessMember_list {
      max-width: 100%;
      width: 100%;
      padding: 4vw;
      box-sizing: border-box;
      justify-content: space-around;
      -ms-justify-content: space-around; } }
  /* line 533, site/lv2/_business.scss */
  .businessMember_list .businessMember_item {
    float: left;
    margin: .5% .5% 0;
    width: 24%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s; }
    @media screen and (max-width: 767px) {
      /* line 533, site/lv2/_business.scss */
      .businessMember_list .businessMember_item {
        margin: 0 0 2%;
        width: 48%;
        float: none; } }
    /* line 546, site/lv2/_business.scss */
    .businessMember_list .businessMember_item:before {
      content: "";
      position: absolute;
      bottom: 10px;
      right: 10px;
      display: block;
      width: 0;
      height: 0;
      opacity: .6;
      border-top: 7px solid transparent;
      border-right: 7px solid #fff;
      border-bottom: 7px solid #fff;
      border-left: 7px solid transparent; }
    /* line 560, site/lv2/_business.scss */
    .businessMember_list .businessMember_item:after {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: -100%;
      background-color: #fff;
      opacity: .1;
      -webkit-transition: left 0.2s ease-in-out;
      transition: left 0.2s ease-in-out; }
    /* line 573, site/lv2/_business.scss */
    .businessMember_list .businessMember_item:hover {
      z-index: 90;
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); }
      /* line 576, site/lv2/_business.scss */
      .businessMember_list .businessMember_item:hover:after {
        left: 0; }
    /* line 581, site/lv2/_business.scss */
    .businessMember_list .businessMember_item_last:hover {
      box-shadow: none; }
      /* line 583, site/lv2/_business.scss */
      .businessMember_list .businessMember_item_last:hover:after {
        display: none; }

/* line 589, site/lv2/_business.scss */
.businessMember_title {
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    /* line 589, site/lv2/_business.scss */
    .businessMember_title {
      margin-bottom: 6vw; } }

/* line 599, site/lv2/_business.scss */
.businessMember_item {
  position: relative; }
/* line 602, site/lv2/_business.scss */
.businessMember_text {
  position: absolute;
  bottom: 17px;
  left: 24px;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1; }
  @media screen and (max-width: 767px) {
    /* line 602, site/lv2/_business.scss */
    .businessMember_text {
      bottom: 12px;
      left: 12px;
      font-size: 10px; } }
/* line 615, site/lv2/_business.scss */
.businessMember_name {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 6px; }
  @media screen and (max-width: 767px) {
    /* line 615, site/lv2/_business.scss */
    .businessMember_name {
      font-size: 3.2vw; } }

/* line 624, site/lv2/_business.scss */
.businessMember_img img {
  width: 100%;
  height: auto; }

/* line 629, site/lv2/_business.scss */
.business_links {
  margin-top: 110px; }
  @media screen and (max-width: 767px) {
    /* line 629, site/lv2/_business.scss */
    .business_links {
      margin-top: 4vw; } }
  /* line 634, site/lv2/_business.scss */
  .business_links .entryLinksItem_inner {
    margin-top: 30px; }
  /* line 637, site/lv2/_business.scss */
  .business_links .entryLinks_subName-ja,
  .business_links .entryLinks_name-ja {
    font-weight: 600; }
  /* line 641, site/lv2/_business.scss */
  .business_links .entryLinks_subName {
    color: #fff;
    position: absolute;
    left: 36px;
    top: 34px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      /* line 641, site/lv2/_business.scss */
      .business_links .entryLinks_subName {
        top: 14px;
        left: 14px; }
        /* line 650, site/lv2/_business.scss */
        .business_links .entryLinks_subName > * {
          line-height: 1; } }
    /* line 654, site/lv2/_business.scss */
    .business_links .entryLinks_subName-ja {
      font-size: 1.125rem; }
    /* line 657, site/lv2/_business.scss */
    .business_links .entryLinks_subName-en {
      font-size: 0.875rem;
      opacity: .5;
      display: block; }

/* line 666, site/lv2/_business.scss */
.trainingGraph {
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    /* line 669, site/lv2/_business.scss */
    .trainingGraph_inner {
      width: 1000px;
      margin-bottom: 20px; } }
  /* line 675, site/lv2/_business.scss */
  .trainingGraph_band {
    width: 100%;
    height: 80px;
    background-image: -moz-linear-gradient(0deg, #20ceaf 2%, #0787d1 58%, #1e49c6 81%, #340bbb 100%);
    background-image: -webkit-linear-gradient(0deg, #20ceaf 2%, #0787d1 58%, #1e49c6 81%, #340bbb 100%);
    background-image: -ms-linear-gradient(0deg, #20ceaf 2%, #0787d1 58%, #1e49c6 81%, #340bbb 100%);
    position: relative;
    overflow: hidden; }
    /* line 683, site/lv2/_business.scss */
    .trainingGraph_band:before, .trainingGraph_band:after {
      content: "";
      position: absolute;
      right: 0;
      display: block;
      width: 0;
      height: 0; }
    /* line 692, site/lv2/_business.scss */
    .trainingGraph_band:before {
      top: 0;
      border-top: 20px solid #f9f9f9;
      border-right: 20px solid #f9f9f9;
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent; }
    /* line 699, site/lv2/_business.scss */
    .trainingGraph_band:after {
      bottom: 0;
      border-top: 20px solid transparent;
      border-right: 20px solid #f9f9f9;
      border-bottom: 20px solid #f9f9f9;
      border-left: 20px solid transparent; }
    /* line 706, site/lv2/_business.scss */
    .trainingGraph_band span {
      display: block;
      font-size: 1.25rem;
      line-height: 80px;
      font-weight: 600;
      color: #fff;
      width: 33.3333%;
      text-align: center;
      float: left; }
    @media screen and (max-width: 767px) {
      /* line 675, site/lv2/_business.scss */
      .trainingGraph_band {
        height: 30px; }
        /* line 718, site/lv2/_business.scss */
        .trainingGraph_band:before {
          top: 0;
          border-top: 7.5px solid #f9f9f9;
          border-right: 7.5px solid #f9f9f9;
          border-bottom: 7.5px solid transparent;
          border-left: 7.5px solid transparent; }
        /* line 725, site/lv2/_business.scss */
        .trainingGraph_band:after {
          bottom: 0;
          border-top: 7.5px solid transparent;
          border-right: 7.5px solid #f9f9f9;
          border-bottom: 7.5px solid #f9f9f9;
          border-left: 7.5px solid transparent; }
        /* line 732, site/lv2/_business.scss */
        .trainingGraph_band span {
          line-height: 30px;
          font-size: 15px; } }
  /* line 738, site/lv2/_business.scss */
  .trainingGraph_data {
    width: 100%;
    position: relative;
    display: flex;
    display: -ms-flex; }
    /* line 742, site/lv2/_business.scss */
    .trainingGraph_data_item {
      border: 1px solid #ddd;
      border-left: none;
      display: block;
      width: 33.3333%;
      background-color: #fff;
      padding: 28px 30px 160px; }
      @media screen and (max-width: 767px) {
        /* line 742, site/lv2/_business.scss */
        .trainingGraph_data_item {
          padding: 8px 15px 160px; } }
      /* line 752, site/lv2/_business.scss */
      .trainingGraph_data_item:first-child {
        border-left: 1px solid #ddd; }
      /* line 755, site/lv2/_business.scss */
      .trainingGraph_data_item p {
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 2;
        margin: 0; }
        @media screen and (max-width: 767px) {
          /* line 755, site/lv2/_business.scss */
          .trainingGraph_data_item p {
            font-size: 12px;
            line-height: 1.5; } }
    /* line 766, site/lv2/_business.scss */
    .trainingGraph_data_crossing {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 10px;
      width: 100%;
      height: 210px;
      box-sizing: border-box; }
      /* line 774, site/lv2/_business.scss */
      .trainingGraph_data_crossing > * {
        display: flex;
        display: -ms-flex;
        align-items: center;
        -ms-align-items: center;
        justify-content: center;
        -ms-justify-content: center;
        box-sizing: border-box;
        padding: 0 6px; }
        @media screen and (max-width: 767px) {
          /* line 774, site/lv2/_business.scss */
          .trainingGraph_data_crossing > * {
            justify-content: start;
            -ms-justify-content: start; } }
      /* line 784, site/lv2/_business.scss */
      .trainingGraph_data_crossing p {
        font-size: 0.875rem;
        font-weight: 600;
        margin: 0;
        display: inline-block;
        white-space: nowrap; }
        @media screen and (max-width: 767px) {
          /* line 784, site/lv2/_business.scss */
          .trainingGraph_data_crossing p {
            font-size: 12px;
            line-height: 1.5; } }
      /* line 795, site/lv2/_business.scss */
      .trainingGraph_data_crossing-01 {
        width: 32%;
        height: 90px;
        margin-bottom: 10px;
        background-color: #cde6f1; }
        @media screen and (max-width: 767px) {
          /* line 795, site/lv2/_business.scss */
          .trainingGraph_data_crossing-01 {
            height: 80px; } }
      /* line 804, site/lv2/_business.scss */
      .trainingGraph_data_crossing-02 {
        width: 100%;
        height: 70px;
        background-color: #cddbf1;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          /* line 804, site/lv2/_business.scss */
          .trainingGraph_data_crossing-02 {
            height: 30px; } }
      /* line 813, site/lv2/_business.scss */
      .trainingGraph_data_crossing-03 {
        width: 66%;
        height: 70px;
        margin-bottom: 10px;
        background-color: #dfeee3;
        float: right; }
        @media screen and (max-width: 767px) {
          /* line 813, site/lv2/_business.scss */
          .trainingGraph_data_crossing-03 {
            height: 30px; } }
      /* line 823, site/lv2/_business.scss */
      .trainingGraph_data_crossing-04 {
        width: 100%;
        height: 90px;
        background-color: #eedfe9; }
        @media screen and (max-width: 767px) {
          /* line 823, site/lv2/_business.scss */
          .trainingGraph_data_crossing-04 {
            height: 50px; } }
    /* line 833, site/lv2/_business.scss */
    .trainingGraph_data-mr .trainingGraph_data_crossing-01 {
      height: 130px; }
      @media screen and (max-width: 767px) {
        /* line 833, site/lv2/_business.scss */
        .trainingGraph_data-mr .trainingGraph_data_crossing-01 {
          height: 80px; } }
    /* line 839, site/lv2/_business.scss */
    .trainingGraph_data-mr .trainingGraph_data_item {
      padding-bottom: 420px; }
      @media screen and (max-width: 767px) {
        /* line 839, site/lv2/_business.scss */
        .trainingGraph_data-mr .trainingGraph_data_item {
          padding-bottom: 240px; } }
    /* line 847, site/lv2/_business.scss */
    .trainingGraph_data-mr .trainingGraph_data_crossing {
      height: 410px; }
      @media screen and (max-width: 767px) {
        /* line 847, site/lv2/_business.scss */
        .trainingGraph_data-mr .trainingGraph_data_crossing {
          height: 240px; } }
    /* line 855, site/lv2/_business.scss */
    .trainingGraph_data-research .trainingGraph_data_crossing-01 {
      height: 162px; }
      @media screen and (max-width: 767px) {
        /* line 855, site/lv2/_business.scss */
        .trainingGraph_data-research .trainingGraph_data_crossing-01 {
          height: 110px; } }
    /* line 861, site/lv2/_business.scss */
    .trainingGraph_data-research .trainingGraph_data_item {
      padding-bottom: 440px; }
      @media screen and (max-width: 767px) {
        /* line 861, site/lv2/_business.scss */
        .trainingGraph_data-research .trainingGraph_data_item {
          padding-bottom: 270px; } }
    /* line 869, site/lv2/_business.scss */
    .trainingGraph_data-research .trainingGraph_data_crossing {
      height: 440px; }
      @media screen and (max-width: 767px) {
        /* line 869, site/lv2/_business.scss */
        .trainingGraph_data-research .trainingGraph_data_crossing {
          height: 270px; } }
    /* line 878, site/lv2/_business.scss */
    .trainingGraph_data-production .trainingGraph_data_item {
      padding-bottom: 380px; }
      @media screen and (max-width: 767px) {
        /* line 878, site/lv2/_business.scss */
        .trainingGraph_data-production .trainingGraph_data_item {
          padding-bottom: 240px; } }
    /* line 886, site/lv2/_business.scss */
    .trainingGraph_data-production .trainingGraph_data_crossing {
      height: 370px; }
      @media screen and (max-width: 767px) {
        /* line 886, site/lv2/_business.scss */
        .trainingGraph_data-production .trainingGraph_data_crossing {
          height: 240px; } }
  /* line 894, site/lv2/_business.scss */
  .trainingGraph_annotation {
    margin-top: 10px;
    border: 1px solid #003f73;
    padding: 30px 30px 22px; }
    /* line 898, site/lv2/_business.scss */
    .trainingGraph_annotation dl {
      position: relative;
      overflow: hidden;
      margin: 0; }
      /* line 902, site/lv2/_business.scss */
      .trainingGraph_annotation dl > * {
        font-size: 1rem;
        line-height: 1; }
      /* line 906, site/lv2/_business.scss */
      .trainingGraph_annotation dl dt {
        position: absolute;
        color: #003f73;
        font-weight: 600; }
      /* line 911, site/lv2/_business.scss */
      .trainingGraph_annotation dl dd {
        margin-left: 200px; }
        /* line 913, site/lv2/_business.scss */
        .trainingGraph_annotation dl dd li {
          float: left;
          margin: 0 .5em .5em 0; }
  /* line 920, site/lv2/_business.scss */
  .trainingGraph .ps__rail-x {
    opacity: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #e5e5e5; }
    @media screen and (max-width: 767px) {
      /* line 920, site/lv2/_business.scss */
      .trainingGraph .ps__rail-x {
        opacity: 1; } }
  /* line 930, site/lv2/_business.scss */
  .trainingGraph .ps__thumb-x {
    height: 3px;
    cursor: pointer;
    position: absolute;
    margin-top: -1px;
    background-color: #003f73; }

/* line 938, site/lv2/_business.scss */
.style-head {
  color: #003f73; }

/* line 943, site/lv2/_business.scss */
.business_links_head {
  position: relative;
  max-width: 1000px;
  margin: 100px auto 0;
  padding: 0 4%; }
  @media screen and (max-width: 767px) {
    /* line 943, site/lv2/_business.scss */
    .business_links_head {
      margin-top: 50px;
      max-width: 100%;
      padding: 0 4vw;
      box-sizing: border-box; } }

@media screen and (max-width: 767px) {
  /* line 956, site/lv2/_business.scss */
  .business .episodeLinks {
    padding: 0 4vw 4vw; } }

/*
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
*/
/*
.fade {
  opacity: 0;
  transition: opacity .5s linear;
}
.fade.show {
  opacity: 1;
}

#modal_wrap.fade .modal {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
            transform: translate(0,-25%);
}
#modal_wrap.show .modal {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
*/
/* line 996, site/lv2/_business.scss */
#modal-01,
#modal-02,
#modal-03,
#modal-04,
#modal-05,
#modal-06,
#modal-07,
#modal-08,
#modal-09 {
  display: none; }

/*
.show {
  #modal-01,
  #modal-02,
  #modal-03,
  #modal-04 {
    opacity: 1;
    z-index: 900;
  }
}
*/
/* line 1019, site/lv2/_business.scss */
.modal {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  z-index: 9999;
  box-sizing: border-box;
  background-color: #fff; }
  /* line 1033, site/lv2/_business.scss */
  .modal_dialog {
    position: relative;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 767px) {
      /* line 1033, site/lv2/_business.scss */
      .modal_dialog {
        position: static; } }
  /* line 1041, site/lv2/_business.scss */
  .modal_container {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%; }
    @media screen and (max-width: 767px) {
      /* line 1041, site/lv2/_business.scss */
      .modal_container {
        position: static;
        width: 100%;
        height: 100%; } }
    /* line 1051, site/lv2/_business.scss */
    .modal_container:nth-of-type(1) {
      left: 0; }
      @media screen and (max-width: 767px) {
        /* line 1051, site/lv2/_business.scss */
        .modal_container:nth-of-type(1) {
          height: 50%; } }
      @media screen and (min-width: 414px) and (max-width: 767px) {
        /* line 1051, site/lv2/_business.scss */
        .modal_container:nth-of-type(1) {
          min-height: 60%;
          height: 375px; } }
    /* line 1061, site/lv2/_business.scss */
    .modal_container:nth-of-type(2) {
      right: 0; }
  /* line 1065, site/lv2/_business.scss */
  .modal_img {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      /* line 1065, site/lv2/_business.scss */
      .modal_img {
        position: static;
        width: 100%;
        height: 100%; } }
  /* line 1080, site/lv2/_business.scss */
  .modal_description {
    padding: 68px 50px 58px 58px;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      /* line 1080, site/lv2/_business.scss */
      .modal_description {
        padding: 6vw 4vw 60px; } }
    .modal_description .ps__rail-y {
      display: block;
      width: 6px;
      right: 0;
      position: absolute;
    }
    @media screen and (min-width: 768px) {
      .modal_description {
        overflow-y: scroll;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
      }
      .modal_description .ps__thumb-y {
        background-color: #003f73;
        border-radius: 6px;
        transition: background-color .2s linear, width .2s ease-in-out;
        -webkit-transition: background-color .2s linear, width .2s ease-in-out;
        width: 6px;
        right: 2px;
        position: absolute;
      }
    }
  /* line 1087, site/lv2/_business.scss */
  .modal_meta {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e2e2e2; }
    /* line 1091, site/lv2/_business.scss */
    .modal_meta_date {
      font-size: 0.75rem; }
    /* line 1094, site/lv2/_business.scss */
    .modal_meta_name {
      font-size: 1.6875rem;
      color: #003f73;
      margin-bottom: 10px; }
    /* line 1099, site/lv2/_business.scss */
    .modal_meta_category-head {
      font-size: 0.8125rem; }
    /* line 1102, site/lv2/_business.scss */
    .modal_meta_category {
      font-size: 0.8125rem; }
  /* line 1107, site/lv2/_business.scss */
  .modal_section h2 {
    font-size: 0.9375rem; }
  /* line 1110, site/lv2/_business.scss */
  .modal_section p {
    font-size: 0.875rem;
    margin: 5px 0 30px; }
  .modal_section p img {
    width: 100%; }
  /* line 1115, site/lv2/_business.scss */
  .modal_controller {
    width: 50%;
    height: 116px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #003f73;
    display: flex;
    display: -ms-flex;
    justify-content: space-between;
    -ms-justify-content: space-between; }
    @media screen and (max-width: 767px) {
      /* line 1115, site/lv2/_business.scss */
      .modal_controller {
        width: 100%;
        height: 50px;
        z-index: 1; } }
    /* line 1128, site/lv2/_business.scss */
    .modal_controller a {
      color: #fff;
      height: 116px;
      line-height: 116px;
      -webkit-transition: color 0.3s linear;
      transition: all 0.3s linear;
      display: flex;
      display: -ms-flex;
      align-items: center;
      -ms-align-items: center;
      justify-content: center;
      -ms-justify-content: center; }
      @media screen and (max-width: 767px) {
        /* line 1128, site/lv2/_business.scss */
        .modal_controller a {
          width: 33.333%;
          height: 50px;
          line-height: 50px;
          font-size: 2.666666vw; } }
      /* line 1143, site/lv2/_business.scss */
      .modal_controller a:hover {
        background-color: #4968bd;
        -webkit-transition: color 0.3s linear;
        transition: all 0.3s linear; }
  /* line 1150, site/lv2/_business.scss */
  .modal_prev, .modal_next {
    width: 26.38888888%;
    text-align: center; }
    @media screen and (max-width: 960px) {
      /* line 1150, site/lv2/_business.scss */
      .modal_prev, .modal_next {
        width: 35%; } }
  /* line 1158, site/lv2/_business.scss */
  .modal_prev {
    border-right: 1px solid #25418c; }
    /* line 1160, site/lv2/_business.scss */
    .modal_prev:before {
      content: "";
      margin-right: 11px;
      display: inline-block;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/modal_icon.png);
      background-size: 400% 100%;
      background-position: 32% 0%; }
      @media screen and (max-width: 767px) {
        /* line 1160, site/lv2/_business.scss */
        .modal_prev:before {
          width: 18px;
          height: 18px; } }
  /* line 1176, site/lv2/_business.scss */
  .modal_next {
    border-left: 1px solid #25418c; }
    /* line 1178, site/lv2/_business.scss */
    .modal_next:after {
      content: "";
      margin-left: 11px;
      display: inline-block;
      width: 25px;
      height: 25px;
      background-repeat: no-repeat;
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/modal_icon.png);
      background-size: 400% 100%;
      background-position: 66% 0%; }
      @media screen and (max-width: 767px) {
        /* line 1178, site/lv2/_business.scss */
        .modal_next:after {
          width: 18px;
          height: 18px; } }
  /* line 1194, site/lv2/_business.scss */
  .modal_back {
    width: 47.2222224%; }
    @media screen and (max-width: 960px) {
      /* line 1194, site/lv2/_business.scss */
      .modal_back {
        width: 30%; } }
    /* line 1199, site/lv2/_business.scss */
    .modal_back:before {
      content: "";
      margin-right: 9px;
      display: inline-block;
      width: 15px;
      height: 15px;
      background-repeat: no-repeat;
      background-image: url(/wp-content/themes/cocoon-child-master/asset/img/modal_icon.png);
      background-size: calc(200 / 30 * 100%) calc(50 / 30 * 100%);
      background-position: calc(88%) calc(0%); }
      @media screen and (max-width: 767px) {
        /* line 1199, site/lv2/_business.scss */
        .modal_back:before {
          width: 12px;
          height: 12px; } }
  /* line 1215, site/lv2/_business.scss */
  .modal_close {
    background-color: #004884;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 50px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      /* line 1215, site/lv2/_business.scss */
      .modal_close {
        width: 30px;
        height: 30px; } }
    /* line 1227, site/lv2/_business.scss */
    .modal_close > * {
      float: left; }
    /* line 1230, site/lv2/_business.scss */
    .modal_close-job {
      width: 150px;
      height: 50px;
      font-size: 0.875rem;
      line-height: 50px;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 767px) {
        /* line 1230, site/lv2/_business.scss */
        .modal_close-job {
          display: none; } }
    /* line 1241, site/lv2/_business.scss */
    .modal_close-btn {
      width: 50px;
      height: 50px;
      background-color: #003f73;
      position: relative;
      -webkit-transition: color 0.3s linear;
      transition: all 0.3s linear; }
      @media screen and (max-width: 767px) {
        /* line 1241, site/lv2/_business.scss */
        .modal_close-btn {
          width: 30px;
          height: 30px; } }
      /* line 1252, site/lv2/_business.scss */
      .modal_close-btn:hover {
        background-color: #4968bd;
        -webkit-transition: color 0.3s linear;
        transition: all 0.3s linear; }
      /* line 1257, site/lv2/_business.scss */
      .modal_close-btn:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        display: block;
        width: 17px;
        height: 17px;
        background-repeat: no-repeat;
        background-image: url(/wp-content/themes/cocoon-child-master/asset/img/modal_icon.png);
        background-size: calc(200 / 17 * 50%) calc(50 / 17 * 50%);
        background-position: calc(0 / (200 – 17) * 50%) calc(0 / (50 - 17) * 50%); }
  /* line 1274, site/lv2/_business.scss */
  .modal_bg {
    position: fixed;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 890; }

  /* line 1274, site/lv2/_business.scss */
.timeline {
  padding: 15px 0 25px 7px;
}

.timeline li {
    padding: 0 0 30px 25px;
    border-left: 1px solid #003f73;
    position: relative;
}

.timeline li:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #003f73;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: 0;
}

.timeline dl{
  margin:0;
  padding: 0;
}

.timeline dt,
.timeline dd{
  margin:0;
  padding: 0;
}

.timeline dt {
    line-height: 1;
    color: #003f73;
    font-weight: bold;
    margin: -2px 0 10px;
}

.timeline p {
    font-size: 15px;
    line-height: 20px;
    margin:0;
    padding: 0;
}

.timeline li:last-child {
    border: none;
    padding-bottom: 0;
}

/* line 1286, site/lv2/_business.scss */
.business_medical-representative #modal-01 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_01_main.jpg); }

/* line 1287, site/lv2/_business.scss */
.business_medical-representative #modal-02 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_02_main.jpg); }

/* line 1288, site/lv2/_business.scss */
.business_medical-representative #modal-03 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_03_main.jpg); }

/* line 1289, site/lv2/_business.scss */
.business_medical-representative #modal-04 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_04_main.jpg); }

/* line 1289, site/lv2/_business.scss */
.business_medical-representative #modal-05 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_05_main.jpg); }

/* line 1289, site/lv2/_business.scss */
.business_medical-representative #modal-06 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_06_main.jpg); }

/* line 1289, site/lv2/_business.scss */
.business_medical-representative #modal-07 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_07_main.jpg); }

/* line 1289, site/lv2/_business.scss */
.business_medical-representative #modal-08 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_08_main.jpg); }

/* line 1289, site/lv2/_business.scss */
.business_medical-representative #modal-09 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/mr_member_09_main.jpg); }

/* line 1291, site/lv2/_business.scss */
.business_research #modal-01 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/research_member_01_main.jpg); }

/* line 1292, site/lv2/_business.scss */
.business_research #modal-02 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/research_member_02_main.jpg); }

/* line 1293, site/lv2/_business.scss */
.business_research #modal-03 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/research_member_03_main.jpg); }

/* line 1294, site/lv2/_business.scss */
.business_research #modal-04 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/research_member_04_main.jpg); }

/* line 1295, site/lv2/_business.scss */
.business_research #modal-05 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/research_member_05_main.jpg); }

/* line 1296, site/lv2/_business.scss */
.business_research #modal-06 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/research_member_06_main.jpg); }

/* line 1297, site/lv2/_business.scss */
.business_research #modal-07 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/research_member_07_main.jpg); }

/* line 1299, site/lv2/_business.scss */
.business_development #modal-01 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/development_member_01_main.jpg); }

/* line 1300, site/lv2/_business.scss */
.business_development #modal-02 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/development_member_02_main.jpg); }

/* line 1301, site/lv2/_business.scss */
.business_development #modal-03 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/development_member_03_main.jpg); }

/* line 1302, site/lv2/_business.scss */
.business_development #modal-04 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/development_member_04_main.jpg); }

.business_development #modal-05 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/development_member_05_main.jpg); }

.business_development #modal-06 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/development_member_06_main.jpg); }

/* line 1304, site/lv2/_business.scss */
.business_production #modal-01 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_01_main.jpg); }

/* line 1305, site/lv2/_business.scss */
.business_production #modal-02 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_02_main.jpg); }

/* line 1306, site/lv2/_business.scss */
.business_production #modal-03 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_03_main.jpg); }

/* line 1307, site/lv2/_business.scss */
.business_production #modal-04 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_04_main.jpg); }

.business_production #modal-05 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_05_main.jpg); }
.business_production #modal-06 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_06_main.jpg); }
.business_production #modal-07 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_07_main.jpg); }
.business_production #modal-08 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/production_member_08_main.jpg); }

/* line 1309, site/lv2/_business.scss */
.business_pharmacovigilance #modal-01 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/pv_member_01_main.jpg); }

/* line 1310, site/lv2/_business.scss */
.business_pharmacovigilance #modal-02 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/pv_member_02_main.jpg); }

/* line 1311, site/lv2/_business.scss */
.business_pharmacovigilance #modal-03 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/pv_member_03_main.jpg); }

/* line 1312, site/lv2/_business.scss */
.business_pharmacovigilance #modal-04 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/pv_member_04_main.jpg); }
.business_pharmacovigilance #modal-05 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/pv_member_05_main.jpg); }
.business_pharmacovigilance #modal-06 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/pv_member_06_main.jpg); }
.business_pharmacovigilance #modal-07 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/pv_member_07_main.jpg); }

.business_medical-affairs #modal-01 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_01_main.jpg); }
.business_medical-affairs #modal-02 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_02_main.jpg); }
.business_medical-affairs #modal-03 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_03_main.jpg); }
.business_medical-affairs #modal-04 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_04_main.jpg); }

.business_medical-affairs #modal-05 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_05_main.jpg); }
.business_medical-affairs #modal-06 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_06_main.jpg); }
.business_medical-affairs #modal-07 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_07_main.jpg); }
.business_medical-affairs #modal-08 .modal_img {
  background-image: url(/wp-content/themes/cocoon-child-master/images/business/img/ma_member_08_main.jpg); }


/* line 3, site/lv2/_corporate.scss */
.corporate_index .lv2Main {
  overflow: hidden;
  max-height: 600px;
  height: 600px;
  position: relative; }
  @media screen and (max-width: 767px) {
    /* line 3, site/lv2/_corporate.scss */
    .corporate_index .lv2Main {
      max-height: 70vw;
      background-color: #e1e2e2; } }
  /* line 12, site/lv2/_corporate.scss */
  .corporate_index .lv2Main:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporate_bg_pc.jpg);
    background-position: center bottom; }
    @media screen and (max-width: 960px) {
      /* line 12, site/lv2/_corporate.scss */
      .corporate_index .lv2Main:before {
        background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporate_bg_sp.jpg);
        background-position: left 20% bottom; } }
/* line 28, site/lv2/_corporate.scss */
.corporate_index .corporateIndex_contents {
  max-width: none;
  width: 50%;
  padding: 0 0 0 11%;
  margin: 0;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media screen and (max-width: 960px) {
    /* line 28, site/lv2/_corporate.scss */
    .corporate_index .corporateIndex_contents {
      margin: 0 0 0 50%;
      padding: 0 4vw 0 0; } }
/* line 43, site/lv2/_corporate.scss */
.corporate_index .corporate_ttl-index {
  margin-bottom: 56px; }
  @media screen and (max-width: 767px) {
    /* line 43, site/lv2/_corporate.scss */
    .corporate_index .corporate_ttl-index {
      font-size: 7vw;
      margin-top: 4vw;
      margin-bottom: 4vw;
      line-height: 1.25; } }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 51, site/lv2/_corporate.scss */
    .corporate_index .corporate_ttl-index br {
      display: none; } }
/* line 57, site/lv2/_corporate.scss */
.corporate_index .lv2Main02 {
  color: #fff;
  overflow: hidden;
  max-height: 600px;
  height: 600px;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 960px) {
    /* line 57, site/lv2/_corporate.scss */
    .corporate_index .lv2Main02 {
      max-height: 64vw; } }
  @media screen and (max-width: 767px) {
    /* line 57, site/lv2/_corporate.scss */
    .corporate_index .lv2Main02 {
      max-height: 80vw;
      background-color: #e1e2e2; } }
  /* line 70, site/lv2/_corporate.scss */
  .corporate_index .lv2Main02:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_policy_bg.jpg);
    background-position: center bottom; }
    @media screen and (min-width: 768px) and (max-width: 960px) {
      /* line 70, site/lv2/_corporate.scss */
      .corporate_index .lv2Main02:before {
        background-position: left 20% bottom; } }
    @media screen and (max-width: 767px) {
      /* line 70, site/lv2/_corporate.scss */
      .corporate_index .lv2Main02:before {
        background-position: left 10% bottom; } }
  /* line 87, site/lv2/_corporate.scss */
  .corporate_index .lv2Main02 .corporateIndex_contents {
    max-width: none;
    width: 50%;
    padding: 0 11% 0 0;
    margin: 0 0 0 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (min-width: 768px) and (max-width: 960px) {
      /* line 87, site/lv2/_corporate.scss */
      .corporate_index .lv2Main02 .corporateIndex_contents {
        width: 100%;
        margin: 0;
        padding: 0 4vw; } }
    @media screen and (max-width: 767px) {
      /* line 87, site/lv2/_corporate.scss */
      .corporate_index .lv2Main02 .corporateIndex_contents {
        width: 100%;
        margin: 0;
        padding: 0 4vw; } }
  /* line 108, site/lv2/_corporate.scss */
  .corporate_index .lv2Main02 h2 {
    margin-bottom: 28px;
    font-size: 2.25rem;
    line-height: 1.555555;
    position: relative; }
    @media screen and (max-width: 767px) {
      /* line 108, site/lv2/_corporate.scss */
      .corporate_index .lv2Main02 h2 {
        font-size: 7vw;
        margin-top: 4vw;
        margin-bottom: 4vw;
        line-height: 1.25; } }
  /* line 120, site/lv2/_corporate.scss */
  .corporate_index .lv2Main02 br {
    display: none; }
    @media screen and (max-width: 767px) {
      /* line 120, site/lv2/_corporate.scss */
      .corporate_index .lv2Main02 br {
        display: block; } }
  @media screen and (max-width: 960px) {
    /* line 126, site/lv2/_corporate.scss */
    .corporate_index .lv2Main02 a {
      width: 64%; } }

/* line 136, site/lv2/_corporate.scss */
.corporate_top-message .lv2Main {
  padding-top: 100px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 960px) {
    /* line 136, site/lv2/_corporate.scss */
    .corporate_top-message .lv2Main {
      padding-top: 64px;
      padding-bottom: 0; } }
  /* line 145, site/lv2/_corporate.scss */
  .corporate_top-message .lv2Main:before {
    content: "";
    display: block;
    width: 100%;
    height: 93%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/topMessage_bg_pc.jpg);
    background-position: center bottom; }
    @media screen and (min-width: 960px) and (max-width: 1024px) {
      /* line 145, site/lv2/_corporate.scss */
      .corporate_top-message .lv2Main:before {
        background-position: left 45% bottom; } }
    @media screen and (max-width: 960px) {
      /* line 145, site/lv2/_corporate.scss */
      .corporate_top-message .lv2Main:before {
        height: 95%;
        background-position: left 45% bottom; } }
    @media screen and (min-width: 768px) and (max-width: 959px) {
      /* line 145, site/lv2/_corporate.scss */
      .corporate_top-message .lv2Main:before {
        height: 100%;
        background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/topMessage_bg_md.jpg);
        background-size: contain;
        background-position: center top; } }
    @media screen and (max-width: 767px) {
      /* line 145, site/lv2/_corporate.scss */
      .corporate_top-message .lv2Main:before {
        height: 117.333333vw;
        background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/topMessage_bg_sp.jpg);
        background-size: contain; } }
/* line 175, site/lv2/_corporate.scss */
.corporate_top-message .contents_wrap {
  position: relative; }
/* line 178, site/lv2/_corporate.scss */
.corporate_top-message .lv2Main_contents {
  width: 50%;
  margin: 0 0 0 50%;
  padding: 105px 2% 100px;
  overflow: hidden;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    /* line 178, site/lv2/_corporate.scss */
    .corporate_top-message .lv2Main_contents {
      width: 48%;
      margin: 0 0 0 52%;
      padding: 69px 2% 44px 0; } }
  @media screen and (min-width: 768px) and (max-width: 959px) {
    /* line 178, site/lv2/_corporate.scss */
    .corporate_top-message .lv2Main_contents {
      width: 100%;
      margin: 0;
      padding: 62% 4% 4%; } }
  @media screen and (max-width: 767px) {
    /* line 178, site/lv2/_corporate.scss */
    .corporate_top-message .lv2Main_contents {
      width: 100%;
      margin: 0;
      padding: 117.333333vw 4vw 0; } }
/* line 200, site/lv2/_corporate.scss */
.corporate_top-message .topMessage_h1 {
  font-size: 1.25rem;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    /* line 200, site/lv2/_corporate.scss */
    .corporate_top-message .topMessage_h1 {
      font-size: 4.2666666vw;
      margin-top: 8vw; } }
@media screen and (max-width: 767px) {
  /* line 208, site/lv2/_corporate.scss */
  .corporate_top-message .lv2Main_title {
    font-size: 6.4vw;
    line-height: 1.291666666;
    margin-top: 3.2vw;
    margin-bottom: 8.666666vw; } }
/* line 216, site/lv2/_corporate.scss */
.corporate_top-message .topMessage_text {
  width: 100%; }
  @media screen and (min-width: 960px) {
    /* line 216, site/lv2/_corporate.scss */
    .corporate_top-message .topMessage_text {
      max-width: 580px; } }
  @media screen and (max-width: 767px) {
    /* line 221, site/lv2/_corporate.scss */
    .corporate_top-message .topMessage_text p {
      font-size: 3.2vw; } }
/* line 227, site/lv2/_corporate.scss */
.corporate_top-message .topMessage_meta {
  text-align: right; }
/* line 230, site/lv2/_corporate.scss */
.corporate_top-message .topMessage_ceo {
  font-size: 1.25rem;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    /* line 230, site/lv2/_corporate.scss */
    .corporate_top-message .topMessage_ceo {
      font-size: 3.2vw; } }
/* line 237, site/lv2/_corporate.scss */
.corporate_top-message .topMessage_name {
  font-size: 1.875rem;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    /* line 237, site/lv2/_corporate.scss */
    .corporate_top-message .topMessage_name {
      font-size: 5.333333vw; } }

/* line 247, site/lv2/_corporate.scss */
.corporate_philosophy .heroArea-neutral:before {
  z-index: 10; }
/* line 250, site/lv2/_corporate.scss */
.corporate_philosophy .ornament_wrap {
  z-index: 11; }
/* line 253, site/lv2/_corporate.scss */
.corporate_philosophy .heroArea-neutral + .lv2Main .lv2Main_inner {
  padding-bottom: 20px; }
/* line 256, site/lv2/_corporate.scss */
.corporate_philosophy .storyWrap {
  padding-bottom: 0; }
/* line 259, site/lv2/_corporate.scss */
.corporate_philosophy .identity_wrap {
  text-align: center;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    /* line 259, site/lv2/_corporate.scss */
    .corporate_philosophy .identity_wrap {
      margin-top: 8vw; } }
  /* line 265, site/lv2/_corporate.scss */
  .corporate_philosophy .identity_wrap .identity_title {
    color: #222; }
  /* line 268, site/lv2/_corporate.scss */
  .corporate_philosophy .identity_wrap p {
    text-align: center; }
/* line 270, site/lv2/_corporate.scss */
.corporate_philosophy .philosophy_lead {
  margin: 80px 0; }
  @media screen and (max-width: 767px) {
    /* line 270, site/lv2/_corporate.scss */
    .corporate_philosophy .philosophy_lead {
      margin: 40px 0; } }
/* line 276, site/lv2/_corporate.scss */
.corporate_philosophy .storySection-01 {
  margin-top: 0; }
/* line 280, site/lv2/_corporate.scss */
.corporate_philosophy .storySection .business_title {
  margin-top: 0; }
@media screen and (max-width: 767px) {
  /* line 283, site/lv2/_corporate.scss */
  .corporate_philosophy .storySection h3 {
    font-size: 4.2666666vw; } }
/* line 289, site/lv2/_corporate.scss */
.corporate_philosophy .philosophy_title-en {
  font-size: 74%;
  margin-left: .6em; }

/* line 296, site/lv2/_corporate.scss */
.environment_table + .headline-01 {
  margin-top: 100px; }
  @media screen and (max-width: 767px) {
    /* line 296, site/lv2/_corporate.scss */
    .environment_table + .headline-01 {
      margin-top: 4vw; } }

/* line 302, site/lv2/_corporate.scss */
.img-kurumin {
  width: 140px;
  height: auto;
  margin-bottom: 30px; }

/* line 312, site/lv2/_corporate.scss */
.corporateLinks {
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    /* line 312, site/lv2/_corporate.scss */
    .corporateLinks {
      margin-top: 40px; } }
  /* line 317, site/lv2/_corporate.scss */
  .corporateLinks .col {
    height: 22.222222vw;
    max-height: 480px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    color: #fff; }
    @media screen and (max-width: 767px) {
      /* line 317, site/lv2/_corporate.scss */
      .corporateLinks .col {
        flex-basis: 100%;
        -ms-flex-basis: 100%;
        height: 60vw; } }
    /* line 331, site/lv2/_corporate.scss */
    .corporateLinks .col:before {
      content: "";
      position: absolute;
      bottom: 10px;
      right: 10px;
      display: block;
      width: 0;
      height: 0;
      opacity: .6;
      border-top: 7px solid transparent;
      border-right: 7px solid #fff;
      border-bottom: 7px solid #fff;
      border-left: 7px solid transparent; }
  /* line 346, site/lv2/_corporate.scss */
  .corporateLinks .corporate_01 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_01.jpg); }
  /* line 347, site/lv2/_corporate.scss */
  .corporateLinks .corporate_02 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_02.jpg); }
  /* line 348, site/lv2/_corporate.scss */
  .corporateLinks .corporate_03 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_03.jpg); }
  /* line 349, site/lv2/_corporate.scss */
  .corporateLinks .corporate_04 {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_04.jpg); }
  /* line 351, site/lv2/_corporate.scss */
  .corporateLinks .corporate_01:hover {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_01_on.jpg); }
  /* line 352, site/lv2/_corporate.scss */
  .corporateLinks .corporate_02:hover {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_02_on.jpg); }
  /* line 353, site/lv2/_corporate.scss */
  .corporateLinks .corporate_03:hover {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_03_on.jpg?v=180207); }
  /* line 354, site/lv2/_corporate.scss */
  .corporateLinks .corporate_04:hover {
    background-image: url(/wp-content/themes/cocoon-child-master/images/corporate/img/corporateLink_bg_04_on.jpg?v=180207); }
  /* line 356, site/lv2/_corporate.scss */
  .corporateLinks_txt {
    position: absolute;
    top: 32px;
    left: 27px; }
    @media screen and (max-width: 767px) {
      /* line 356, site/lv2/_corporate.scss */
      .corporateLinks_txt {
        top: 14px;
        left: 10px; } }
  /* line 365, site/lv2/_corporate.scss */
  .corporateLinks_caption {
    font-size: 0.875rem;
    letter-spacing: .05em;
    vertical-align: top; }
  /* line 370, site/lv2/_corporate.scss */
  .corporateLinks_title {
    font-size: 1.375rem;
    font-weight: 600; }
    @media screen and (max-width: 767px) {
      /* line 370, site/lv2/_corporate.scss */
      .corporateLinks_title {
        font-size: 5.6vw; } }
    /* line 376, site/lv2/_corporate.scss */
    .corporateLinks_title br {
      display: block; }
      @media screen and (max-width: 767px) {
        /* line 376, site/lv2/_corporate.scss */
        .corporateLinks_title br {
          display: none; } }

/* line 386, site/lv2/_corporate.scss */
.corporate_top-message .corporateLinks {
  margin-top: 0; }
  @media screen and (max-width: 767px) {
    /* line 386, site/lv2/_corporate.scss */
    .corporate_top-message .corporateLinks {
      margin-top: 40px; } }
/* line 392, site/lv2/_corporate.scss */
.corporate_top-message .corporate_01 {
  display: none; }

/* line 397, site/lv2/_corporate.scss */
.corporate_philosophy .corporate_02 {
  display: none; }

/* line 402, site/lv2/_corporate.scss */
.corporate_profile .corporate_03 {
  display: none; }

/* line 407, site/lv2/_corporate.scss */
.corporate_environment .corporate_04 {
  display: none; }

/* line 2, site/lv2/_episode.scss */
.episodeLinks .col {
  height: 33.333333vw;
  max-height: 480px;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  color: #fff; }
  @media screen and (max-width: 767px) {
    /* line 2, site/lv2/_episode.scss */
    .episodeLinks .col {
      flex-basis: 100%;
      -ms-flex-basis: 100%;
      height: 60vw; } }
  /* line 16, site/lv2/_episode.scss */
  .episodeLinks .col:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    opacity: .6;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent; }
/* line 39, site/lv2/_episode.scss */
.episodeLinks .episode_01 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/episodeLinks_bg_01.jpg); }
/* line 40, site/lv2/_episode.scss */
.episodeLinks .episode_02 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/episodeLinks_bg_02.jpg); }
/* line 41, site/lv2/_episode.scss */
.episodeLinks .episode_03 {
  background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/episodeLinks_bg_03.jpg); }
/* line 43, site/lv2/_episode.scss */
.episodeLinks .episode_01:hover {
  background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/episodeLinks_bg_01_on.jpg); }
/* line 44, site/lv2/_episode.scss */
.episodeLinks .episode_02:hover {
  background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/episodeLinks_bg_02_on.jpg); }
/* line 45, site/lv2/_episode.scss */
.episodeLinks .episode_03:hover {
  background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/episodeLinks_bg_03_on.jpg); }
/* line 46, site/lv2/_episode.scss */
.episodeLinks .episodeLinks_comingSoon {
  width: 100%;
  text-align: center;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%); }
/* line 56, site/lv2/_episode.scss */
.episodeLinks .episodeLinks_numberWrap {
  position: absolute;
  top: 32px;
  right: 27px; }
  @media screen and (max-width: 767px) {
    /* line 56, site/lv2/_episode.scss */
    .episodeLinks .episodeLinks_numberWrap {
      top: 14px;
      right: 10px; } }
  /* line 64, site/lv2/_episode.scss */
  .episodeLinks .episodeLinks_numberWrap > * {
    display: inline-block; }
  /* line 67, site/lv2/_episode.scss */
  .episodeLinks .episodeLinks_numberWrap .episodeLinks_caption {
    font-size: 0.875rem;
    letter-spacing: .05em;
    vertical-align: top; }
  /* line 72, site/lv2/_episode.scss */
  .episodeLinks .episodeLinks_numberWrap .episodeLinks_number {
    height: 5.208333333vw;
    max-height: 82px;
    width: auto; }
    @media screen and (max-width: 767px) {
      /* line 72, site/lv2/_episode.scss */
      .episodeLinks .episodeLinks_numberWrap .episodeLinks_number {
        height: 40px; } }
    /* line 79, site/lv2/_episode.scss */
    .episodeLinks .episodeLinks_numberWrap .episodeLinks_number img {
      width: auto;
      height: 100%; }
/* line 85, site/lv2/_episode.scss */
.episodeLinks .episodeLinks_title {
  font-size: 1.375rem;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    /* line 85, site/lv2/_episode.scss */
    .episodeLinks .episodeLinks_title {
      font-size: 5.6vw; } }
  /* line 91, site/lv2/_episode.scss */
  .episodeLinks .episodeLinks_title br {
    display: block; }
    @media screen and (max-width: 767px) {
      /* line 91, site/lv2/_episode.scss */
      .episodeLinks .episodeLinks_title br {
        display: none; } }
/* line 98, site/lv2/_episode.scss */
.episodeLinks .episodeLinks_txt {
  position: absolute;
  padding: 0 4%;
  bottom: 30px; }
  @media screen and (max-width: 767px) {
    /* line 98, site/lv2/_episode.scss */
    .episodeLinks .episodeLinks_txt {
      padding: 0;
      left: 17px;
      bottom: 15px;
      font-size: 3.2vw; } }

/* line 113, site/lv2/_episode.scss */
.storyWrap {
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 30px 50px;
  box-sizing: border-box; }
  @media screen and (max-width: 767px) {
    /* line 113, site/lv2/_episode.scss */
    .storyWrap {
      padding: 0 4vw 6vw; } }
  /* line 123, site/lv2/_episode.scss */
  .storyWrap:before, .storyWrap:after {
    content: "";
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      /* line 123, site/lv2/_episode.scss */
      .storyWrap:before, .storyWrap:after {
        display: none; } }
  /* line 134, site/lv2/_episode.scss */
  .storyWrap:before {
    width: 505px;
    height: 904px;
    top: -18px;
    right: 0;
    background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/story_bg_01.png); }
  /* line 141, site/lv2/_episode.scss */
  .storyWrap:after {
    width: 453px;
    height: 385px;
    bottom: 50px;
    left: 25px;
    background-image: url(/wp-content/themes/cocoon-child-master/images/episode/img/story_bg_02.png); }

/* line 149, site/lv2/_episode.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/* line 154, site/lv2/_episode.scss */
.storySection {
  color: #222;
  background-color: #fff;
  box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.05);
  max-width: 820px;
  padding: 50px 68px;
  margin-bottom: 50px;
  box-sizing: border-box;
  z-index: 20;
  position: relative; }
  @media screen and (max-width: 767px) {
    /* line 154, site/lv2/_episode.scss */
    .storySection {
      width: 100%;
      padding: 6vw;
      margin-bottom: 6vw; } }
  /* line 169, site/lv2/_episode.scss */
  .storySection h2 {
    font-size: 1.625rem;
    line-height: 1.53846;
    position: relative;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      /* line 169, site/lv2/_episode.scss */
      .storySection h2 {
        font-size: 4.2666666vw; } }
    /* line 177, site/lv2/_episode.scss */
    .storySection h2:before {
      content: "";
      display: block;
      width: 60px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #003f73; }
  /* line 188, site/lv2/_episode.scss */
  .storySection h2,
  .storySection p {
    line-height: 1.75;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 0; }
  /* line 195, site/lv2/_episode.scss */
  .storySection p + h2 {
    margin-top: 35px; }
  /* line 198, site/lv2/_episode.scss */
  .storySection-01 {
    margin-top: -113px; }
    @media screen and (min-width: 961px) and (max-width: 1260px) {
      /* line 198, site/lv2/_episode.scss */
      .storySection-01 {
        margin-top: -10%; } }
    @media screen and (max-width: 960px) {
      /* line 198, site/lv2/_episode.scss */
      .storySection-01 {
        margin-top: -20px; } }
    @media screen and (max-width: 767px) {
      /* line 198, site/lv2/_episode.scss */
      .storySection-01 {
        margin-top: -5%; } }
  /* line 210, site/lv2/_episode.scss */
  .storySection-02 {
    float: right; }
    @media screen and (max-width: 767px) {
      /* line 210, site/lv2/_episode.scss */
      .storySection-02 {
        float: none; } }

/* line 1, site/lv2/_graduates.scss */
.toggleBox {
  margin: 0 0 60px; }

/* line 4, site/lv2/_graduates.scss */
.toggleBox_dt {
  display: block;
  width: 100%;
  padding: 15px;
  background-color: #003f73;
  color: #fff;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 600;
  box-sizing: border-box;
  margin-bottom: 1px;
  position: relative; }
  @media screen and (max-width: 767px) {
    /* line 4, site/lv2/_graduates.scss */
    .toggleBox_dt {
      font-size: 4vw; } }
  /* line 19, site/lv2/_graduates.scss */
  .toggleBox_dt::after, .toggleBox_dt::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    content: '';
    background-size: cover;
    transition: all .5s; }
    @media screen and (max-width: 767px) {
      /* line 19, site/lv2/_graduates.scss */
      .toggleBox_dt::after, .toggleBox_dt::before {
        width: 20px;
        height: 20px;
        margin-top: -10px; } }
  /* line 37, site/lv2/_graduates.scss */
  .toggleBox_dt::before {
    background-image: url(/wp-content/themes/cocoon-child-master/asset/img/icon_plus.svg);
    opacity: 1; }
  /* line 41, site/lv2/_graduates.scss */
  .toggleBox_dt::after {
    background-image: url(/wp-content/themes/cocoon-child-master/asset/img/icon_minus.svg);
    opacity: 0; }
  /* line 46, site/lv2/_graduates.scss */
  .toggleBox_dt.opened:before {
    opacity: 0; }
  /* line 47, site/lv2/_graduates.scss */
  .toggleBox_dt.opened:after {
    opacity: 1; }
  /* line 50, site/lv2/_graduates.scss */
  .toggleBox_dt:hover::after, .toggleBox_dt:hover::before {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

/* line 57, site/lv2/_graduates.scss */
.toggleBox_dd {
  margin: 0 0 40px;
  background-color: #efefef;
  padding: 40px;
  display: none; }
  @media screen and (max-width: 767px) {
    /* line 57, site/lv2/_graduates.scss */
    .toggleBox_dd {
      padding: 20px; } }
  /* line 65, site/lv2/_graduates.scss */
  .toggleBox_dd table {
    margin-bottom: 0; }

/* line 70, site/lv2/_graduates.scss */
.graduates_head {
  display: block;
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1;
  margin: 0 0 20px; }
  @media screen and (max-width: 767px) {
    /* line 70, site/lv2/_graduates.scss */
    .graduates_head {
      font-size: 5.555555vw;
      margin-bottom: 2.5vw; } }

/* line 85, site/lv2/_graduates.scss */
.recruit_graduates table th {
  width: 28%; }
  @media screen and (max-width: 767px) {
    /* line 85, site/lv2/_graduates.scss */
    .recruit_graduates table th {
      width: 100%; } }
/* line 91, site/lv2/_graduates.scss */
.recruit_graduates table td {
  background-color: #fff; }
/* line 94, site/lv2/_graduates.scss */
.recruit_graduates table span.notes_text {
  line-height: 1.25em;
  font-size: .8em; }
/* line 99, site/lv2/_graduates.scss */
.recruit_graduates .headline-01 {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    /* line 99, site/lv2/_graduates.scss */
    .recruit_graduates .headline-01 {
      margin-top: 20px;
      line-height: 1.25; } }

/* line 109, site/lv2/_graduates.scss */
.graduates_info td {
  width: 24%; }
  @media screen and (max-width: 767px) {
    /* line 109, site/lv2/_graduates.scss */
    .graduates_info td {
      width: 100%; } }

/* line 117, site/lv2/_graduates.scss */
.graduates_fixing td {
  width: 36%; }
  @media screen and (max-width: 767px) {
    /* line 117, site/lv2/_graduates.scss */
    .graduates_fixing td {
      width: 100%; } }

/* line 124, site/lv2/_graduates.scss */
.graduates_col {
  margin-right: .5em; }

/* line 126, site/lv2/_graduates.scss */
.btn-graduates {
  width: 100%;
  height: 100px;
  line-height: 100px;
  font-size: 22px;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    /* line 126, site/lv2/_graduates.scss */
    .btn-graduates {
      width: 100%;
      height: 12vw;
      line-height: 12vw;
      font-size: 3.5vw; } }
  /* line 139, site/lv2/_graduates.scss */
  .btn-graduates:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    opacity: .6;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent; }
    @media screen and (max-width: 767px) {
      /* line 139, site/lv2/_graduates.scss */
      .btn-graduates:before {
        display: none; } }

body.recruit .squareLinks .squareLinks_hrMessage {
  background-image: url(/wp-content/themes/cocoon-child-master/asset/img/squareLinks_recruit_03.jpg)!important;
}


/* line 30, site/_site.scss */
.color-newGraduate {
  background-color: #00c19f !important;
  border-radius: 0px;}
  /* line 33, site/_site.scss */
  .color-newGraduate:hover {
    background-color: #6dd9c6 !important; }

/* line 38, site/_site.scss */
.color-carrier {
  background-color: #009ea8 !important;
  border-radius: 0px;}
  /* line 40, site/_site.scss */
  .color-carrier:hover {
    background-color: #5bc3c9 !important;}

/* line 44, site/_site.scss */
.color-blue {
  background-color: #003f73;}

/* line 48, site/_site.scss */
.pc_none {
  display: none; }
  @media screen and (max-width: 767px) {
    /* line 48, site/_site.scss */
    .pc_none {
      display: block; } }

/* line 54, site/_site.scss */
.sp_none {
  display: block; }
  @media screen and (max-width: 767px) {
    /* line 54, site/_site.scss */
    .sp_none {
      display: none; } }

/*--------------------------------------------------------------
## 数字で見る
--------------------------------------------------------------*/
.blue {
  color: #003f73 !important;
}
.lv2HeroArea_title {
  text-align: center;
}
.data_title {
  font-size: 2.1875rem;
  line-height: 1;
  color: #003f73;
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding-bottom: 28px;
  margin-top: 80px;
  margin-bottom: 60px;
  position: relative;
}
.data_title:before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #ddd;
}
.tab {
}
.tab input[name="tab_item"] {
  display: none;
}
.tab label {
  display: inline-block;
  width: 50%;
  padding: 1.5em 0;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #003f73;
  color: #003f73;
  cursor: pointer;
  transition: all .2s;
  font-size: 1.1em;
}
.tab input#corporate:checked ~ label.corporate,
.tab input#employee:checked ~ label.employee {
  color: #fff;
  background:#003f73;
  font-weight: bold;
}
.tab label:hover {
  background: rgba(	0, 63, 115, .1);
}
.data_section {
  display: none;
}
.tab #corporate:checked ~ .data_section_first,
.tab #employee:checked ~ .data_section_second {
  display: block;
}
@media screen and (min-width: 767px) {
  .data_pc {
    display: block;
  }
  .data_sp {
    display: none;
  }
  .data_lists {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    width: calc(100% + 30px);
    margin: 0 0 30px 0;
  }
  .data_items {
    margin-right: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.06);
  }
  .column1-2 {
    width: calc(66.666% - 30px);
  }
  .column1-3 {
    width: calc(33.3333% - 30px);
  }
  .data_items img {
    height: auto;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .data_items {
    margin-bottom: 4vw;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.06);
  }
  .data_items img {
    height: auto;
    width: 100%;
  }
  .data_sp {
    display: block;
  }
  .data_pc {
    display: none;
  }
}

/*--------------------------------------------------------------
## challenge
--------------------------------------------------------------*/
.challenge_section {
  height: 100vh;
  position: relative;
}
.challenge_section h3 {
  margin: 0;
}
.challenge_section-01 {
  padding-top: 100px;
  margin-bottom: -60vh;
}
.challenge_hero {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/about_hero_bg.png);
}
.challenge_hero_inner {
  height: 100%;
}
.challenge_subtitle {
  font-size: 1.125rem;
  color: #003f73;
  letter-spacing: .1em;
  text-align: center;
  position: relative;
  padding-bottom: 17px;
  padding-top: 130px;
}
.challenge_subtitle:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  display: block;
  width: 50px;
  height: 2px;
  background-color: #003f73;
}
.challenge_title {
  font-size: 4.625rem;
  line-height: 1.2162;
  position: absolute;
  top: 220px;
  left: 0;
  right: 0;
  text-align: center;
}

.challenge_hero .scroll {
  bottom: 20%;
}

.challenge_section-01-02 {
  height: 150vh;
  position: -webkit-sticky;
  position: sticky;
  top: -60vh;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/challenge_cover01.png);
  z-index: 100;

}
.challenge_cover_inner {
  padding-top: 50vh;
  text-align: center;
}
.challenge_section-01-02 .challenge_cover_inner {
  padding-top: 80vh;
}
.challenge_cover .ornament_inner {
  text-align: center;
}
.challenge_cover .ornament {
  float: none;
  width: 171px;
  height: 171px;
  fill: rgba(255, 255, 255, 0.25);
  margin: 0 auto;
}
.challenge_cover  .ornament_pentagon {
  right: 0;
}
.challengeCover_title {
  color: #fff;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1.333333;
  text-align: center;
  letter-spacing: .02em;
}
.challenge_content_01-01 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 120vh;
  margin-bottom: -20vh;
  background: #fff;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/challenge_section-02-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: 200;
}
.challenge_content_01-01 .contents_box {
  position: absolute;
  top: 14.5%;
  max-width: 390px;
  left: 50%;
  margin-left: -390px;
}
.challenge_content_01-01 .challengeContent_title {
  position: absolute;
  left: -140px;
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.challenge_content_01-02 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url(/wp-content/themes/cocoon-child-master/images/about/img/challenge_section-02-02.png);
  z-index: 300;
  overflow-y:auto;
	-webkit-perspective:300px;
	-moz-perspective:300px;
	-ms-perspective:300px;
	-o-perspective:300px;
	perspective:300px;
}
.challenge_content_01-02 .contents_box {
  position: absolute;
  top: 16%;
  max-width: 430px;
  left: 50%;
  margin-left: 130px;
}
.challenge_content_01-02 .challengeContent_title {
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: .02em;
}
.challenge_content_01-02 .text_box {
  width: 410px;
}



/* 2020 update */
body.about .honeycomb_items li h3 {
  margin-bottom: .8em;
}
body.about .honeycomb_items li p {
  line-height: 1.5;
  padding: 0 1em;
}
@media screen and (max-width: 960px) {
  .about_links .btn-aboutLinks {
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 961px) {
  .about_links .contents_box {
    padding: 120px 4vw 0;
  }
  .about_links .btn-aboutLinks {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) {
  .about_section-08 .contents_box {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .honeycomb_items li:nth-of-type(4),
  .honeycomb_items li:nth-of-type(5),
  .honeycomb_items li:nth-of-type(6) {
    margin-top: 5.4%;
    margin-left: 0;
  }
  .honeycomb_items li:nth-of-type(4) .hexagon .rect,
  .honeycomb_items li:nth-of-type(5) .hexagon .rect,
  .honeycomb_items li:nth-of-type(6) .hexagon .rect {
    border-bottom: 1px solid #c8c8c8;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1140px) {
  .honeycomb_items {
    justify-content: center;
  }
  .honeycomb_items li {
    width: 264px;
  }
  .honeycomb_items li:nth-of-type(4),
  .honeycomb_items li:nth-of-type(5),
  .honeycomb_items li:nth-of-type(6) {
    margin-top: 4.4%;
    margin-left: 0;
  }
  .honeycomb_items li:nth-of-type(4) .hexagon .rect,
  .honeycomb_items li:nth-of-type(5) .hexagon .rect,
  .honeycomb_items li:nth-of-type(6) .hexagon .rect {
    border-bottom: 1px solid #c8c8c8;
  }
}
@media screen and (min-width: 1141px) {
  .honeycomb_items {
    width: 1056px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .honeycomb_items li {
    width: 264px;
  }
  .honeycomb_items li:nth-of-type(5),
  .honeycomb_items li:nth-of-type(6) {
    margin-top: 40px;
    margin-left: 0;
  }
}

.modal {
  display: block!important;
  opacity: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .modalOpen {
    overflow: hidden;
  }
}










/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/

.drawer-open {
  overflow: hidden !important;
}

.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 10.25rem;
  height: 100%;
  color: #222;
  background-color: #fff;
}

.drawer-brand {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-menu-item {
  font-size: 1rem;
  display: block;
  padding: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! overlay */

.drawer-overlay {
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.drawer-open .drawer-overlay {
  display: block;
}

/*!------------------------------------*\
    Top
\*!------------------------------------*/

.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--top.drawer-open .drawer-nav {
  top: 0;
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 0;
}

/*!------------------------------------*\
    Left
\*!------------------------------------*/

.drawer--left .drawer-nav {
  left: -16.25rem;
  -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 16.25rem;
}

/*!------------------------------------*\
    Right
\*!------------------------------------*/

.drawer--right .drawer-nav {
  right: -16.25rem;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0%;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem;
}

button.drawer-toggle.drawer-hamburger {
	right: 0px;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/

.drawer-hamburger {
  position: absolute;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding-top: 18px;
  padding-right: .75rem;
  padding-bottom: 30px;
  padding-left: .75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: #222;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/

.drawer--sidebar {
  background-color: #fff;
}

.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }

  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}

@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}

/*!------------------------------------*\
    Navbar
\*!------------------------------------*/

.drawer--navbarTopGutter {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
}

/*! .drawer-navbar modifier */

.drawer-navbar--fixed {
  position: fixed;
}

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center;
}

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
  background-color: transparent;
}

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }

  .drawer-navbar .drawer-menu--right {
    float: right;
  }

  .drawer-navbar .drawer-menu li {
    float: left;
  }

  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .drawer-navbar .drawer-hamburger {
    display: none;
  }

  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .drawer-navbar .drawer-menu {
    padding: 0;
  }

  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 16.25rem;
    border: 1px solid #ddd;
  }

  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem;
  }
}

/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/

.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222;
}

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! open */

.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}

/*! drawer-caret */

.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*! open */

.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*!------------------------------------*\
    Container
\*!------------------------------------*/

.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}


@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}

.drawer-overlay {
  background-color: rgba(0,0,0,.8);
}
.drawer-nav {
  z-index: 9900;
  width: 82.666666vw;
  background-color: #000;
}
.drawer--right .drawer-nav {
  right: -82.666666vw;
}
.drawer--right.drawer-open .drawer-hamburger {
  right: 82.666666vw;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  background-color: #fff;
}
.drawer-open .txt {
  display: none;
}

.drawer-hamburger:hover {
  background-color: #eee;
}
.drawer-open .drawer-hamburger,
.drawer-open .drawer-hamburger:hover {
  background-color: transparent;
}

.drawer-hamburger {
  width: 64px;
  height: 64px;
  background-color: #eee;
  box-sizing: border-box;
  padding: 20px 23px;
  z-index: 9999;
}

.drawer-hamburger-icon {
  margin-top: 5px;
}
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
  top: -5px;
}
.drawer-hamburger-icon:after {
  top: 5px;
}
.drawer-hamburger .txt {
  font-family: 'Abel', sans-serif;
  font-size: 0.5rem;
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 0;
  display: inline-block;
  margin-top: 8px;
  text-align: center;
}

.entry-content.cf {
  margin-top: 0px !important;
}

footer#footer {
  display: none;
}
.header {
    height: auto !important;
}

main, .main {
 	margin: 0 !important;
	border: none !important;
	padding: 0 !important;
}


a#page-top {
  display: none;
}

.wrap {
  width: 100% !important;
}

.home .page header.article-header.entry-header,
.header-container-in.hlt-top-menu .navi {
  display: none;
}

div#content {
  margin: 0 !important;
}
.home .btn {
    padding: 0;
    border-radius: 0px;
}
footer {
    margin-top: 0px !important;
	padding: 0 !important;
}
.entry-content.cf {
    margin-bottom: 0px !important;
}
/* * {
    box-sizing: unset;
} */
footer.article-footer.entry-footer {
    margin-bottom: 0px !important;
}
/* .scrollable-table th, .scrollable-table td {
    padding: 30px !important;
    white-space: unset !important;
}
table th {
    background-color: #f9f9f9 !important;
    width: 20% !important;
}
.recruit_graduates table th {
    width: 28% !important;
}
table th, table td {
    border: none !IMPORTANT;
    border-top: 1px solid #ddd !important;
}
table tr {
    background-color: unset !IMPORTANT;
} */
div#header-container {
    display: none !important;
}
.header_title p {
    margin: 0 !important;
}
header.header nav.nav_sub {
    justify-content: end;
    margin-top: -4px;
}
.footer_inner .textwidget {
    width: 100% !important;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    display: -ms-flex;
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    align-items: center;
    -ms-align-items: center;
}
.footer_inner .textwidget>div {
    width: 50%;
}
.footer_inner .textwidget .copyright {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
}
li.drawerMenu_entry.menu-item-106 {
    display: none !important;
}
.fixedBottomNav .textwidget {
    width: 100% !important;
}
.header {
    top: 0 !important;
}
/* div#content {
    overflow-x: hidden !important;
} */
body.single.single-post div#content-in {
	padding: 0 30px !important;
    max-width: 1256px !important;
	padding-top: 36px !important;
}
body.single.single-post figure {
    margin: 0em 0px !important;
}
body.single.single-post div#content * {
    box-sizing: border-box;
}
@media(max-width: 960px){
	li.drawerMenu_entry.menu-item-106 {
		display: block !important;
	}
	li.drawerMenu_entry.menu-item-106>a:first-child{
		display: none !important;
	}
}
@media(max-width: 768px){
	body.single.single-post div#content-in {

    padding: 0 16px !important;
    max-width: 100% !important;
	padding-top: 32px !important;
}
}

@media(min-width: 1023px){
	div#content-in {
    flex-wrap: nowrap !important;
    display: flex;
}}









/************************************
** デバイス別表示設定
************************************/
@media screen and (min-width: 769px){
	.pc-only {
		display:none;
}}

@media screen and (max-width: 768px){
	.mobile-only {
		display:none;
}}

/************************************
** amazon審査用非表示
************************************/
/* .amazon-item-box , .rakuten-item-box {
    display: none;
} */

/************************************
** 	サイドバー
************************************/

/* 	目次
************************************/
#sidebar .toc .toc-list {
    padding-left: 0em;
    padding-bottom: 1em;
}

#sidebar .nwa .toc {
    padding: 1em;
}

#sidebar label.toc-title {
    display: none;
}

#sidebar .toc {
	width: 100%;
}

#sidebar ol {
    padding: 0px;
}

#sidebar .toc li {
    margin: 0;
    line-height: 1.5;
    padding: 0.8em 0em 0.8em 0.8em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;
	font-weight: 700;
}

#sidebar .toc li::before {
  position: absolute;
  left: 0.6em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f101';
  color: #00ACDB;
}

@media screen and (max-width: 1023px){
#sidebar .widget_toc{
  display: none;
}}

/************************************
** 	スタイル
************************************/
.good-box {
    border-radius: 0px;
	background: #f2fafb;
    border: 1px solid #3cb2cc;
}

.good-box::before {
    content: '\f164';
    color: #3cb2cc;
}

@media screen and (min-width: 481px){
.good-box::before {
    border-right: 1px solid #3cb2cc;
}}

.bad-box {
    border-radius: 0px;
}

.information-box {
    border-radius: 0px;
}


/************************************
** デバイス別表示設定
************************************/
@media screen and (min-width: 769px){
	.pc-only {
		display:none;
}}

@media screen and (max-width: 768px){
	.mobile-only {
		display:none;
}}

/************************************
** ランキング記事用テーブル内センタリング
************************************/
.aligncenter {
    text-align: center;
}

/************************************
** ランキング内リスト
************************************/
.ranking-item-1.ranking-item.border-element {
    border-radius: 0px;
}

.ranking-items img {
    box-shadow: 0px 0px 0px var(--cocoon-x-thin-color);
}

.ranking-items ul {
  padding: 0 0.5em;
  position: relative;
}

.ranking-items ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.ranking-items ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}



/************************************
** SNSセンタリング
************************************/
.video-container,
.instagram-container,
.facebook-container,
.twitter-tweet {
    margin: 30px auto;
}

/************************************
** マイクロコピー
************************************/
.micro-h2 {
  position: relative;
    display: inline-block;
    padding: 0 55px;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}

.micro-h2:before, .micro-h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.micro-h2:before {
  left:0;
}
.micro-h2:after {
  right: 0;
}

/************************************
** 検索窓
************************************/
input.search-edit {
	font-size: 14px;
    border-radius: 0px;
}

.fa-search {
    color: #04384c;
}

/************************************
** ブログカード
************************************/
.blogcard {
    border: solid 1px;
    border-radius: 0px;
}

.blogcard-footer {
    display: none;
}

/************************************
** 目次
************************************/
.toc {
	padding: 2em;
	border: 0px;
    background-image: linear-gradient(-45deg, #fff 25%, #F5F5F5 25%, #F5F5F5 50%, #fff 50%, #fff 75%, #F5F5F5 75%, #F5F5F5);
	background-size: 4px 4px;
	background-clip: padding-box;
	border-bottom: 4px double #E2E2E2;
    border-top: 4px double #E2E2E2;
	width: 90%;
}

/************************************
** 記事内ボタン
************************************/
/*主な共通部分は省略*/

.btn-cnter {
	text-align: center;
}

a.btn--red.btn--cubic {
  border-bottom: 5px solid #9f000c;
  background: #D20010;
  padding: 10px 40px;
  font-size: 18px;
}

a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9f000c;
}

a.btn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}

/************************************
** 上に戻るボタン
************************************/
.go-to-top-button {
	display: none;
}

#page-top {
    position: fixed;
    right: 20px;
    bottom: 40px;
    height: 50px;
    text-decoration: none;
    font-weight: bold;
    transform: rotate(90deg);
    font-size: 90%;
    line-height: 1.5rem;
    color: white;
    padding: 0 0 0 35px;
    border-top: solid 1px;
	z-index: 999;
}
#page-top::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 15px;
    border-top: solid 1px;
    transform: rotate(35deg);
    transform-origin: left top;
}

a#page-top {
    color: white;
}

/************************************
** 引用
************************************/
blockquote {
    border: 0px;
    background: #F5F5F5;
	position: relative;
	font-size: .9em;
}

blockquote::before {
        content: "";
    display: block;
    width: 5px;
    height: calc(100% - 1em);
    top: 0.5em;
    left: 0.5em;
    border-left: solid 1px rgba(180,180,180,.75);
    border-right: solid 1px rgba(180,180,180,.75);
}

blockquote::after {
    content: "";
}

blockquote p {
    padding: 0px 0px 0px 20px;
}

/************************************
** スムーズスクロール
************************************/
html {
  scroll-behavior: smooth;
}

/************************************
** サイトタイトル
************************************/
.site-name-text {
    font-weight: 700;
    color: #333333;
    font-style: italic;
}

/************************************
** 見出し
************************************/

/* デフォルト見出し要素リセット
************************************/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}

.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}

/* 上書き用見出しデザイン
************************************/
.post h1  {
    padding: 0px;
    font-weight: 700;
}

.post .entry-content h2 {
	font-size: 24px;
	position: relative;
    background: #04384C;
    padding: 0.75em 1em;
    color: #fff;
	margin: 3em 0 1em;
}

@media (max-width: 767px) {
.post .entry-content h2 {
	font-size: 20px;
}}

.post .entry-content h2::before {
    position: absolute;
    display: block;
    pointer-events: none;
    content: "";
    top: -4px;
    left: 0;
    width: 100%;
    height: calc(100% + 4px);
    box-sizing: content-box;
    border-top: solid 2px #04384C;
    border-bottom: solid 2px #04384C;
}

.post .entry-content h3 {
	font-size: 22px;
	margin: 3em 0 2em;
	position: relative;
	padding: 0 0.5em 0em;
    display: grid;
}

@media (max-width: 767px) {
.post .entry-content h3 {
	font-size: 18px;
}}

.post .entry-content h3::before {
	position: absolute;
	bottom: -10px;
    content: "";
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #04384C 0%, #04384C 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%);
}

.post .entry-content h4 {
	font-size: 20px;
    padding: 0 0 0 16px;
    border-left: solid 2px #04384C;
	margin: 3em 0 1.5em;
}

@media (max-width: 767px) {
.post .entry-content h4 {
	font-size: 18px;
}}

.sidebar h3 {
	font-size: 16px;
	background-color: rgba(0,0,0,0);
	position: relative;
	padding: 0 0.5em 0em;
    display: grid;
}

@media (min-width: 767px) {
.sidebar h3::before {
	position: absolute;
	bottom: -10px;
    content: "";
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #04384C 0%, #04384C 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%);
}}

/************************************
** パンくずリスト
************************************/
.breadcrumb , .breadcrumb-caption {
    color: #333333;
}

/************************************
** フッター
************************************/
#footer a {
    font-size: 14px;
}

#footer a:hover {
    background: rgba(0,0,0,0);
}

#footer h3 {
    font-size: 16px;
}

/************************************
** ヘッダーナビ
************************************/
.item-label {
    font-size: 14px;
}

/************************************
** テーブル
************************************/
table th{
  background: #04384C;
  color: #fff;
}

table td {
	background: white;
}

.scrollable-table th {
    background-color: #04384C;
}

/************************************
** テキスト装飾
************************************/

.marker-under-red, .marker-under-blue, .marker-under {
    font-weight: 700;
}

.marker-under {
    background: linear-gradient(transparent 60%, #ffd900 60%);
}

/************************************
** 吹き出し
************************************/

/* テキスト
************************************/
div.speech-balloon p {
	margin: 0px !important;
}

/* メイン
************************************/
.sbp-l div.speech-balloon {
    border: 1px solid #000;
    background-color: #ebfcff;
	box-shadow: 3px 3px 0 #c1dbe0;
}

.sbp-r div.speech-balloon {
    border: 1px solid #000;
    background-color: #fffddb;
	box-shadow: 3px 3px 0 #f4f0b3;
}

/* 三角
************************************/
.sbp-l .speech-balloon::before {
    border-right: 13px solid #000;
    left: -12px;
}

.sbp-l .speech-balloon::after {
    border-right: 12px solid #ebfcff;
	left: -10px;
}

.sbp-r .speech-balloon::before {
    border-left: 12px solid #000;
}

.sbp-r .speech-balloon::after {
	border-left: 12px solid #fffddb;
	right: -11px;
}

/* アイコン
************************************/
.speech-icon img, .speech-icon amp-img {
    border: 1px solid #000;
}

/************************************
** フローティングCTA
************************************/
#main {
    z-index: 2;
}

#footer_fixarea {
display: block;
width: 100%;
position: fixed;
left: 0;
background: rgba(20,20,20,0.9);
color:#fff;
z-index: 10;
bottom:-223px;
transition-duration: 0.5s;
box-sizing:border-box;
padding:20px 0;
text-align:center;
}

#footer_fixarea.show {
bottom:0px;
transition-duration: 0.5s;
}

#footer_fixarea ul{
margin:0;
padding:0;
list-style:none;
}

#footer_fixarea ul li{
display:inline-block;
color:#fff;
vertical-align:middle;
border-radius:4px;
}

span.font-l {
margin:0 10px;
vertical-align:sub;
font-size: 200%;
border-bottom: solid 5px #ffc778;
position: relative;
display: inline-block;
}

span.font-l::after {
 position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #fb2273;
  bottom: -5px;
  width: 50%;
}

#footer_fixarea ul li a{
color:#fff;
}

#footer_fixarea ul li:nth-child(2){
	padding:10px 20px;
	margin:0 20px;
}
#footer_fixarea ul li:nth-child(3){
    background: #22A00B;
	padding:10px 20px;;
}

@media (max-width: 768px) {
#footer_fixarea{
	padding: 5px 0px 3px 0px;
	font-size: 14px;
}

#footer_fixarea p{
	margin-bottom:5px;
}

#footer_fixarea ul li:nth-child(2){
	margin:0 ;
	padding:10px;
}

#footer_fixarea ul li:nth-child(3){
	margin:0 ;
	padding:10px;
}

span.font-l {
    font-size: 120%;
}}

/* 動く矢印ボタン
************************************/
 .b-otoku-button-box {
   text-align: center;
   font-size: 50%;
 }

 .b-otoku-button-box a {
   text-decoration: none;
 }

 .b-otoku-button {
   position: relative;
   display: inline-block;
   padding: 12px 27px;
   border-radius: 5px;
   box-shadow: 0px 5px 14px 1px #858585;
 }

 .style:before {
   display: block;
   content: "";
   position: absolute;
   top: calc(50% - 24px);
   left: -10px;
   width: 43px;
   height: 49px;
   background: transparent url("https://www.otoko783.com/wp-content/uploads/2023/03/arrow-yellow.png") 0 0 no-repeat;
   background-size: 100% auto;
   animation: arrowleft 1s;
   animation-iteration-count: infinite;
 }

 .style {
   padding-left: 40px;
   padding-right: 25px;
 }

 @keyframes arrowleft {
   0% {
     left: -0.7em;
     opacity: 0;
   }

   50% {
     opacity: 1;
   }

   100% {
     left: 0;
     opacity: 0;
   }
 }

 .b-otoku-button span {
   display: block;
   color: #fff;
   font-weight: bold;
   letter-spacing: -0.06em;
   white-space: nowrap;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
 }

 .b-otoku-title {
   font-size: 20px;
 }

 .b-otoku-copy {
   font-size: 16px;
 }

 .b-otoku-button.b-otoku-button-color-green {
   background: linear-gradient(to bottom, #49ac00 0%, #79c733 49%, #49ac00 50%, #49ac00 100%);
 }

 .b-otoku-button.b-otoku-button-color-green {
   background: linear-gradient(to bottom, #49ac00 0%, #79c733 49%, #49ac00 50%, #49ac00 100%);
 }

 .b-otoku-button.b-otoku-button-color-red {
   background: linear-gradient(to bottom, #c30009 0%, #d7333c 49%, #c30009 50%, #c30009 100%);
 }

 .b-otoku-button.b-otoku-button-color-orange {
   background: linear-gradient(to bottom, #ff5e00 0%, #ff8b33 49%, #ff5e00 50%, #ff5e00 100%);
 }

@media (max-width: 768px) {
.b-otoku-button span {
    font-size: 14px;
}

.b-otoku-button {
    padding: 4px 27px;
}

.style:before {
    top: calc(50% - 17px);
    width: 30px;
}}

/************************************
** テンプレのフッター追従を非表示
************************************/
@media (max-width: 768px) {
.fixedBottomNav {
    display: none !important;
}}

/************************************
** 目次修正
************************************/
#toc ol {
    padding-top: 0px;
    padding-bottom: 0px;
}

#toc li {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

/************************************
** カラム幅修正
************************************/
body:not(.home) div#content-in {
    padding: 0 30px !important;
    max-width: 1256px !important;
    padding-top: 36px !important;
}

/************************************
** メインカラム幅修正
************************************/
@media (min-width: 1024px) {
#main .post {
    padding: 32px 16px !important;
}}

.post table:not(.has-border-color) :where(th,td) {
    border: 1px solid var(--cocoon-x-thin-color) !important;
    padding: 6px !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}