/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */


.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: #fff;
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: top;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #505050;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 34px;
  font-weight: normal;
  line-height: 35px;

  position: absolute;
  top: -10px;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */


html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */ }

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit; }

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit; }

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0; }

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */ }

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

summary {
  display: list-item;
  /* Add the correct display in all browsers */ }

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */ }

[hidden],
template {
  display: none;
  /* Add the correct display in IE */ }

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */ }

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ }

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */ }

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ }

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */ }

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000; }

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0; }

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer; }

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default; }

[type="number"] {
  width: auto;
  /* Firefox 36+ */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */ }

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */ }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */ }

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */ }

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ }

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0; }

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */ }

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */ }

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */ }

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */ }

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */ }

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */ }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */ }

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */ }

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

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */ }

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */ }

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit; }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress; }

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer; }

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default; }

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }
.badge-default {
  display: inline-block;
  min-width: 16px;
  padding: 4px 5px 3px;
  border-radius: 17.6px;
  background-color: #ed052b;
  color: #ffffff;
  font-size: 9.6px;
  line-height: 1em; }

.badge-notice {
  display: inline-block;
  min-width: 16px;
  padding: 4px 5px 3px;
  border-radius: 17.6px;
  background-color: #18cd93;
  color: #ffffff;
  font-size: 9.6px;
  line-height: 1em; }

.badge-primary {
  display: inline-block;
  min-width: 16px;
  padding: 4px 5px 3px;
  border-radius: 17.6px;
  background-color: #26968f;
  color: #ffffff;
  font-size: 9.6px;
  line-height: 1em; }

.normalBox, .gray-box, .dashedBox, .lockedBox, .accountBox, .similarBox, .differentBox {
  padding: 6%;
  display: inline-block;
  margin-top: 1.5em;
  text-align: center;
  width: 100%; }
  .normalBox:first-child, .gray-box:first-child, .dashedBox:first-child, .lockedBox:first-child, .accountBox:first-child, .similarBox:first-child, .differentBox:first-child {
    margin-top: 0; }
  .normalBox ul, .gray-box ul, .dashedBox ul, .lockedBox ul, .accountBox ul, .similarBox ul, .differentBox ul,
  .normalBox ol,
  .gray-box ol,
  .dashedBox ol,
  .lockedBox ol,
  .accountBox ol,
  .similarBox ol,
  .differentBox ol {
    display: inline-block;
    text-align: left; }

hr + .normalBox, hr + .gray-box, hr + .dashedBox, hr + .lockedBox, hr + .accountBox, hr + .similarBox, hr + .differentBox {
  margin-top: 0; }

.normalBox {
  background-color: #f6f6f6; }
  .normalBox > h2 {
    background-color: transparent; }
  .normalBox > h3 {
    background-color: transparent; }

.gray-box {
  background-color: #f0f0f0; }
  .gray-box .promotion-link {
    background-color: #4a90e2; }

.dashedBox {
  border: 1px dashed #bfbfbf; }

.lockedBox {
  padding: 8% 6%;
  border: 1px solid #d8d8d8;
  background-color: #fffef9; }
  .lockedBox h3 {
    color: #ffc42b; }
  .lockedBox h4::before {
    background-color: #50e3c2; }
  .lockedBox button,
  .lockedBox .button {
    background-color: #ffcc47;
    color: #fff; }

.accountBox {
  border: 2px solid #111111;
  border-radius: 8px; }

.similarBox {
  border: 4px solid #ff84a8; }

.differentBox {
  border: 4px solid #232957; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button {
  display: block;
  padding: 13px;
  border: 0;
  background-color: #333333;
  color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
  width: 100%;
  max-width: 320px;
  margin-top: 1.5em;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  user-select: none;
  transition: 150ms ease;
  appearance: none;
  -webkit-font-smoothing: antialiased; }
  button:hover, button:focus,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  button[type="submit"]:hover,
  button[type="submit"]:focus,
  .button:hover,
  .button:focus {
    opacity: 0.8;
    text-decoration: none; }
  button:disabled, button.disabled,
  input[type="button"]:disabled,
  input[type="button"].disabled,
  input[type="reset"]:disabled,
  input[type="reset"].disabled,
  input[type="submit"]:disabled,
  input[type="submit"].disabled,
  button[type="submit"]:disabled,
  button[type="submit"].disabled,
  .button:disabled,
  .button.disabled {
    cursor: not-allowed !important; }
    button:disabled:not(.notDisabledColor), button.disabled:not(.notDisabledColor),
    input[type="button"]:disabled:not(.notDisabledColor),
    input[type="button"].disabled:not(.notDisabledColor),
    input[type="reset"]:disabled:not(.notDisabledColor),
    input[type="reset"].disabled:not(.notDisabledColor),
    input[type="submit"]:disabled:not(.notDisabledColor),
    input[type="submit"].disabled:not(.notDisabledColor),
    button[type="submit"]:disabled:not(.notDisabledColor),
    button[type="submit"].disabled:not(.notDisabledColor),
    .button:disabled:not(.notDisabledColor),
    .button.disabled:not(.notDisabledColor) {
      border-color: #eeeeee !important;
      background-color: #eeeeee !important; }
  button.small,
  input[type="button"].small,
  input[type="reset"].small,
  input[type="submit"].small,
  button[type="submit"].small,
  .button.small {
    min-height: initial;
    padding: 6px 12px;
    border-radius: 12.3px;
    font-size: 12.6px;
    line-height: 1em; }
  button.medium,
  input[type="button"].medium,
  input[type="reset"].medium,
  input[type="submit"].medium,
  button[type="submit"].medium,
  .button.medium {
    min-height: initial;
    padding: 12px;
    border-radius: 25.2px;
    font-size: 12.6px;
    line-height: 1em; }
  button.facebook,
  input[type="button"].facebook,
  input[type="reset"].facebook,
  input[type="submit"].facebook,
  button[type="submit"].facebook,
  .button.facebook {
    width: 100%;
    padding: 15px 0;
    border-radius: 2px;
    background-color: #3b5998; }
    @media only screen and (min-width: 751px) {
      button.facebook,
      input[type="button"].facebook,
      input[type="reset"].facebook,
      input[type="submit"].facebook,
      button[type="submit"].facebook,
      .button.facebook {
        width: 420px;
        margin-top: 20px;
        padding: 20px 0;
        border-radius: 6px; } }
    button.facebook:hover,
    input[type="button"].facebook:hover,
    input[type="reset"].facebook:hover,
    input[type="submit"].facebook:hover,
    button[type="submit"].facebook:hover,
    .button.facebook:hover {
      opacity: 0.9; }
    button.facebook span,
    input[type="button"].facebook span,
    input[type="reset"].facebook span,
    input[type="submit"].facebook span,
    button[type="submit"].facebook span,
    .button.facebook span {
      display: inline-block;
      padding-left: 32px;
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/ico_facebook_square-85e03b1c86bdfc3c4fe0682cb53efc24707c52db0be552882de7624cdbf57046.png) left center no-repeat transparent;
      background-size: 19px;
      color: #ffffff;
      font-weight: bold;
      line-height: 19px; }
      @media only screen and (min-width: 751px) {
        button.facebook span,
        input[type="button"].facebook span,
        input[type="reset"].facebook span,
        input[type="submit"].facebook span,
        button[type="submit"].facebook span,
        .button.facebook span {
          font-size: 18px;
          font-weight: bold; } }
  button.inversed,
  input[type="button"].inversed,
  input[type="reset"].inversed,
  input[type="submit"].inversed,
  button[type="submit"].inversed,
  .button.inversed {
    border-color: #333333;
    background: #ffffff;
    color: #333333; }
    button.inversed:hover, button.inversed:focus,
    input[type="button"].inversed:hover,
    input[type="button"].inversed:focus,
    input[type="reset"].inversed:hover,
    input[type="reset"].inversed:focus,
    input[type="submit"].inversed:hover,
    input[type="submit"].inversed:focus,
    button[type="submit"].inversed:hover,
    button[type="submit"].inversed:focus,
    .button.inversed:hover,
    .button.inversed:focus {
      border-color: shade(#333333, 20%);
      color: shade(#333333, 20%); }
  button.fluid,
  input[type="button"].fluid,
  input[type="reset"].fluid,
  input[type="submit"].fluid,
  button[type="submit"].fluid,
  .button.fluid {
    max-width: 750px;
    width: 100%; }
  button.facebook,
  input[type="button"].facebook,
  input[type="reset"].facebook,
  input[type="submit"].facebook,
  button[type="submit"].facebook,
  .button.facebook {
    border-color: shade(#3b5998, 5%);
    background: #3b5998;
    color: #ffffff; }
    button.facebook:hover, button.facebook:focus,
    input[type="button"].facebook:hover,
    input[type="button"].facebook:focus,
    input[type="reset"].facebook:hover,
    input[type="reset"].facebook:focus,
    input[type="submit"].facebook:hover,
    input[type="submit"].facebook:focus,
    button[type="submit"].facebook:hover,
    button[type="submit"].facebook:focus,
    .button.facebook:hover,
    .button.facebook:focus {
      border-color: shade(#3b5998, 25%);
      background: shade(#3b5998, 20%);
      color: #ffffff; }
  button.twitter,
  input[type="button"].twitter,
  input[type="reset"].twitter,
  input[type="submit"].twitter,
  button[type="submit"].twitter,
  .button.twitter {
    border-color: shade(#55acee, 5%);
    background: #55acee;
    color: #ffffff; }
    button.twitter:hover, button.twitter:focus,
    input[type="button"].twitter:hover,
    input[type="button"].twitter:focus,
    input[type="reset"].twitter:hover,
    input[type="reset"].twitter:focus,
    input[type="submit"].twitter:hover,
    input[type="submit"].twitter:focus,
    button[type="submit"].twitter:hover,
    button[type="submit"].twitter:focus,
    .button.twitter:hover,
    .button.twitter:focus {
      border-color: shade(#55acee, 25%);
      background: shade(#55acee, 20%);
      color: #ffffff; }
  button.gray,
  input[type="button"].gray,
  input[type="reset"].gray,
  input[type="submit"].gray,
  button[type="submit"].gray,
  .button.gray {
    border-color: shade(#999999, 5%);
    background: #999999;
    color: #ffffff; }
    button.gray:hover, button.gray:focus,
    input[type="button"].gray:hover,
    input[type="button"].gray:focus,
    input[type="reset"].gray:hover,
    input[type="reset"].gray:focus,
    input[type="submit"].gray:hover,
    input[type="submit"].gray:focus,
    button[type="submit"].gray:hover,
    button[type="submit"].gray:focus,
    .button.gray:hover,
    .button.gray:focus {
      border-color: shade(#999999, 25%);
      background: shade(#999999, 20%);
      color: #ffffff; }
  button.login,
  input[type="button"].login,
  input[type="reset"].login,
  input[type="submit"].login,
  button[type="submit"].login,
  .button.login {
    border: 2px solid #333333;
    background: #fff;
    color: #333333; }
  button.limited-time--pink,
  input[type="button"].limited-time--pink,
  input[type="reset"].limited-time--pink,
  input[type="submit"].limited-time--pink,
  button[type="submit"].limited-time--pink,
  .button.limited-time--pink {
    background-color: #d02686 !important; }
  button.limited-time--raspberry-pink,
  input[type="button"].limited-time--raspberry-pink,
  input[type="reset"].limited-time--raspberry-pink,
  input[type="submit"].limited-time--raspberry-pink,
  button[type="submit"].limited-time--raspberry-pink,
  .button.limited-time--raspberry-pink {
    background-color: #e82450 !important; }
  button.limited-time--light-pink,
  input[type="button"].limited-time--light-pink,
  input[type="reset"].limited-time--light-pink,
  input[type="submit"].limited-time--light-pink,
  button[type="submit"].limited-time--light-pink,
  .button.limited-time--light-pink {
    background-color: #ff83b7 !important; }
  button.limited-time--deep-blue,
  input[type="button"].limited-time--deep-blue,
  input[type="reset"].limited-time--deep-blue,
  input[type="submit"].limited-time--deep-blue,
  button[type="submit"].limited-time--deep-blue,
  .button.limited-time--deep-blue {
    background-color: #2139ba !important; }
  button.limited_time--black,
  input[type="button"].limited_time--black,
  input[type="reset"].limited_time--black,
  input[type="submit"].limited_time--black,
  button[type="submit"].limited_time--black,
  .button.limited_time--black {
    background-color: #111111 !important; }
  button.limited-time--vermilion-orange,
  input[type="button"].limited-time--vermilion-orange,
  input[type="reset"].limited-time--vermilion-orange,
  input[type="submit"].limited-time--vermilion-orange,
  button[type="submit"].limited-time--vermilion-orange,
  .button.limited-time--vermilion-orange {
    background-color: #ff5a03 !important; }
  button.limited-time--sepia,
  input[type="button"].limited-time--sepia,
  input[type="reset"].limited-time--sepia,
  input[type="submit"].limited-time--sepia,
  button[type="submit"].limited-time--sepia,
  .button.limited-time--sepia {
    background-color: #5f2500 !important; }
  button.limited-time--vivid-purple,
  input[type="button"].limited-time--vivid-purple,
  input[type="reset"].limited-time--vivid-purple,
  input[type="submit"].limited-time--vivid-purple,
  button[type="submit"].limited-time--vivid-purple,
  .button.limited-time--vivid-purple {
    background-color: #B94AE2 !important; }
  button.personality-magazine--lemon-yellow,
  input[type="button"].personality-magazine--lemon-yellow,
  input[type="reset"].personality-magazine--lemon-yellow,
  input[type="submit"].personality-magazine--lemon-yellow,
  button[type="submit"].personality-magazine--lemon-yellow,
  .button.personality-magazine--lemon-yellow {
    background-color: #EAD354 !important; }
  button.personality-magazine--light-orange,
  input[type="button"].personality-magazine--light-orange,
  input[type="reset"].personality-magazine--light-orange,
  input[type="submit"].personality-magazine--light-orange,
  button[type="submit"].personality-magazine--light-orange,
  .button.personality-magazine--light-orange {
    background-color: #FF975E !important; }
  button.personality-magazine--brick,
  input[type="button"].personality-magazine--brick,
  input[type="reset"].personality-magazine--brick,
  input[type="submit"].personality-magazine--brick,
  button[type="submit"].personality-magazine--brick,
  .button.personality-magazine--brick {
    background-color: #AA5C3F !important; }
  button.personality-magazine--shiny-green,
  input[type="button"].personality-magazine--shiny-green,
  input[type="reset"].personality-magazine--shiny-green,
  input[type="submit"].personality-magazine--shiny-green,
  button[type="submit"].personality-magazine--shiny-green,
  .button.personality-magazine--shiny-green {
    background-color: #00FA9A !important; }
  button.purchase,
  input[type="button"].purchase,
  input[type="reset"].purchase,
  input[type="submit"].purchase,
  button[type="submit"].purchase,
  .button.purchase {
    border-color: shade(red, 5%) !important;
    background: #dd0000 !important;
    color: #ffffff;
    width: 100% !important; }
    button.purchase:hover, button.purchase:focus,
    input[type="button"].purchase:hover,
    input[type="button"].purchase:focus,
    input[type="reset"].purchase:hover,
    input[type="reset"].purchase:focus,
    input[type="submit"].purchase:hover,
    input[type="submit"].purchase:focus,
    button[type="submit"].purchase:hover,
    button[type="submit"].purchase:focus,
    .button.purchase:hover,
    .button.purchase:focus {
      border-color: shade(#dd0000, 25%) !important;
      background: shade(#dd0000, 20%) !important;
      color: #ffffff; }
  button.attention,
  input[type="button"].attention,
  input[type="reset"].attention,
  input[type="submit"].attention,
  button[type="submit"].attention,
  .button.attention {
    background-color: #ff0022; }

.buttonText {
  display: inline-block;
  line-height: 1.6em;
  color: #2a9cc8;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  transition: color 150ms ease;
  appearance: none;
  border: 0;
  background-color: transparent;
  width: auto;
  height: auto;
  max-width: none;
  margin: 1.5em -0px 0;
  padding: 0; }
  .buttonText:active, .buttonText:focus, .buttonText:hover {
    color: shade(#2a9cc8, 25%);
    text-decoration: underline; }
  .buttonText:first-child {
    margin-top: 0; }

main button,
main input[type="button"],
main input[type="reset"],
main input[type="submit"],
main button[type="submit"],
main .button,
modal-popup button,
modal-popup input[type="button"],
modal-popup input[type="reset"],
modal-popup input[type="submit"],
modal-popup button[type="submit"],
modal-popup .button {
  border-radius: 8px; }

button.start {
  min-width: 280px;
  margin-top: 30px;
  border: solid 1px #df779e;
  border-radius: 4px;
  background-color: #df779e; }

button.start:hover {
  background-color: shade(#df779e, 20%); }

button.start:focus {
  background-color: shade(#df779e, 20%); }

.btn--action {
  display: block;
  border-radius: 0; }
  .btn--action span {
    display: block;
    margin-bottom: 3px;
    color: #999999;
    font-size: 10px;
    line-height: 1; }
.btn--regist {
  width: 100%;
  border-radius: 0 !important; }
  .btn--regist:not(.inner) {
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_chevron_right-bf6c0b2c670342e2f88faf8f93ab1061fd57b9ca4b1277da5d19aed0317839a7.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 9px 15px;
    position: fixed;
    bottom: 0;
    max-width: 750px;
    background-color: #ff9700;
    opacity: 0.9; }
    .btn--regist:not(.inner):hover, .btn--regist:not(.inner):focus {
      background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_chevron_right-bf6c0b2c670342e2f88faf8f93ab1061fd57b9ca4b1277da5d19aed0317839a7.png);
      background-repeat: no-repeat;
      background-position: right 15px center;
      background-size: 9px 15px;
      position: fixed;
      bottom: 0;
      max-width: 750px;
      background-color: #ff9700;
      opacity: 0.9; }
.btn--inline {
  display: inline-block; }
  @media (max-width: 600px) {
    .btn--inline {
      width: 100%; } }

.conductor-not-evaluated {
  border: 2px solid #3d57ff; }
  .conductor-not-evaluated__title {
    margin: 20px;
    font-size: 18px;
    color: #4a90e2;
    font-weight: 700; }
  .conductor-not-evaluated__description {
    margin: 10px 20px; }
  .conductor-not-evaluated__button {
    display: block;
    cursor: pointer;
    padding: 13px;
    margin: 1.5em auto;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    background-color: #4a90e2;
    width: 100%;
    max-width: 320px;
    font-size: 14px;
    font-weight: 600; }

.contentCard {
  margin-bottom: 14px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  .contentCard:last-child {
    margin-bottom: 0; }
  .contentCard > *:last-child {
    margin-bottom: 0; }
  .contentCardNotes {
    padding: 14px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: #999999;
    text-align: left; }
    .contentCardNotes__title {
      font-size: 12px;
      font-weight: bold; }
    .contentCardNotes__text {
      margin-top: 5px;
      font-size: 10px; }
      .contentCardNotes__text:last-child {
        margin-bottom: 0; }
  .contentCard__header {
    display: block;
    position: relative;
    padding: 10px 14px 10px 52px;
    color: #333333;
    text-decoration: none;
    text-align: left; }
    .contentCard__header.without-icon {
      padding-left: 14px; }
    .contentCard__header:hover, .contentCard__header:active, .contentCard__header:visited, .contentCard__header:focus {
      color: #333333;
      text-decoration: none; }
    .contentCard__header p {
      font-size: 12px; }
      .contentCard__header p span.red {
        color: #df779e; }
    .contentCard__header--profile {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_profile-18a8aa0eb111ee94a0e3fe72b84ade144cca6c5a9d5c41f6acda0eff95ce3fd2.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header--nochecked {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_nochecked-ca8b7f97695c62a012d8a63e799ac9142b5d747df5ea061333d03aceb779623c.png) 13px center no-repeat transparent;
      background-size: 27px; }
    .contentCard__header--checked {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_checked-d3e6babd686966c5eba753064f437069e18a95edaf04826ebc237cc5e0e4574b.png) 13px center no-repeat transparent;
      background-size: 27px; }
    .contentCard__header--schedule {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_schedule-06ae69769b2fbc3e171b24a687c2406ed7ec6d51fba7e171f3902c06a9f8608f.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header--alert {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_alert-de5bdbd7660dc5671b9149e8ddec91a634ee56fab026e0e800a880dc313bd8f1.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header--tel {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_tel-98a8dfe8049cb3939ccca417873e1eeae819cf10d556185234205dbe9098dfc9.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header--time {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_time-d717a695729f571541857180c333b292877456bf1bcf44796978d09dcaa09ca9.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header--image {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_image-5fa3b1752a1677717d7e33dcbc7af6c235bf8d972b26d78118e8ceddedc54d8c.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header--guide {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_guide-905043837b880ad76af253202313a68f49a1ae6b2942c08e758eb3de31b0ef05.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header--manual {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_manual-51aed7bf18bb674fd253e5ec2bbbeea5999d0ec53c342604de75ba03197658eb.png) 14px center no-repeat transparent;
      background-size: 25px; }
    .contentCard__header__title {
      margin: 0 0 4px;
      color: #333333;
      font-size: 14px;
      font-weight: normal; }
      .contentCard__header__title:last-child {
        margin: 0; }
      .contentCard__header__title:hover, .contentCard__header__title:active, .contentCard__header__title:visited, .contentCard__header__title:focus {
        color: #333333;
        text-decoration: none; }
    .contentCard__header__status {
      margin: 0;
      color: #ed052b;
      font-size: 12px; }
      .contentCard__header__status strong {
        padding-right: 5px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 200; }
        .contentCard__header__status strong.p-0 {
          padding: 0; }
      .contentCard__header__status .noStrong {
        padding-right: 12px; }
    .contentCard__header--accordion {
      padding-right: 34px; }
      .contentCard__header--accordion:after {
        display: block;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        width: 10px;
        height: 6px;
        margin: auto;
        background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_chevron_top--black-77370d2505c57e2081a101765282448fe331c85f3499ab5c8cb55cc9d34d2403.png) center center no-repeat transparent;
        background-size: 10px 6px;
        content: ""; }
  .contentCard__body {
    padding: 14px;
    border-top: 1px solid #eeeeee; }
    .contentCard__body.secret {
      position: relative; }
      .contentCard__body.secret > .secret {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), white);
        align-items: center;
        justify-content: center; }
    .contentCard__body--progress {
      padding-top: 0;
      border-top: none; }
    .contentCard__body__progress {
      margin: 0 -14px 18px; }
      .contentCard__body__progress__bar {
        display: block;
        width: 100%;
        height: 3px;
        border: none;
        -webkit-appearance: none; }
        .contentCard__body__progress__bar::-webkit-progress-bar {
          background-color: #eeeeee; }
        .contentCard__body__progress__bar::-webkit-progress-value {
          background-color: #ed052b; }
        .contentCard__body__progress__bar::-ms-fill {
          background-color: #ed052b; }
        .contentCard__body__progress__bar::-moz-progress-bar {
          background-color: #ed052b; }
    .contentCard__body > *:last-child {
      margin-bottom: 0; }
    .contentCard__body edit-profile-images,
    .contentCard__body .simple_form.ui.form {
      margin: 0; }
    .contentCard__body .textLink {
      margin-top: 25px; }
    .contentCard__body.no-bottom {
      padding-bottom: 0; }
    .contentCard__body .imgFull {
      max-width: 100%;
      height: auto; }
  .contentCard--line {
    padding: 14px;
    background: transparent;
    box-shadow: none;
    color: #cccccc;
    text-align: center; }
    .contentCard--line .contentCard__title {
      color: #ffffff; }
    .contentCard--line p span.textLink {
      display: inline-block;
      min-height: 24px;
      margin-top: 18px;
      padding-left: 32px;
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_line--square-6dee12de82b9aa4ebeb57b9c50168ca14d767b6032539a97da4c13526fa6b8b7.png) left center no-repeat transparent;
      background-size: 24px;
      color: #00c300; }
  .contentCard--share {
    padding: 14px;
    background: transparent;
    box-shadow: none;
    color: #cccccc;
    text-align: center; }
    .contentCard--share .contentCard__title {
      color: #ffffff; }
    .contentCard--share .contentCard__mediabox {
      text-align: center; }
  .contentCard__title {
    display: inline-block;
    margin: 0 -14px;
    font-size: 16px;
    font-weight: normal; }
    .contentCard__title .ico--recommend {
      display: inline-block;
      box-sizing: border-box;
      position: relative;
      top: -2px;
      height: 18px;
      margin-left: 10px;
      padding: 0 6px;
      border-radius: 9px;
      background-color: #ed052b;
      color: #ffffff;
      font-size: 10px;
      font-weight: bold;
      font-style: normal;
      line-height: 18px; }
  .contentCard__mediabox {
    overflow: hidden;
    margin-top: 15px;
    text-align: left; }
    .contentCard__mediabox--left {
      overflow: hidden; }
    .contentCard__mediabox--right {
      float: right;
      margin-left: 24px; }
    .contentCard__mediabox__img {
      width: 95px;
      height: 95px; }
  .contentCardWide {
    margin: 0 -14px 14px;
    padding: 14px;
    background-color: #ffffff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
    .contentCardWide .notes {
      font-size: 12px; }
    .contentCardWide--pb-0 {
      padding-bottom: 0; }

.compatibilityCard {
  padding: 14px 14px 20px;
  border-bottom: 1px solid #d8d8d8; }
  .compatibilityCard--last {
    padding-bottom: 106px; }
  .compatibilityCard__header {
    position: relative; }
    .compatibilityCard__header__point {
      position: absolute;
      top: 0;
      left: 0;
      width: 6.5em;
      border-right: 2px solid #cccccc;
      font-size: 14px; }
      .compatibilityCard__header__point span {
        margin-right: 3px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 35px;
        font-weight: 200;
        line-height: 1; }
    .compatibilityCard__header__title {
      padding-left: 7.5em;
      font-size: 14px; }
    .compatibilityCard__header__star {
      padding-left: 7.5em; }
      .compatibilityCard__header__starList {
        overflow: hidden; }
        .compatibilityCard__header__starList__item {
          display: block;
          float: left;
          width: 12px;
          height: 12px;
          background-color: transparent;
          background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_nostar-3e11f15cc2d73f7f42905a47c19d3163a3646bbf0682286e25f3c51ae76deb87.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 12px; }
          .compatibilityCard__header__starList__item:not(:last-child) {
            margin-right: 3px; }
      .compatibilityCard__header__star--1 .compatibilityCard__header__starList__item:nth-child(1), .compatibilityCard__header__star--2 .compatibilityCard__header__starList__item:nth-child(1), .compatibilityCard__header__star--3 .compatibilityCard__header__starList__item:nth-child(1), .compatibilityCard__header__star--4 .compatibilityCard__header__starList__item:nth-child(1), .compatibilityCard__header__star--5 .compatibilityCard__header__starList__item:nth-child(1) {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_star-9c86b020b6173243c87dd232399955859066bdd7da0ff44da115919705b5465a.png); }
      .compatibilityCard__header__star--2 .compatibilityCard__header__starList__item:nth-child(2), .compatibilityCard__header__star--3 .compatibilityCard__header__starList__item:nth-child(2), .compatibilityCard__header__star--4 .compatibilityCard__header__starList__item:nth-child(2), .compatibilityCard__header__star--5 .compatibilityCard__header__starList__item:nth-child(2) {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_star-9c86b020b6173243c87dd232399955859066bdd7da0ff44da115919705b5465a.png); }
      .compatibilityCard__header__star--3 .compatibilityCard__header__starList__item:nth-child(3), .compatibilityCard__header__star--4 .compatibilityCard__header__starList__item:nth-child(3), .compatibilityCard__header__star--5 .compatibilityCard__header__starList__item:nth-child(3) {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_star-9c86b020b6173243c87dd232399955859066bdd7da0ff44da115919705b5465a.png); }
      .compatibilityCard__header__star--4 .compatibilityCard__header__starList__item:nth-child(4), .compatibilityCard__header__star--5 .compatibilityCard__header__starList__item:nth-child(4) {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_star-9c86b020b6173243c87dd232399955859066bdd7da0ff44da115919705b5465a.png); }
      .compatibilityCard__header__star--5 .compatibilityCard__header__starList__item:nth-child(5) {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_star-9c86b020b6173243c87dd232399955859066bdd7da0ff44da115919705b5465a.png); }
  .compatibilityCard__body {
    margin: 0 -14px;
    padding: 14px 14px 0;
    text-align: left; }
    .compatibilityCard__body p {
      color: #666666;
      font-size: 14px; }
    .compatibilityCard__body__inner {
      overflow: hidden;
      margin: 0 -14px;
      padding: 14px 14px 0;
      text-align: center; }
      .compatibilityCard__body__inner .manualIndicator {
        width: 100%;
        margin: 0 0 14px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px; }
        .compatibilityCard__body__inner .manualIndicator:first-child {
          margin-bottom: 0; }
        .compatibilityCard__body__inner .manualIndicator__wrap {
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
        .compatibilityCard__body__inner .manualIndicator__caption {
          width: 100%;
          margin: 0 0 10px;
          padding: 14px;
          border-bottom-right-radius: 2px;
          border-bottom-left-radius: 2px;
          background-color: #f0f0f0;
          text-align: left; }
          .compatibilityCard__body__inner .manualIndicator__caption > *:last-child {
            margin-bottom: 0; }
          .compatibilityCard__body__inner .manualIndicator__caption__text {
            font-size: 12px; }
          .compatibilityCard__body__inner .manualIndicator__caption__lead {
            margin-bottom: 0;
            color: #999999;
            font-size: 10px;
            font-weight: bold; }
      .compatibilityCard__body__inner .profileTable {
        margin: 0; }
    .compatibilityCard__body__sliderList {
      z-index: 0;
      width: 100%; }
      .compatibilityCard__body__sliderList__item {
        box-sizing: border-box;
        padding: 0 6px; }
    .compatibilityCard__body__lead {
      font-size: 12px;
      font-weight: bold;
      text-align: left; }
    .compatibilityCard__body .slider__pagination {
      display: inline-block;
      position: static; }
      .compatibilityCard__body .slider__pagination .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background-color: #f0f0f0;
        opacity: 1; }
        .compatibilityCard__body .slider__pagination .swiper-pagination-bullet:not(:last-child) {
          margin-right: 10px; }
        .compatibilityCard__body .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background-color: #333333; }
  .compatibilityCard__profile {
    font-size: 14px;
    font-weight: bold;
    text-align: left; }

.profileTable {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #d8d8d8; }
  .profileTable th,
  .profileTable td {
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px; }
  .profileTable th {
    color: #666666;
    font-weight: normal;
    text-align: left; }
  .profileTable td {
    text-align: right; }

div.copyrights a {
  color: inherit; }

table.detailTable {
  width: 100%;
  border-top: 1px solid #d8d8d8; }
  table.detailTable th, table.detailTable td {
    font-size: 14px;
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8; }
  table.detailTable th {
    color: #666666;
    font-weight: normal;
    text-align: left; }
  table.detailTable td {
    text-align: right; }

.drawer_trigger {
  cursor: pointer;
  position: absolute;
  right: 15px;
  line-height: 38px;
  width: 15px; }
  .drawer_trigger i {
    font-size: 18px; }

.static-menu {
  padding: 0;
  text-align: left; }
  .static-menu .logo {
    display: none; }
  .static-menu li {
    border: 0; }
    .static-menu li::before {
      content: none; }
    .static-menu li a {
      display: block;
      font-size: 20px;
      font-weight: bold;
      color: #606060;
      padding: 16px 12px 14px 42px; }

.mail_send_status {
  padding: 0 0 36px; }
  .mail_send_status .email {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    text-align: center;
    word-break: break-all; }
    .mail_send_status .email + p {
      margin-top: 20px; }
  .mail_send_status > p {
    color: #222;
    text-align: center; }
  .mail_send_status .eye_catching {
    margin: 30px auto 0;
    width: 80px; }
    .mail_send_status .eye_catching img {
      width: 100%;
      display: block; }

+ hr {
  margin-top: 0; }

.flash {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  .flash .background {
    cursor: pointer; }
    .flash .background.footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 1; }
    .flash .background p:first-child {
      margin: 0; }

.row {
  position: relative; }

.background--notice {
  background-color: rgba(38, 150, 143, 0.9); }

.background--alert {
  background-color: rgba(237, 5, 43, 0.9); }

.flash > p {
  font-size: 14px;
  color: white;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 10px 30px; }

.row__closeButton {
  width: 20px;
  height: 100%;
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/button/modal_close-1d969557050e0c10a5180c63bc906b8e365d706e1d6db6168b68cbaf15ccd18e.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  position: absolute;
  right: 5px; }

.floating_footer {
  display: block;
  width: 100%;
  height: 64px;
  position: fixed;
  bottom: 0;
  z-index: 1; }
  .floating_footer sns-share {
    height: 100%; }
    .floating_footer sns-share section {
      margin-top: 0;
      height: 100%; }
      .floating_footer sns-share section .snsLinks {
        height: 100%; }
        .floating_footer sns-share section .snsLinks ul {
          margin-top: 0;
          height: 100%; }
          .floating_footer sns-share section .snsLinks ul li {
            margin-right: 0;
            border-radius: 0;
            height: 100%;
            text-indent: 0; }
            .floating_footer sns-share section .snsLinks ul li.fb, .floating_footer sns-share section .snsLinks ul li.tw {
              background-image: none; }
            .floating_footer sns-share section .snsLinks ul li.clipboard {
              flex-basis: 64px; }
            .floating_footer sns-share section .snsLinks ul li a p {
              font-size: 18px;
              color: #fff;
              font-weight: bold;
              text-align: center;
              line-height: 64px; }
  .floating_footer > form {
    height: 100%; }
  .floating_footer button,
  .floating_footer input[type="button"],
  .floating_footer input[type="reset"],
  .floating_footer input[type="submit"],
  .floating_footer button[type="submit"],
  .floating_footer .button {
    padding: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 64px;
    margin-top: 0;
    max-width: 750px;
    font-size: 16px; }
    .floating_footer button small,
    .floating_footer input[type="button"] small,
    .floating_footer input[type="reset"] small,
    .floating_footer input[type="submit"] small,
    .floating_footer button[type="submit"] small,
    .floating_footer .button small {
      display: block;
      font-size: 12px;
      line-height: 1.3em; }
  .floating_footer > scroll-link2.button {
    height: 64px; }

.wrapper > footer {
  background-color: #f2f2f2; }
  .wrapper > footer > .inner {
    padding: 6% 5%;
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
    .wrapper > footer > .inner > ul > li a {
      color: #333333; }
  .wrapper > footer .switchLanguage {
    appearance: none;
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    margin-top: 15px;
    display: inline-block;
    width: auto; }
    .wrapper > footer .switchLanguage i {
      margin-left: 8px;
      vertical-align: middle; }

fieldset {
  padding: 0;
  border: 0;
  background-color: transparent;
  margin: 1.5em auto 0;
  width: 100%;
  position: relative; }
  fieldset:first-child {
    margin-top: 0; }
  fieldset input[type=text]:not(:first-child),
  fieldset input[type=email]:not(:first-child) {
    margin-top: .5em; }
  fieldset.error input[type=text],
  fieldset.error input[type=email],
  fieldset.error input[type=password] {
    border-color: #ed052b; }

legend {
  margin-bottom: 0.375em;
  padding: 0;
  font-weight: 600; }

label {
  display: block; }

input,
select,
textarea {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px; }

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

[type="file"] {
  width: 100%;
  margin-bottom: 0.75em; }

select {
  width: 100%; }
  select:invalid {
    color: rgba(51, 51, 51, 0.2); }

input[type="text"], input[type="email"], input[type="date"], input[type="password"], input[type="number"], input[type="url"], input[type="tel"], select, textarea {
  width: 100%;
  padding: .9em;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  color: #333333;
  font-size: 14px;
  appearance: none; }
  input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="date"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="url"]::placeholder, input[type="tel"]::placeholder, select::placeholder, textarea::placeholder {
    color: rgba(51, 51, 51, 0.2); }
  input[type="text"]:hover::placeholder, input[type="email"]:hover::placeholder, input[type="date"]:hover::placeholder, input[type="password"]:hover::placeholder, input[type="number"]:hover::placeholder, input[type="url"]:hover::placeholder, input[type="tel"]:hover::placeholder, select:hover::placeholder, textarea:hover::placeholder {
    color: rgba(51, 51, 51, 0.5); }
  input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
    border-color: #26968f; }
    input[type="text"]:focus::placeholder, input[type="email"]:focus::placeholder, input[type="date"]:focus::placeholder, input[type="password"]:focus::placeholder, input[type="number"]:focus::placeholder, input[type="url"]:focus::placeholder, input[type="tel"]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder {
      color: rgba(51, 51, 51, 0.5); }
  input[type="text"][aria-invalid="true"], input[type="email"][aria-invalid="true"], input[type="date"][aria-invalid="true"], input[type="password"][aria-invalid="true"], input[type="number"][aria-invalid="true"], input[type="url"][aria-invalid="true"], input[type="tel"][aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] {
    margin-bottom: 2px; }
    input[type="text"][aria-invalid="true"] + div.error, input[type="email"][aria-invalid="true"] + div.error, input[type="date"][aria-invalid="true"] + div.error, input[type="password"][aria-invalid="true"] + div.error, input[type="number"][aria-invalid="true"] + div.error, input[type="url"][aria-invalid="true"] + div.error, input[type="tel"][aria-invalid="true"] + div.error, select[aria-invalid="true"] + div.error, textarea[aria-invalid="true"] + div.error {
      margin-bottom: .75em; }
  input[type="text"].noZoom, input[type="email"].noZoom, input[type="date"].noZoom, input[type="password"].noZoom, input[type="number"].noZoom, input[type="url"].noZoom, input[type="tel"].noZoom, select.noZoom, textarea.noZoom {
    font-size: 16px;
    transform: scale(0.875);
    transform-origin: left top;
    width: 114%; }

form,
.form {
  padding: 0; }
  form:not(:first-child),
  .form:not(:first-child) {
    margin: 1.5em 0 0; }
  form .required.form-control > label:after,
  form .required.fields > label:after,
  form .required.field > label:after,
  form label.required:after,
  .form .required.form-control > label:after,
  .form .required.fields > label:after,
  .form .required.field > label:after,
  .form label.required:after {
    margin: 0;
    margin-left: .5em;
    color: #ed052b;
    vertical-align: middle;
    content: "\203B\5FC5\9808"; }
  form .hint,
  .form .hint {
    color: #999999;
    font-size: 12px;
    text-align: left;
    margin-top: .5em; }
    form .hint.error,
    .form .hint.error {
      color: #ed052b; }
  form .with-prefix.mgram,
  .form .with-prefix.mgram {
    position: relative; }
    form .with-prefix.mgram input,
    .form .with-prefix.mgram input {
      padding-left: 2.3em; }
    form .with-prefix.mgram:before,
    .form .with-prefix.mgram:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1.7em;
      height: 1.7em;
      margin: .3em;
      background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/mgram_icon-230a44c889eb0fa037b190f88a2135e754179e823879c83eb8f141cabf75cdea.png);
      background-size: contain;
      content: ""; }
  form .form-inner,
  .form .form-inner {
    position: relative; }
    form .form-inner fieldset legend,
    form .form-inner fieldset .legend,
    form .form-inner .fieldset legend,
    form .form-inner .fieldset .legend,
    .form .form-inner fieldset legend,
    .form .form-inner fieldset .legend,
    .form .form-inner .fieldset legend,
    .form .form-inner .fieldset .legend {
      float: left;
      width: 100%;
      padding: 0;
      font-size: .8em;
      font-weight: 600; }
    form .form-inner fieldset label + textarea,
    form .form-inner .fieldset label + textarea,
    .form .form-inner fieldset label + textarea,
    .form .form-inner .fieldset label + textarea {
      margin-top: 10px; }
    form .form-inner .form-control,
    .form .form-inner .form-control {
      margin: 30px 0 0;
      padding: 0; }
      form .form-inner .form-control.disabled input[type="text"], form .form-inner .form-control.disabled input[type="email"], form .form-inner .form-control.disabled input[type="date"], form .form-inner .form-control.disabled input[type="password"], form .form-inner .form-control.disabled input[type="number"], form .form-inner .form-control.disabled input[type="url"], form .form-inner .form-control.disabled input[type="tel"], form .form-inner .form-control.disabled select, form .form-inner .form-control.disabled textarea,
      .form .form-inner .form-control.disabled input[type="text"],
      .form .form-inner .form-control.disabled input[type="email"],
      .form .form-inner .form-control.disabled input[type="date"],
      .form .form-inner .form-control.disabled input[type="password"],
      .form .form-inner .form-control.disabled input[type="number"],
      .form .form-inner .form-control.disabled input[type="url"],
      .form .form-inner .form-control.disabled input[type="tel"],
      .form .form-inner .form-control.disabled select,
      .form .form-inner .form-control.disabled textarea {
        color: #eeeeee; }
    form .form-inner .fields,
    .form .form-inner .fields {
      display: flex; }
      form .form-inner .fields > *,
      .form .form-inner .fields > * {
        width: 100%;
        margin: 0 10px; }
        form .form-inner .fields > *:first-child,
        .form .form-inner .fields > *:first-child {
          margin-left: 0; }
        form .form-inner .fields > *:last-child,
        .form .form-inner .fields > *:last-child {
          margin-right: 0; }
      form .form-inner .fields.with-prefix.cc input,
      .form .form-inner .fields.with-prefix.cc input {
        margin-left: -2em;
        padding-left: 3em; }
      form .form-inner .fields.with-prefix.cc span.prefix,
      .form .form-inner .fields.with-prefix.cc span.prefix {
        z-index: 1;
        margin: 0;
        padding: 14px 0;
        flex-basis: 0; }
        form .form-inner .fields.with-prefix.cc span.prefix i,
        .form .form-inner .fields.with-prefix.cc span.prefix i {
          width: 2em;
          padding-left: 1em; }
          form .form-inner .fields.with-prefix.cc span.prefix i.disabled,
          .form .form-inner .fields.with-prefix.cc span.prefix i.disabled {
            color: #eeeeee; }
      form .form-inner .fields.with-suffix input,
      .form .form-inner .fields.with-suffix input {
        margin-right: 0;
        padding-right: 3em; }
      form .form-inner .fields.with-suffix span.suffix,
      .form .form-inner .fields.with-suffix span.suffix {
        margin-left: -2em;
        padding: 14px 0;
        flex-basis: 0; }
      form .form-inner .fields.with-suffix > .with-suffix,
      .form .form-inner .fields.with-suffix > .with-suffix {
        margin: 0; }
        form .form-inner .fields.with-suffix > .with-suffix span.suffix,
        .form .form-inner .fields.with-suffix > .with-suffix span.suffix {
          margin-left: -3.5em; }
      form .form-inner .fields.with-suffix span.suffix i,
      .form .form-inner .fields.with-suffix span.suffix i {
        font-size: 1.5em; }
      form .form-inner .fields.with-suffix span.suffix i.fa-check-circle-o,
      .form .form-inner .fields.with-suffix span.suffix i.fa-check-circle-o {
        color: #bfbfbf; }
      form .form-inner .fields.with-suffix span.suffix i.fa-check-circle,
      .form .form-inner .fields.with-suffix span.suffix i.fa-check-circle {
        color: #2bcc94; }
      form .form-inner .fields.availableCards,
      .form .form-inner .fields.availableCards {
        position: relative;
        margin-right: 0; }
        form .form-inner .fields.availableCards input,
        .form .form-inner .fields.availableCards input {
          margin: 0;
          padding-right: 90px; }
        form .form-inner .fields.availableCards .availableCardList,
        .form .form-inner .fields.availableCards .availableCardList {
          overflow: hidden;
          position: absolute;
          top: 0;
          right: 10px;
          bottom: 0;
          width: auto;
          height: 25px;
          margin: auto; }
          form .form-inner .fields.availableCards .availableCardList__item,
          .form .form-inner .fields.availableCards .availableCardList__item {
            float: left;
            width: 38px;
            height: 25px;
            margin-left: 5px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center center; }
            form .form-inner .fields.availableCards .availableCardList__item--visa,
            .form .form-inner .fields.availableCards .availableCardList__item--visa {
              background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_card_visa-4095a02abb10cc47868210b202be28fc4d59386bc788558db24d2b3bcc95774b.png);
              background-size: 38px 25px; }
            form .form-inner .fields.availableCards .availableCardList__item--mc,
            .form .form-inner .fields.availableCards .availableCardList__item--mc {
              background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_card_mastercard-2b89b04ed161315b2d0ead0d276c210a3598c6bfa55009a253406036349d737a.png);
              background-size: 38px 25px; }
    form .form-inner label,
    .form .form-inner label {
      margin: 30px 0 5px;
      font-size: 12px; }
      form .form-inner label:first-child,
      .form .form-inner label:first-child {
        margin-top: 0; }
    form .form-inner .hint,
    .form .form-inner .hint {
      margin: .5em 0 0;
      color: #bfbfbf;
      font-size: .8em; }
    form .form-inner div.form-control.checkboxes-with-hint label,
    .form .form-inner div.form-control.checkboxes-with-hint label {
      margin-bottom: .2em; }
    form .form-inner div.form-control.checkboxes-with-hint .hint,
    .form .form-inner div.form-control.checkboxes-with-hint .hint {
      margin-top: 0;
      margin-bottom: .6em;
      line-height: 1.2em; }
  form > .form-control,
  .form > .form-control {
    margin: 20px 20px; }
    form > .form-control .field,
    .form > .form-control .field {
      padding: 20px 0 10px; }
      form > .form-control .field label,
      .form > .form-control .field label {
        margin: 0 0 20px;
        font-size: .95em; }
  form .field.error input[type="text"], form .field.error input[type="email"], form .field.error input[type="date"], form .field.error input[type="password"], form .field.error input[type="number"], form .field.error input[type="url"], form .field.error input[type="tel"], form .field.error select, form .field.error textarea,
  .form .field.error input[type="text"],
  .form .field.error input[type="email"],
  .form .field.error input[type="date"],
  .form .field.error input[type="password"],
  .form .field.error input[type="number"],
  .form .field.error input[type="url"],
  .form .field.error input[type="tel"],
  .form .field.error select,
  .form .field.error textarea {
    border-color: #fa1238;
    background: rgba(253, 142, 160, 0.2);
    box-shadow: none;
    color: #ed052b; }
    form .field.error input[type="text"]::placeholder, form .field.error input[type="email"]::placeholder, form .field.error input[type="date"]::placeholder, form .field.error input[type="password"]::placeholder, form .field.error input[type="number"]::placeholder, form .field.error input[type="url"]::placeholder, form .field.error input[type="tel"]::placeholder, form .field.error select::placeholder, form .field.error textarea::placeholder,
    .form .field.error input[type="text"]::placeholder,
    .form .field.error input[type="email"]::placeholder,
    .form .field.error input[type="date"]::placeholder,
    .form .field.error input[type="password"]::placeholder,
    .form .field.error input[type="number"]::placeholder,
    .form .field.error input[type="url"]::placeholder,
    .form .field.error input[type="tel"]::placeholder,
    .form .field.error select::placeholder,
    .form .field.error textarea::placeholder {
      color: rgba(237, 5, 43, 0.2); }
    form .field.error input[type="text"]:hover::placeholder, form .field.error input[type="email"]:hover::placeholder, form .field.error input[type="date"]:hover::placeholder, form .field.error input[type="password"]:hover::placeholder, form .field.error input[type="number"]:hover::placeholder, form .field.error input[type="url"]:hover::placeholder, form .field.error input[type="tel"]:hover::placeholder, form .field.error select:hover::placeholder, form .field.error textarea:hover::placeholder,
    .form .field.error input[type="text"]:hover::placeholder,
    .form .field.error input[type="email"]:hover::placeholder,
    .form .field.error input[type="date"]:hover::placeholder,
    .form .field.error input[type="password"]:hover::placeholder,
    .form .field.error input[type="number"]:hover::placeholder,
    .form .field.error input[type="url"]:hover::placeholder,
    .form .field.error input[type="tel"]:hover::placeholder,
    .form .field.error select:hover::placeholder,
    .form .field.error textarea:hover::placeholder {
      color: rgba(237, 5, 43, 0.5); }
    form .field.error input[type="text"]:focus, form .field.error input[type="email"]:focus, form .field.error input[type="date"]:focus, form .field.error input[type="password"]:focus, form .field.error input[type="number"]:focus, form .field.error input[type="url"]:focus, form .field.error input[type="tel"]:focus, form .field.error select:focus, form .field.error textarea:focus,
    .form .field.error input[type="text"]:focus,
    .form .field.error input[type="email"]:focus,
    .form .field.error input[type="date"]:focus,
    .form .field.error input[type="password"]:focus,
    .form .field.error input[type="number"]:focus,
    .form .field.error input[type="url"]:focus,
    .form .field.error input[type="tel"]:focus,
    .form .field.error select:focus,
    .form .field.error textarea:focus {
      border-color: #fa1238; }
      form .field.error input[type="text"]:focus::placeholder, form .field.error input[type="email"]:focus::placeholder, form .field.error input[type="date"]:focus::placeholder, form .field.error input[type="password"]:focus::placeholder, form .field.error input[type="number"]:focus::placeholder, form .field.error input[type="url"]:focus::placeholder, form .field.error input[type="tel"]:focus::placeholder, form .field.error select:focus::placeholder, form .field.error textarea:focus::placeholder,
      .form .field.error input[type="text"]:focus::placeholder,
      .form .field.error input[type="email"]:focus::placeholder,
      .form .field.error input[type="date"]:focus::placeholder,
      .form .field.error input[type="password"]:focus::placeholder,
      .form .field.error input[type="number"]:focus::placeholder,
      .form .field.error input[type="url"]:focus::placeholder,
      .form .field.error input[type="tel"]:focus::placeholder,
      .form .field.error select:focus::placeholder,
      .form .field.error textarea:focus::placeholder {
        color: rgba(237, 5, 43, 0.7); }
  form .actions,
  .form .actions {
    display: flex;
    margin: 20px -10px 0;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  form .actions-wrapper,
  .form .actions-wrapper {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px; }
  form .form-control .boolean.field,
  .form .form-control .boolean.field {
    display: flex; }
    form .form-control .boolean.field label,
    .form .form-control .boolean.field label {
      margin: 0 0 5px;
      padding: 0; }
    form .form-control .boolean.field input[type="checkbox"] + label:before,
    .form .form-control .boolean.field input[type="checkbox"] + label:before {
      color: #eeeeee; }
    form .form-control .boolean.field input[type="checkbox"] + label:before,
    .form .form-control .boolean.field input[type="checkbox"] + label:before {
      margin-right: .5em;
      font-size: 16px; }
    form .form-control .boolean.field input[type="checkbox"]:checked + label:before,
    .form .form-control .boolean.field input[type="checkbox"]:checked + label:before {
      color: #26968f; }
      form .form-control .boolean.field input[type="checkbox"]:checked + label:before,
      .form .form-control .boolean.field input[type="checkbox"]:checked + label:before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      form .form-control .boolean.field input[type="checkbox"]:checked + label:before,
      .form .form-control .boolean.field input[type="checkbox"]:checked + label:before {
        content: fa-check-square; }
    form .form-control .boolean.field input[type="checkbox"]:checked + label:before,
    .form .form-control .boolean.field input[type="checkbox"]:checked + label:before {
      margin-right: .5em;
      font-size: 16px; }
  form .form-control .checkbox.fields,
  .form .form-control .checkbox.fields {
    display: flex;
    margin-top: 15px;
    align-items: stretch; }
    form .form-control .checkbox.fields .field,
    .form .form-control .checkbox.fields .field {
      display: flex;
      margin: 0;
      padding: 0;
      align-items: stretch; }
      form .form-control .checkbox.fields .field label,
      .form .form-control .checkbox.fields .field label {
        display: block;
        display: flex;
        width: 100%;
        margin: 0;
        padding: 8px 8px;
        border: solid 1px #26968f;
        border-left: none;
        background: white;
        color: #26968f;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        line-height: 100%;
        cursor: pointer;
        transition: all .1s ease-in-out;
        justify-content: center;
        align-items: center; }
        form .form-control .checkbox.fields .field label:hover,
        .form .form-control .checkbox.fields .field label:hover {
          background: rgba(38, 150, 143, 0.6); }
      form .form-control .checkbox.fields .field input,
      .form .form-control .checkbox.fields .field input {
        display: none; }
        form .form-control .checkbox.fields .field input:checked + label,
        .form .form-control .checkbox.fields .field input:checked + label {
          background: #26968f;
          color: #ffffff; }
      form .form-control .checkbox.fields .field:first-child label,
      .form .form-control .checkbox.fields .field:first-child label {
        border-left: solid 1px #26968f;
        border-radius: 2px 0 0 2px; }
      form .form-control .checkbox.fields .field:last-child label,
      .form .form-control .checkbox.fields .field:last-child label {
        border-radius: 0 2px 2px 0; }
  form .form-control.disabled .checkbox.fields .field label,
  .form .form-control.disabled .checkbox.fields .field label {
    border-color: #eeeeee;
    color: #eeeeee; }
  form .form-control.disabled .checkbox.fields .field input:checked + label,
  .form .form-control.disabled .checkbox.fields .field input:checked + label {
    background: #eeeeee; }
  form .form-control .dropdown.field,
  .form .form-control .dropdown.field {
    overflow: hidden;
    position: relative;
    padding: 4px 12px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    background-color: #fafafa; }
    form .form-control .dropdown.field > select,
    .form .form-control .dropdown.field > select {
      width: 130%; }
    form .form-control .dropdown.field select,
    .form .form-control .dropdown.field select {
      box-sizing: content-box;
      margin: 0;
      color: #333333;
      font-size: 16px;
      text-indent: .01px;
      vertical-align: middle;
      text-overflow: "";
      transform: scale(0.875);
      transform-origin: left 50%;
      appearance: none; }
      form .form-control .dropdown.field select::-ms-expand,
      .form .form-control .dropdown.field select::-ms-expand {
        display: none; }
    form .form-control .dropdown.field:after,
    .form .form-control .dropdown.field:after {
      position: absolute;
      top: 50%;
      right: 12px;
      width: 16px;
      height: 16px;
      margin-top: -10px;
      color: #333333;
      font-size: 16px;
      pointer-events: none; }
      form .form-control .dropdown.field:after,
      .form .form-control .dropdown.field:after {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      form .form-control .dropdown.field:after,
      .form .form-control .dropdown.field:after {
        content: fa-chevron-down; }
  form .form-control.disabled .dropdown.field select,
  .form .form-control.disabled .dropdown.field select {
    color: #eeeeee; }
  form .form-control.disabled .dropdown.field:after,
  .form .form-control.disabled .dropdown.field:after {
    color: #eeeeee; }
  form .question__radio__item input[type="radio"],
  .form .question__radio__item input[type="radio"] {
    display: none; }
    form .question__radio__item input[type="radio"]:checked + .radioBtn:before,
    .form .question__radio__item input[type="radio"]:checked + .radioBtn:before {
      background-color: #333333; }
  form .question__radio__item:last-child .radioBtn,
  .form .question__radio__item:last-child .radioBtn {
    border-bottom: 0; }
  form .question__radio__item .radioBtn,
  .form .question__radio__item .radioBtn {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px 45px 20px 20px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    cursor: pointer; }
    form .question__radio__item .radioBtn.is-checked:before, form .question__radio__item .radioBtn:checked:before,
    .form .question__radio__item .radioBtn.is-checked:before,
    .form .question__radio__item .radioBtn:checked:before {
      background-color: #333333; }
    form .question__radio__item .radioBtn.is-checked:after, form .question__radio__item .radioBtn:checked:after,
    .form .question__radio__item .radioBtn.is-checked:after,
    .form .question__radio__item .radioBtn:checked:after {
      color: #ffffff; }
    form .question__radio__item .radioBtn.is-disabled:before, form .question__radio__item .radioBtn:disabled:before,
    .form .question__radio__item .radioBtn.is-disabled:before,
    .form .question__radio__item .radioBtn:disabled:before {
      background-color: #eeeeee; }
    form .question__radio__item .radioBtn.is-disabled:after, form .question__radio__item .radioBtn:disabled:after,
    .form .question__radio__item .radioBtn.is-disabled:after,
    .form .question__radio__item .radioBtn:disabled:after {
      color: #ffffff; }
    form .question__radio__item .radioBtn:before,
    .form .question__radio__item .radioBtn:before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 42px;
      height: 42px;
      margin: auto;
      border-radius: 100%;
      background-color: #eeeeee;
      content: ""; }
    form .question__radio__item .radioBtn:after,
    .form .question__radio__item .radioBtn:after {
      display: block;
      position: absolute;
      top: 0;
      right: 10px;
      bottom: 0;
      width: 22px;
      height: 22px;
      margin: auto;
      padding-top: 1px;
      color: #ffffff;
      font-size: 22px !important;
      content: ""; }
      form .question__radio__item .radioBtn:after,
      .form .question__radio__item .radioBtn:after {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      form .question__radio__item .radioBtn:after,
      .form .question__radio__item .radioBtn:after {
        content: fa-check; }
    form .question__radio__item .radioBtn + label,
    .form .question__radio__item .radioBtn + label {
      line-height: 43px;
      cursor: pointer; }
  form .question__choices,
  .form .question__choices {
    display: table;
    overflow: hidden;
    table-layout: auto;
    max-width: 375px;
    width: 100%;
    margin: 0 auto 40px; }
    form .question__choices__item,
    .form .question__choices__item {
      display: table-cell;
      position: relative;
      text-align: center;
      vertical-align: top; }
      form .question__choices__item label.button,
      .form .question__choices__item label.button {
        position: relative;
        width: 58px;
        height: 58px;
        margin: 0 auto 7px;
        padding: 0;
        border-color: #eeeeee;
        border-radius: 100% !important;
        background-color: #eeeeee;
        color: #ffffff;
        font-size: inherit;
        font-weight: inherit;
        text-align: inherit;
        cursor: pointer; }
        form .question__choices__item label.button:after,
        .form .question__choices__item label.button:after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 24px;
          height: 24px;
          margin: auto;
          border-radius: 100%;
          background-color: #ffffff;
          content: ""; }
      form .question__choices__item input[type="radio"],
      .form .question__choices__item input[type="radio"] {
        display: none; }
        form .question__choices__item input[type="radio"]:checked + label.button,
        .form .question__choices__item input[type="radio"]:checked + label.button {
          background-color: #333333; }
      form .question__choices__item .buttonLabel,
      .form .question__choices__item .buttonLabel {
        display: block;
        width: 60px;
        margin: 0 auto;
        color: #999999;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        line-height: 1.3;
        letter-spacing: -1px; }

.answerTypeSelector {
  position: relative;
  float: right;
  width: 146px;
  height: 44px;
  margin-right: 14px;
  padding: 0 3px 0 34px;
  border-radius: 22px;
  background-color: #eeeeee;
  color: #999999;
  font-size: 12px;
  line-height: 44px; }
  .answerTypeSelector.is-active {
    background-color: #333333;
    color: #ffffff; }
    .answerTypeSelector.is-active:after {
      color: #333333; }
  .answerTypeSelector:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 24px;
    height: 24px;
    margin: auto;
    border-radius: 100%;
    background-color: #ffffff;
    content: ""; }
  .answerTypeSelector:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    width: 12px;
    height: 12px;
    margin: auto;
    padding-top: 1px;
    color: #eeeeee;
    font-size: 12px !important;
    content: ""; }
    .answerTypeSelector:after {
      display: inline-block;
      font: normal normal normal 14px / 1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .answerTypeSelector:after {
      content: fa-check; }
  .answerTypeSelector_wrap {
    display: block;
    overflow: hidden;
    max-width: 428px;
    margin: 0 auto; }

.nickname-count {
  position: relative; }
  .nickname-count .count {
    color: #848484;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    bottom: 5px; }

.google_adsense_area {
  margin: 30px; }

.wrapper > header {
  width: 100%;
  height: 38px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 2;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
  .wrapper > header .inner {
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
  .wrapper > header .logo {
    display: block;
    width: 80px;
    height: 28px;
    background: url(//d3iwxdng5nai8r.cloudfront.net/assets/logo-fd18ff1372b06445c03d1517657aa39365c92d75c634b5b17dd0272d30b9c633.svg) center/contain no-repeat transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-indent: 100%;
    overflow: hidden;
    top: 3px; }
  .wrapper > header .back {
    cursor: pointer;
    position: absolute;
    left: 15px;
    line-height: 38px;
    width: 15px;
    font-size: 18px;
    color: #333333; }

i.fa-lock {
  color: red;
  padding-right: 0.5em; }

.ico--public, .ico--private {
  font-size: 10px;
  color: #999999;
  padding-left: 17px;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent;
  line-height: 21px;
  position: absolute;
  top: 0;
  right: 0; }
.ico--public {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_public-8c3c74e9086b8e399d63166bd6cf6c2752acb0257d0f0bef544cf7e3bdf3adbb.png);
  background-size: 12px; }
.ico--private {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_private-5cdca099d61f8fc1fc0b99fd5a130b91bcbefc3fd39eb01eb4d4c4f786bd466f.png);
  background-size: 12px; }
.ico--essential {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  background-color: #ed052b;
  border-radius: 2px;
  font-style: normal;
  box-sizing: border-box;
  margin-left: 5px; }

i.fa-minus-circle:before {
  margin: 1px; }

i.fa-minus-circle.white-back:after {
  content: '';
  display: block;
  width: 74%;
  height: 74%;
  position: absolute;
  top: 13%;
  left: 13%;
  border-radius: 100%;
  background-color: white;
  z-index: -1; }

.parts__large-button {
  margin: 1em 4em;
  text-align: center; }

.large-button {
  height: 6em;
  border-radius: 0.7em;
  box-shadow: 0 0.5em 0 0 #d3d3d3; }
  .large-button--orange {
    background-color: #ff7f00; }
  .large-button--blue {
    background-color: #0b4d9b; }
  .large-button__text {
    position: relative;
    height: 100%;
    width: 100%;
    font-family: HiraginoSans-W6, Hiragino Sans;
    font-size: 2em; }
    .large-button__text a {
      position: absolute;
      z-index: 0;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      color: #ffffff; }

html {
  box-sizing: border-box; }

*, *::before, *::after {
  box-sizing: inherit; }

html, body {
  height: 100%; }

body {
  background-color: #ffffff;
  height: 100%;
  color: #505050; }

@media only screen and (max-width: 750px) {
  .visible-pc {
    display: none !important; } }
@media only screen and (min-width: 751px) {
  .visible-sp {
    display: none !important; } }
.wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%; }
  .wrapper footer {
    margin-top: auto; }

main {
  width: 100%;
  padding-bottom: 64px; }
  main > section {
    width: 100%;
    max-width: 750px;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto; }
    main > section:first-of-type {
      padding-top: 80px; }
    main > section:last-of-type {
      margin-bottom: 5%; }
    main > section > section {
      margin-top: 50px; }
      main > section > section:first-child {
        margin-top: 0; }

.imageInfo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5em; }
  .imageInfo:first-child {
    margin-top: 0; }
  .imageInfo .thumbnailS {
    width: 50px;
    margin-right: 8px; }
  .imageInfo .thumbnailM {
    width: 75px;
    margin-right: 15px; }
  .imageInfo > div {
    text-align: left; }
    .imageInfo > div > p {
      margin: 0;
      font-size: 12px;
      font-weight: normal; }
      .imageInfo > div > p em {
        font-size: 14px;
        font-weight: bold;
        font-style: normal; }

ul,
ol {
  list-style-type: none;
  margin-top: 1.5em;
  padding: 0; }
  ul.decimal,
  ol.decimal {
    padding-left: 1.5em;
    text-align: left;
    list-style-type: decimal; }
  ul.disc,
  ol.disc {
    padding-left: 1.5em;
    text-align: left;
    list-style-type: disc; }
  ul.blank,
  ol.blank {
    padding-left: 1.5em;
    text-align: left; }
  ul:first-child,
  ol:first-child {
    margin-top: 0; }
  ul li:first-child,
  ol li:first-child {
    margin-top: 0; }
  ul > li,
  ol > li {
    margin-top: .75em; }
    ul > li > ul,
    ul > li > ol,
    ol > li > ul,
    ol > li > ol {
      margin-top: 1em; }
      ul > li > ul > li,
      ul > li > ol > li,
      ol > li > ul > li,
      ol > li > ol > li {
        margin-top: .5em; }
        ul > li > ul > li > ul,
        ul > li > ul > li > ol,
        ul > li > ol > li > ul,
        ul > li > ol > li > ol,
        ol > li > ul > li > ul,
        ol > li > ul > li > ol,
        ol > li > ol > li > ul,
        ol > li > ol > li > ol {
          margin-top: .5em; }
          ul > li > ul > li > ul > li,
          ul > li > ul > li > ol > li,
          ul > li > ol > li > ul > li,
          ul > li > ol > li > ol > li,
          ol > li > ul > li > ul > li,
          ol > li > ul > li > ol > li,
          ol > li > ol > li > ul > li,
          ol > li > ol > li > ol > li {
            margin-top: .25em; }
    ul > li p,
    ol > li p {
      margin-top: .5em; }

dl {
  margin: 0; }

dt {
  margin: 0;
  font-weight: 600; }

dd {
  margin: 0; }

.contentSection > .loading {
  margin-bottom: 15px; }

.loading {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px; }
  .loading img {
    margin: 0;
    width: 100px;
    height: 100px; }
  .loading.animation img {
    margin-top: 10px;
    width: 80px;
    height: 80px; }
  .loading.animation:before {
    display: block;
    content: "";
    border: 5px solid #505050;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    opacity: .9;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    animation: spin-pulse 1s infinite linear;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0; }
  .loading.animation:after {
    display: block;
    content: "";
    border: 5px solid #505050;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    opacity: .65;
    border-radius: 40px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: 10px;
    animation: spin-off-pulse 1s infinite linear; }
@keyframes spin-pulse {
  0% {
    transform: rotate(160deg);
    opacity: 0; }
  50% {
    transform: rotate(145deg);
    opacity: 1; }
  100% {
    transform: rotate(-320deg);
    opacity: 0; } }
@keyframes spin-off-pulse {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }
  img.tiles,
  picture.tiles {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 20px auto 0; }

.speaker-message {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex: 1; }
  .speaker-message .ui.message {
    flex: 1; }
  .speaker-message .speaker {
    min-height: 100px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/concierge/yui_black_suit_right-20cb85c32c873bfd16bfea5454804bb170ea6a5d689d9bdcf1a5b39540485c1d.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
    flex: 0 0 100px; }
  .speaker-message .mini.message + .speaker {
    min-height: 80px;
    flex: 0 0 80px; }
  .speaker-message .large.message + .speaker {
    min-height: 120px;
    flex: 0 0 120px; }

modal-popup .modal-overlay,
modal-popup-default .modal-overlay {
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.78);
  width: 100%;
  height: 100%;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  display: none; }
  modal-popup .modal-overlay.visible,
  modal-popup-default .modal-overlay.visible {
    display: flex;
    align-items: center;
    justify-content: center; }
modal-popup .settlementList,
modal-popup-default .settlementList {
  margin: 40px auto 0; }
  modal-popup .settlementList > li,
  modal-popup-default .settlementList > li {
    min-height: 64px;
    margin-top: 16px;
    transition: opacity .3s;
    border: solid 1px #979797;
    border-radius: 3px;
    overflow: hidden; }
    modal-popup .settlementList > li:first-child,
    modal-popup-default .settlementList > li:first-child {
      margin-top: 0; }
    modal-popup .settlementList > li.credit,
    modal-popup-default .settlementList > li.credit {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_credit-b555a86aab187dc19ac38fbdb003251d2e785df51323a16500effe6a2c5b8177.svg) 16px 18px no-repeat transparent;
      background-size: 32px auto; }
    modal-popup .settlementList > li.cellular,
    modal-popup-default .settlementList > li.cellular {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_cellular-66c8a4333c19e09a6da636de3f51b89ba6f4c4aacc2df9bfafa1907d74c5b514.svg) 16px 18px no-repeat transparent;
      background-size: 32px auto; }
    modal-popup .settlementList > li.prepaid,
    modal-popup-default .settlementList > li.prepaid {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_prepaid-4591ef731fdce66e1df10d4036b9fa21430dae93ef5db5053540ed7e3f3f0f51.svg) 16px 18px no-repeat transparent;
      background-size: 32px auto; }
    modal-popup .settlementList > li.emoney,
    modal-popup-default .settlementList > li.emoney {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_emoney-d9b67cb48f902879dcf8e9418c156d47df143858968c769832caf85c9f7c40b6.svg) 15px 18px no-repeat transparent;
      background-size: 32px auto; }
    modal-popup .settlementList > li > a,
    modal-popup .settlementList > li > .accordion,
    modal-popup-default .settlementList > li > a,
    modal-popup-default .settlementList > li > .accordion {
      width: 100%;
      height: 100%;
      padding: 15px;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      transition: .3s; }
      modal-popup .settlementList > li > a:hover,
      modal-popup .settlementList > li > .accordion:hover,
      modal-popup-default .settlementList > li > a:hover,
      modal-popup-default .settlementList > li > .accordion:hover {
        text-decoration: none; }
      modal-popup .settlementList > li > a .name,
      modal-popup .settlementList > li > .accordion .name,
      modal-popup-default .settlementList > li > a .name,
      modal-popup-default .settlementList > li > .accordion .name {
        font-size: 14px;
        font-weight: bold;
        color: #222;
        margin: 0;
        text-align: left;
        padding-left: 50px; }
      modal-popup .settlementList > li > a .notes,
      modal-popup .settlementList > li > .accordion .notes,
      modal-popup-default .settlementList > li > a .notes,
      modal-popup-default .settlementList > li > .accordion .notes {
        font-size: 12px;
        font-weight: bold;
        color: #9b9b9b;
        margin: 2px 0 0;
        text-align: left;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding-left: 50px; }
      modal-popup .settlementList > li > a.is-opened .accordionContent,
      modal-popup .settlementList > li > .accordion.is-opened .accordionContent,
      modal-popup-default .settlementList > li > a.is-opened .accordionContent,
      modal-popup-default .settlementList > li > .accordion.is-opened .accordionContent {
        max-height: 500px; }
    modal-popup .settlementList > li .accordionContent,
    modal-popup-default .settlementList > li .accordionContent {
      max-height: 0;
      transition: .5s;
      width: 100%; }
    modal-popup .settlementList > li .paymentRadio,
    modal-popup-default .settlementList > li .paymentRadio {
      text-align: left;
      margin: 8px 0 0;
      padding-left: 7px; }
      modal-popup .settlementList > li .paymentRadio label,
      modal-popup-default .settlementList > li .paymentRadio label {
        font-size: 14px;
        font-weight: bold;
        margin: 16px 0 0; }
        modal-popup .settlementList > li .paymentRadio label input[type="radio"],
        modal-popup-default .settlementList > li .paymentRadio label input[type="radio"] {
          display: none; }
          modal-popup .settlementList > li .paymentRadio label input[type="radio"]:checked + i::after,
          modal-popup-default .settlementList > li .paymentRadio label input[type="radio"]:checked + i::after {
            content: ''; }
        modal-popup .settlementList > li .paymentRadio label i,
        modal-popup-default .settlementList > li .paymentRadio label i {
          border: 1px solid #d8d8d8;
          display: inline-block;
          height: 16px;
          width: 16px;
          border-radius: 100%;
          margin-right: 10px;
          vertical-align: middle;
          position: relative;
          top: -1px; }
          modal-popup .settlementList > li .paymentRadio label i::after,
          modal-popup-default .settlementList > li .paymentRadio label i::after {
            content: none;
            height: 8px;
            width: 8px;
            border-radius: 100%;
            background-color: #4a4a4a;
            position: absolute;
            top: 3px;
            left: 3px;
            margin: auto; }
        modal-popup .settlementList > li .paymentRadio label small,
        modal-popup-default .settlementList > li .paymentRadio label small {
          font-size: 10px;
          color: #9b9b9b;
          padding-left: 26px;
          font-weight: normal; }
    modal-popup .settlementList > li button,
    modal-popup-default .settlementList > li button {
      background-color: #5596ff; }
  modal-popup .settlementList .formBasic,
  modal-popup-default .settlementList .formBasic {
    margin-top: 15px; }
    modal-popup .settlementList .formBasic fieldset label,
    modal-popup-default .settlementList .formBasic fieldset label {
      font-size: 12px;
      font-weight: bold;
      margin: 0;
      text-align: left; }
    modal-popup .settlementList .formBasic fieldset input:focus,
    modal-popup-default .settlementList .formBasic fieldset input:focus {
      background-color: rgba(74, 144, 226, 0.1);
      border-color: #2b7bf1; }
    modal-popup .settlementList .formBasic fieldset .credit-label,
    modal-popup-default .settlementList .formBasic fieldset .credit-label {
      display: flex;
      align-items: center; }
      modal-popup .settlementList .formBasic fieldset .credit-label img,
      modal-popup-default .settlementList .formBasic fieldset .credit-label img {
        max-height: 11px;
        margin-left: 10px; }
    modal-popup .settlementList .formBasic .fieldsetGroup,
    modal-popup-default .settlementList .formBasic .fieldsetGroup {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 15px; }
      modal-popup .settlementList .formBasic .fieldsetGroup fieldset,
      modal-popup-default .settlementList .formBasic .fieldsetGroup fieldset {
        margin: 0;
        width: 49.5%; }
    modal-popup .settlementList .formBasic .error-message,
    modal-popup-default .settlementList .formBasic .error-message {
      width: 100%;
      padding: 12px;
      border: 1px solid #df717e;
      background-color: #f7e3e6;
      font-size: 11px;
      color: #ca0011;
      margin-top: 24px; }
      modal-popup .settlementList .formBasic .error-message__heading,
      modal-popup-default .settlementList .formBasic .error-message__heading {
        font-weight: bold;
        text-align: center; }
        modal-popup .settlementList .formBasic .error-message__heading:first-child,
        modal-popup-default .settlementList .formBasic .error-message__heading:first-child {
          margin-top: 0; }
      modal-popup .settlementList .formBasic .error-messageList,
      modal-popup-default .settlementList .formBasic .error-messageList {
        text-align: left; }
  modal-popup .settlementList .btnPurchase .fas,
  modal-popup-default .settlementList .btnPurchase .fas {
    color: #fff; }
  modal-popup .settlementList .btnPurchase .ellipsis,
  modal-popup-default .settlementList .btnPurchase .ellipsis {
    width: 1em;
    display: inline-block;
    text-align: left; }
    modal-popup .settlementList .btnPurchase .ellipsis:after,
    modal-popup-default .settlementList .btnPurchase .ellipsis:after {
      overflow: hidden;
      display: inline-block;
      vertical-align: bottom;
      -webkit-animation: ellipsis steps(4, end) 1500ms infinite;
      animation: ellipsis steps(4, end) 1500ms infinite;
      content: "\2026";
      width: 0px; }
@keyframes ellipsis {
  to {
    width: 1.25em; } }
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em; } }
    modal-popup .settlementList .btnPurchase .ellipsis[disabled],
    modal-popup-default .settlementList .btnPurchase .ellipsis[disabled] {
      background-color: #a2c6ff !important; }
modal-popup article,
modal-popup-default article {
  text-align: center;
  padding: 45px 15px 100px;
  width: 90%;
  max-width: 344px;
  max-height: 500px;
  border-radius: 10px;
  background-color: #fff;
  cursor: default;
  position: relative;
  overflow: scroll; }
  modal-popup article > h3,
  modal-popup-default article > h3 {
    margin-top: 30px; }
  modal-popup article > i,
  modal-popup-default article > i {
    margin-top: 30px; }
    modal-popup article > i.purchasedIcon,
    modal-popup-default article > i.purchasedIcon {
      background-color: #3985ff;
      width: 88px;
      height: 88px;
      line-height: 88px;
      border-radius: 100%;
      display: block;
      text-align: center;
      margin: 30px auto 0;
      color: #fff;
      font-size: 30px; }
    modal-popup article > i.spinIcon,
    modal-popup-default article > i.spinIcon {
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/icon/ico_spin01-b56f57b45600df8dbbb2f53acebc4967fec213c2119512d0014bc2ef30180c61.gif) center center no-repeat transparent;
      background-size: 108px;
      width: 108px;
      height: 108px;
      line-height: 88px;
      display: block;
      margin: 30px auto 0; }
    modal-popup article > i + p,
    modal-popup-default article > i + p {
      margin-top: 45px; }
  modal-popup article > p,
  modal-popup-default article > p {
    text-align: center; }
  modal-popup article header,
  modal-popup-default article header {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3985ff;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 66px;
    color: #fff;
    width: 100%;
    height: 66px;
    text-align: center; }
  modal-popup article footer,
  modal-popup-default article footer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
    background-color: #3985ff;
    border-radius: 0 0 10px 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 66px;
    color: #fff;
    width: 100%;
    height: 66px;
    text-align: center; }
    modal-popup article footer.is-disabled,
    modal-popup-default article footer.is-disabled {
      background-color: #333b46; }

.nav-modal-content-area {
  max-width: 750px;
  height: 100vh;
  overflow-x: hidden;
  visibility: hidden; }

.nav-modal-bottom-layer {
  display: none;
  position: absolute;
  max-width: 750px;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  background: rgba(255, 255, 255, 0.8);
  z-index: -1; }

.nav-modal-bg {
  visibility: hidden;
  will-change: animation; }

.modal-slide-in {
  visibility: visible;
  animation-name: SlideIn;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: backwards; }

@keyframes SlideIn {
  0% {
    opacity: 1;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.modal-slide-out {
  animation-name: SlideOut;
  animation-duration: 0.4s;
  animation-timing-function: ease;
  animation-fill-mode: backwards; }

@keyframes SlideOut {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(100%); } }
.nav-modal-inner-contents {
  display: flex;
  max-width: 750px;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden; }

.nav-modal-close {
  width: 15%; }
  .nav-modal-close__button {
    width: 30px;
    height: 30px;
    margin: 30px auto 0;
    border-radius: 50%;
    border: 3px solid #222; }

.cross-mark {
  margin-top: 4px;
  margin-left: 10px;
  color: #333;
  width: 3px;
  height: 16px;
  background: currentColor;
  transform: rotate(45deg); }

.cross-mark::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(90deg); }

.nav-modal-container {
  width: 85%;
  background: #fff;
  box-shadow: -10px 0 30px 1px rgba(0, 0, 0, 0.15); }

.static-menu {
  width: 65%;
  max-width: 288px;
  margin: 0 auto;
  padding-top: 33px; }
  .static-menu__greeting-word {
    font-size: 14px;
    font-weight: bold;
    text-align: center; }
    .static-menu__greeting-word__inner-text {
      display: block;
      text-align: left; }
  .static-menu__result-diagnosis-button {
    margin-top: 10px;
    background-color: #ADD2FF;
    border-radius: 8px; }
    @media screen and (max-width: 340px) {
      .static-menu__result-diagnosis-button {
        font-size: 12px; } }
  .static-menu__past-result-diagnosis {
    display: block;
    margin: 15px 0 25px;
    text-align: center; }
  .static-menu__link {
    color: #000;
    font-weight: bold; }
  .static-menu__rediagnosis-button {
    background: #FFC456;
    border-radius: 8px;
    font-weight: bold;
    transition: none; }

.result-diagnosis-button {
  transition: none; }
  .result-diagnosis-button__link {
    font-size: 14px;
    font-weight: bold;
    color: #000; }

.past-result-diagnosis__title {
  font-size: 14px;
  font-weight: bold;
  color: #999999; }
.past-result-diagnosis__dotted-line {
  margin: 15px auto;
  border-top: 2px dashed #999999;
  width: 100px; }

.rediagnosis-button__link {
  color: #fff; }

.nav-link {
  font-size: 20px;
  font-weight: bold;
  color: #606060;
  padding: 16px 12px 14px 42px; }

.mt-5 {
  margin-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.contentSection > hr {
  width: 100%;
  border-bottom: 1px dashed #222;
  margin: 36px 0 0; }

.status_box {
  display: block;
  border: 1px solid #d8d8d8;
  padding: 50px 15px;
  border-radius: 6px;
  background-color: #fff;
  color: #333333;
  text-align: center; }
  .status_box > p {
    font-size: 14px;
    color: #666666; }
  .status_box > ul {
    display: inline-block;
    text-align: left;
    margin-top: 30px; }

.status_icon {
  width: 40px;
  display: block;
  margin: 0 auto; }

table {
  border-collapse: collapse;
  margin: 30px 0 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #eeeeee;
  font-weight: bold;
  padding: 0.75em 0.75em 0.75em 0;
  text-align: left;
  width: 25%; }

td {
  border-bottom: 1px solid #eeeeee;
  padding: 0.75em 0;
  text-align: left; }

tr,
td,
th {
  vertical-align: top; }

.ta-c {
  text-align: center; }

html {
  width: 100%;
  font-size: 62.5%; }

body {
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0; }
  h1 + .notes, h2 + .notes, h3 + .notes, h4 + .notes, h5 + .notes, h6 + .notes {
    margin-top: 0; }

h1 {
  font-size: 2.4rem;
  text-align: center;
  margin-top: 1.5em;
  font-weight: bold; }

h2 {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 1.5em;
  font-weight: bold; }

h3 {
  font-size: 16px;
  margin-top: 1.5em;
  font-weight: bold; }

h4 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-top: 1.5em;
  position: relative;
  z-index: 0;
  display: inline-block; }
  h4::before {
    content: '';
    display: block;
    width: calc(100% + 10px);
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: -5px;
    bottom: 2px;
    z-index: -1; }

p {
  line-height: 1.6em;
  margin-top: 1.5em;
  text-align: left; }
  p:first-child {
    margin-top: 0; }
  p.no-margin {
    margin: 0; }
  p.forward-bottom {
    text-align: center;
    margin: 20px 0 0; }
  p.mailAddress {
    font-size: 16px;
    word-break: break-all;
    font-weight: bold;
    text-align: center; }
  p.attention {
    color: #eb5558; }
  p.limited-time-introduction {
    color: #FF8E62;
    text-align: center;
    font-weight: bold;
    margin-bottom: -1.5em; }
    p.limited-time-introduction.limited-time-black {
      color: #505050; }
  p strong {
    font-weight: bold; }
  p small {
    font-size: 12px; }

section > p > em {
  font-weight: bold;
  font-style: normal; }

a {
  color: #2a9cc8;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: shade(#2a9cc8, 25%);
    text-decoration: underline; }

hr {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  height: 0;
  border-bottom: dashed 1px #d8d8d8;
  display: block;
  margin: 30px auto;
  width: 112px; }
  hr + section,
  hr + p,
  hr + h1,
  hr + h2,
  hr + h3,
  hr + h4,
  hr + h5,
  hr + h6,
  hr + ul,
  hr + ol,
  hr + dl,
  hr + table {
    margin-top: 0; }

.ta-c {
  text-align: center !important; }

.ta-l {
  text-align: left !important; }

.ta-r {
  text-align: right !important; }

.fw-b {
  font-weight: bold !important; }

.fw-n {
  font-weight: normal !important; }

.notes {
  font-size: 12px;
  color: #999999;
  position: relative;
  z-index: 0; }

.message {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  position: relative;
  z-index: 0;
  display: inline-block; }
  .message::before {
    content: '';
    display: block;
    width: calc(100% + 20px);
    height: 8px;
    background-color: #fff;
    position: absolute;
    left: -10px;
    bottom: 2px;
    z-index: -1; }
  .message em {
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    padding: 0 4px; }

.select-lang {
  position: relative;
  margin-top: 30px; }

.lang {
  display: inline-block;
  width: 200px;
  height: 50px;
  padding-left: 75px;
  border-radius: 7px;
  cursor: pointer; }

.add-emoji::before {
  position: absolute;
  top: 30%;
  left: 40%;
  content: "\1F310"; }

.triangle {
  position: absolute;
  left: 59%;
  top: 32%;
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-color: transparent transparent #565656 #565656;
  transform: rotate(-45deg); }

@media screen and (max-width: 812px) {
  .add-emoji::before {
    left: 25%; }

  .triangle {
    left: 70%; } }
.conductor-fail-love {
  border: 2px solid #ffc5dd; }
  .conductor-fail-love__title {
    margin: 20px;
    font-size: 18px;
    color: #cfae8f;
    font-weight: 700; }
  .conductor-fail-love__description {
    margin: 10px 20px; }
  .conductor-fail-love__button {
    display: block;
    cursor: pointer;
    padding: 13px;
    margin: 1.5em auto;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    background-color: #cfae8f;
    width: 100%;
    max-width: 320px;
    font-size: 14px;
    font-weight: 600; }

.recommend-mgram {
  margin-top: 4em;
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_09-fc49e48e8e1e5211c89aa73fba1a8e5cac43ae79d02b94fbf4c864d932e813db.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center; }
  .recommend-mgram .recommend-title {
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left;
    position: relative;
    color: #ffffff;
    font-size: 1.8em;
    font-weight: bold;
    padding: 16px;
    text-align: center; }
  .recommend-mgram .recommend-image {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
    .recommend-mgram .recommend-image img {
      width: 30%;
      max-height: 30vw; }
  .recommend-mgram .recommend-text {
    margin: 40px 0;
    padding: 0 24px;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left; }
  .recommend-mgram .recommend-button {
    margin-top: 40px;
    text-align: center; }

.mgram-black-logo {
  margin: 0 auto;
  padding: 25px 0;
  width: 6em; }

@media screen and (max-width: 499px) {
  .news-banner__sentence {
    width: 50%; }
  .news-banner__description_pc {
    display: none; }
  .news-banner__description_smartphone {
    width: 90%;
    margin-top: 1px;
    text-decoration: none;
    color: black; } }
@media screen and (min-width: 500px) {
  .news-banner__sentence {
    width: 52%; }
  .news-banner__description_pc {
    margin-top: 5px; }
  .news-banner__description_smartphone {
    display: none; } }
.news-banner {
  display: inline-block;
  padding: 10px; }
  .news-banner__eye-catch-img {
    width: 47%; }
  .news-banner__sentence {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    text-decoration: none;
    color: black; }
  .news-banner__title {
    font-size: 20px;
    font-weight: bold; }

body[data-controller="share"][data-action="show"] .contents > section {
  text-align: center; }
  body[data-controller="share"][data-action="show"] .contents > section:not(:first-of-type) {
    margin-top: 40px; }
  body[data-controller="share"][data-action="show"] .contents > section#what_mgram_is [data-is="scroll-link"].promotion-link {
    background-color: #4a90e2;
    color: #fff; }
  body[data-controller="share"][data-action="show"] .contents > section#what_mgram_is a.promotion-link {
    background-color: inherit;
    margin: 0;
    padding: 0; }
  body[data-controller="share"][data-action="show"] .contents > section#column_affinity, body[data-controller="share"][data-action="show"] .contents > section#column_profiling, body[data-controller="share"][data-action="show"] .contents > section.detail_data {
    margin-top: 0;
    padding-top: 6%;
    padding-bottom: 6%;
    background-color: #e6e8fc; }
    body[data-controller="share"][data-action="show"] .contents > section#column_affinity .button, body[data-controller="share"][data-action="show"] .contents > section#column_profiling .button, body[data-controller="share"][data-action="show"] .contents > section.detail_data .button {
      background-color: #bbc1ee;
      color: #fff; }
  body[data-controller="share"][data-action="show"] .contents > section.compatible {
    background-color: #232857;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 6%;
    text-align: center; }
    body[data-controller="share"][data-action="show"] .contents > section.compatible > h2 {
      font-weight: bold;
      background-color: transparent;
      color: #fff;
      font-size: 14px; }
      body[data-controller="share"][data-action="show"] .contents > section.compatible > h2 > span {
        display: block;
        margin: 0;
        position: relative;
        z-index: 0; }
        body[data-controller="share"][data-action="show"] .contents > section.compatible > h2 > span::before {
          content: "";
          display: block;
          width: calc(100% + 10px);
          height: 8px;
          background-color: #df779e;
          position: absolute;
          left: -5px;
          bottom: 2px;
          z-index: -1; }
        body[data-controller="share"][data-action="show"] .contents > section.compatible > h2 > span em {
          font-style: normal;
          font-size: 30px;
          line-height: 1; }
    body[data-controller="share"][data-action="show"] .contents > section.compatible > ul {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin: 1.5em auto 0;
      max-width: 300px; }
      body[data-controller="share"][data-action="show"] .contents > section.compatible > ul > li {
        width: 140px;
        margin: 0; }
        body[data-controller="share"][data-action="show"] .contents > section.compatible > ul > li img {
          display: block;
          width: 100%;
          padding: 0 2%; }
        body[data-controller="share"][data-action="show"] .contents > section.compatible > ul > li p {
          text-align: center; }
  body[data-controller="share"][data-action="show"] .contents > section > h2 {
    line-height: 1.5;
    display: inline-block;
    padding: 0 1em;
    margin: 30px 0 0;
    background-color: #e6e8fc;
    color: #333;
    font-size: 18px;
    font-weight: bold; }
    body[data-controller="share"][data-action="show"] .contents > section > h2:first-child {
      margin-top: 0; }
  body[data-controller="share"][data-action="show"] .contents > section > h3 {
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    margin: 30px auto 0;
    padding: 1px 0.7em;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold; }
    body[data-controller="share"][data-action="show"] .contents > section > h3:first-child {
      margin-top: 0; }
  body[data-controller="share"][data-action="show"] .contents > section > p {
    text-align: left; }
    body[data-controller="share"][data-action="show"] .contents > section > p.center {
      text-align: center; }
  body[data-controller="share"][data-action="show"] .contents > section#purchased_personal_report {
    border-top: 2px solid #ffcc47;
    background-color: #fffef9;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0; }
    body[data-controller="share"][data-action="show"] .contents > section#purchased_personal_report > h2 {
      background-color: transparent;
      font-size: 22px;
      font-weight: bold;
      color: #ffc42b; }
    body[data-controller="share"][data-action="show"] .contents > section#purchased_personal_report > section > h3 {
      line-height: 1.5;
      display: inline-block;
      padding: 0 1em;
      margin: 30px 0 0;
      background-color: #fff2b2;
      color: #333;
      font-size: 18px;
      font-weight: bold; }
      body[data-controller="share"][data-action="show"] .contents > section#purchased_personal_report > section > h3:first-child {
        margin-top: 0; }
    body[data-controller="share"][data-action="show"] .contents > section#purchased_personal_report + section {
      margin-top: 0; }
body[data-controller="share"][data-action="show"] .contents .trackingLink + section {
  padding-top: 130px; }
body[data-controller="share"][data-action="show"] #premium_contents_introduction .imageInfo {
  justify-content: flex-start; }
body[data-controller="share"][data-action="show"] #personality32_changing h4::before {
  background-color: #f7b500; }
body[data-controller="share"][data-action="show"] #personality32_talent .normalBox {
  background-color: #e6f2fc; }
  body[data-controller="share"][data-action="show"] #personality32_talent .normalBox ~ h4::before {
    background-color: #f7b500; }
body[data-controller="share"][data-action="show"] #personality32_talent h4::before {
  background-color: #3d57ff; }
body[data-controller="share"][data-action="show"] #personality32_love .normalBox {
  background-color: #fce6f5; }
  body[data-controller="share"][data-action="show"] #personality32_love .normalBox ~ h4::before {
    background-color: #f7b500; }
body[data-controller="share"][data-action="show"] #personality32_love h4::before {
  background-color: #ff2a6a; }
body[data-controller="share"][data-action="show"] #personality32_work .normalBox {
  background-color: #eee6fc; }
  body[data-controller="share"][data-action="show"] #personality32_work .normalBox ~ h4::before {
    background-color: #f7b500; }
body[data-controller="share"][data-action="show"] #personality32_work h4::before {
  background-color: #9859fc; }
body[data-controller="share"][data-action="show"] .header-notice {
  padding: 12px 15px;
  background-color: #b855ff;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: fixed;
  top: 38px;
  width: 100%;
  z-index: 1; }
  body[data-controller="share"][data-action="show"] .header-notice p {
    text-align: center; }
body[data-controller="share"][data-action="show"] .imageInfo.changing p em {
  color: #f7b500; }
body[data-controller="share"][data-action="show"] .imageInfo.talent p em {
  color: #3d57ff; }
body[data-controller="share"][data-action="show"] .imageInfo.love p em {
  color: #ff2a6a; }
body[data-controller="share"][data-action="show"] .imageInfo.work p em {
  color: #9859fc; }
body[data-controller="share"][data-action="show"] .tile-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 250px;
  margin: 20px auto; }
  body[data-controller="share"][data-action="show"] .tile-list li {
    margin: 0;
    width: 73px; }
    body[data-controller="share"][data-action="show"] .tile-list li img {
      width: 100%;
      display: block; }
body[data-controller="share"][data-action="show"] .personalityChart {
  width: 100%;
  max-width: 500px;
  margin: 0 auto; }
body[data-controller="share"][data-action="show"] .affinityTargets {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center; }
  body[data-controller="share"][data-action="show"] .affinityTargets > li {
    width: 110px;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent; }
    body[data-controller="share"][data-action="show"] .affinityTargets > li:first-child {
      margin-right: 40px;
      position: relative; }
      body[data-controller="share"][data-action="show"] .affinityTargets > li:first-child::after {
        content: "";
        display: block;
        position: absolute;
        border-left: 10px solid #4a4a4a;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        top: 2px;
        right: -26px; }
    body[data-controller="share"][data-action="show"] .affinityTargets > li a {
      color: #333333; }
    body[data-controller="share"][data-action="show"] .affinityTargets > li.is-active {
      border-bottom-color: #4a4a4a; }
body[data-controller="share"][data-action="show"] .personal-report-adding-contents-text {
  margin-bottom: 2em; }
body[data-controller="share"][data-action="show"] .lead-additional-content-text {
  text-align: center;
  color: #ff0000;
  font-size: 16px;
  font-weight: 600; }
body[data-controller="share"][data-action="show"] .personal-report-purchase-button {
  margin-top: 0; }
body[data-controller="share"] .limited-time-diagnosis-additional-content {
  padding-left: 0;
  padding-right: 0;
  background-color: #fffef9; }
  body[data-controller="share"] .limited-time-diagnosis-additional-content .additional-content__introduction {
    border: 4px solid #e2317c;
    margin: 0 5% 1em; }
  body[data-controller="share"] .limited-time-diagnosis-additional-content .additional-content__advice {
    padding-top: 25px;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6; }
  body[data-controller="share"] .limited-time-diagnosis-additional-content .introduction__caption {
    margin-top: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #e2317c; }
  body[data-controller="share"] .limited-time-diagnosis-additional-content .introduction__text {
    margin-top: 0.5em;
    padding: 0 1em;
    font-weight: 300; }
  body[data-controller="share"] .limited-time-diagnosis-additional-content .introduction__attention {
    margin-top: 0;
    padding: 0 1em 1em;
    font-size: 12px;
    font-weight: 300; }
  body[data-controller="share"] .limited-time-diagnosis-additional-content .advice__caption {
    margin: 0 2.5%;
    padding: 0.5em 0;
    background-color: #ffffff;
    color: #b93900;
    font-size: 17px;
    font-weight: 600; }
  body[data-controller="share"] .limited-time-diagnosis-additional-content .advice__description {
    margin: 1em 5%;
    padding: 1em;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 300;
    text-align: left; }

body[data-controller="users_profiling_results"][data-action='switch_result'] floating-footer .button {
  background-color: #ffc456; }
body[data-controller="users_profiling_results"][data-action='switch_result'] table {
  width: 100%;
  border: 0; }
  body[data-controller="users_profiling_results"][data-action='switch_result'] table tr > th,
  body[data-controller="users_profiling_results"][data-action='switch_result'] table tr > td {
    text-align: center;
    padding: 8px 0;
    border: 0;
    vertical-align: middle; }
  body[data-controller="users_profiling_results"][data-action='switch_result'] table tr > th {
    font-weight: bold;
    background: #add2ff;
    font-size: 14px; }
  body[data-controller="users_profiling_results"][data-action='switch_result'] table tr > td {
    background-color: #eeeeee;
    font-size: 12px; }
    body[data-controller="users_profiling_results"][data-action='switch_result'] table tr > td .button {
      font-size: 12px;
      line-height: 14px;
      color: #fff;
      background-color: #4a90e2;
      width: 80px;
      padding: 3px;
      margin: 0;
      display: inline-block;
      font-weight: normal; }
      body[data-controller="users_profiling_results"][data-action='switch_result'] table tr > td .button.delete {
        width: 64px;
        height: 32px;
        color: #333333;
        background-color: #f2f2f2; }
  body[data-controller="users_profiling_results"][data-action='switch_result'] table tr:nth-child(odd) > td {
    background-color: #d3e7ff; }
body[data-controller="users_profiling_results"][data-action='switch_result'] form .button {
  background-color: #4a90e2; }
body[data-controller="users_profiling_results"] .headingPayment {
  margin-top: 1.5em; }
body[data-controller="users_profiling_results"] .receipt {
  margin: 1em; }
  body[data-controller="users_profiling_results"] .receipt__text {
    text-align: center;
    font-size: 1.2em; }
body[data-controller="users_profiling_results"] .receipt__area {
  text-align: center; }
body[data-controller="users_profiling_results"] .links {
  margin-top: 3em; }
  body[data-controller="users_profiling_results"] .links__item {
    margin-top: 1em;
    padding-left: 2em; }

body[data-controller="users_profilings"] main > section.registrationStep {
  position: fixed;
  top: 38px;
  left: 0;
  right: 0;
  z-index: 0;
  background-color: #fff;
  z-index: 1;
  padding: 0; }
  body[data-controller="users_profilings"] main > section.registrationStep + section {
    padding-top: 90px; }
body[data-controller="users_profilings"][data-action='input_profile']:not([global='true']) {
  background-color: #6600CC;
  color: #fff; }
  body[data-controller="users_profilings"][data-action='input_profile']:not([global='true']) main > section {
    padding-top: 5%; }
  body[data-controller="users_profilings"][data-action='input_profile']:not([global='true']) .button {
    border: solid 2px #fff;
    margin-top: 12px;
    background-color: transparent; }
  body[data-controller="users_profilings"][data-action='input_profile']:not([global='true']) p a {
    color: #aae6ff; }

body[data-controller="public"] [data-action='support'] .contents > section {
  padding: 38px 0 0; }
  body[data-controller="public"] [data-action='support'] .contents > section > h1 {
    background-color: #232957;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 30px 15px;
    margin: 0;
    text-align: center; }
    body[data-controller="public"] [data-action='support'] .contents > section > h1 span {
      display: inline-block;
      text-align: left; }
      body[data-controller="public"] [data-action='support'] .contents > section > h1 span em {
        font-style: normal;
        color: #ffda55; }
body[data-controller="public"][data-action='about'] .contents > section:not(:first-child) {
  margin-top: 40px; }
body[data-controller="public"][data-action='about'] .contents > section.spacer {
  margin-top: 60px; }
body[data-controller="public"][data-action='about'] .contents > section h2 {
  line-height: 1.5;
  display: table;
  padding: 0 1em;
  margin: 30px auto 0;
  background-color: #e6e8fc;
  color: #333;
  font-size: 18px;
  font-weight: bold; }
  body[data-controller="public"][data-action='about'] .contents > section h2:first-child {
    margin-top: 0; }
body[data-controller="public"][data-action='usage_love'] .usage-title, body[data-controller="public"][data-action='usage_job'] .usage-title, body[data-controller="public"][data-action='usage_self_analysis'] .usage-title {
  width: 100%;
  max-width: 800px;
  margin-top: 2.8em; }
  body[data-controller="public"][data-action='usage_love'] .usage-title__caption, body[data-controller="public"][data-action='usage_job'] .usage-title__caption, body[data-controller="public"][data-action='usage_self_analysis'] .usage-title__caption {
    line-height: 1.5;
    display: table;
    padding: 0 1em;
    margin: 30px auto 0;
    background-color: #e6e8fc;
    color: #333;
    font-size: 18px;
    font-weight: bold; }
  body[data-controller="public"][data-action='usage_love'] .usage-title__description, body[data-controller="public"][data-action='usage_job'] .usage-title__description, body[data-controller="public"][data-action='usage_self_analysis'] .usage-title__description {
    line-height: 1.6em;
    margin-top: 1.5em;
    text-align: left; }
body[data-controller="public"][data-action='usage_love'] .start-diagnosis-button, body[data-controller="public"][data-action='usage_job'] .start-diagnosis-button, body[data-controller="public"][data-action='usage_self_analysis'] .start-diagnosis-button {
  margin-top: 60px; }

body[data-controller="statics_landings"][data-action='personality'] main {
  padding: 8px; }
  body[data-controller="statics_landings"][data-action='personality'] main > section {
    max-width: none;
    min-height: 100vh;
    padding: 50px 15px;
    border: 8px solid #222;
    text-align: center;
    margin-bottom: 0; }
    body[data-controller="statics_landings"][data-action='personality'] main > section > section {
      max-width: 750px;
      margin-left: auto;
      margin-right: auto; }
body[data-controller="statics_landings"][data-action='personality'] .mainimg {
  width: 160px; }
body[data-controller="statics_landings"][data-action='personality'] h1 {
  margin-top: 7px; }
  body[data-controller="statics_landings"][data-action='personality'] h1 img {
    width: 80px; }
body[data-controller="statics_landings"][data-action='personality'] h2 {
  line-height: 1.5;
  display: inline-block;
  padding: 0 1em;
  margin: 30px 0 0;
  background-color: #e6e8fc;
  color: #333;
  font-size: 18px;
  font-weight: bold; }
  body[data-controller="statics_landings"][data-action='personality'] h2:first-child {
    margin-top: 0; }
body[data-controller="statics_landings"][data-action='personality'] h3 {
  margin-top: 0; }
body[data-controller="statics_landings"][data-action='personality'] p {
  margin-top: 25px; }
  body[data-controller="statics_landings"][data-action='personality'] p a {
    color: #333333;
    text-decoration: underline; }
    body[data-controller="statics_landings"][data-action='personality'] p a:hover {
      text-decoration: none; }
body[data-controller="statics_landings"][data-action='personality'] nav {
  margin-top: 30px; }
  body[data-controller="statics_landings"][data-action='personality'] nav ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    body[data-controller="statics_landings"][data-action='personality'] nav ul li {
      margin-top: 0; }
      body[data-controller="statics_landings"][data-action='personality'] nav ul li a {
        font-size: 12px;
        color: #666666; }
      body[data-controller="statics_landings"][data-action='personality'] nav ul li:not(:first-child) {
        margin-left: 1em; }
    body[data-controller="statics_landings"][data-action='personality'] nav ul + ul {
      margin-top: .2em; }
body[data-controller="statics_landings"][data-action='personality'] .copyright {
  display: block;
  margin-top: 30px; }
body[data-controller="statics_landings"] .before-diagnosis {
  text-align: center;
  font-weight: 200;
  font-size: 10px;
  color: #666666;
  margin-top: 30px;
  margin-bottom: -20px; }
  body[data-controller="statics_landings"] .before-diagnosis__link {
    color: #666666;
    text-decoration: underline; }
body[data-controller="statics_landings"] .links {
  text-align: left;
  display: inline-block;
  text-decoration: underline; }
  body[data-controller="statics_landings"] .links__item {
    color: black; }
body[data-controller="statics_landings"][data-action="show"] header, body[data-controller="statics_landings"][data-action="show_en"] header {
  z-index: 1;
  height: 55px;
  border-bottom: 1px solid #000;
  position: fixed;
  top: -55px;
  transition: top .3s, opacity 1s;
  opacity: 0; }
  body[data-controller="statics_landings"][data-action="show"] header.is-scrolled, body[data-controller="statics_landings"][data-action="show_en"] header.is-scrolled {
    top: 0;
    opacity: 1;
    transition: top .3s, opacity .1s; }
  body[data-controller="statics_landings"][data-action="show"] header > .inner, body[data-controller="statics_landings"][data-action="show_en"] header > .inner {
    position: relative;
    height: 100%; }
    body[data-controller="statics_landings"][data-action="show"] header > .inner .logo, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .logo {
      display: block;
      padding: 0;
      background: url(//d3iwxdng5nai8r.cloudfront.net/assets/logo-fd18ff1372b06445c03d1517657aa39365c92d75c634b5b17dd0272d30b9c633.svg) left center/contain no-repeat transparent;
      position: absolute;
      top: 6px;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 84px;
      height: 20px;
      min-width: 0; }
      body[data-controller="statics_landings"][data-action="show"] header > .inner .logo svg, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .logo svg {
        width: 100%;
        fill: #000; }
    body[data-controller="statics_landings"][data-action="show"] header > .inner .drawer, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .drawer {
      display: block;
      height: 40px;
      width: 60px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      body[data-controller="statics_landings"][data-action="show"] header > .inner .drawer i::before, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .drawer i::before {
        font-size: 20px; }
    body[data-controller="statics_landings"][data-action="show"] header > .inner .menu, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .menu {
      display: none; }
      body[data-controller="statics_landings"][data-action="show"] header > .inner .menu:checked + .LP-menu, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .menu:checked + .LP-menu {
        display: block; }
  body[data-controller="statics_landings"][data-action="show"] header .LP-menu, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu {
    position: absolute;
    top: 55px;
    width: 100%;
    display: none;
    margin: 0; }
    body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li {
      height: 55px;
      background-color: rgba(0, 0, 0, 0.9);
      background-position: 22px center;
      background-repeat: no-repeat;
      border-bottom: 1px solid #fff;
      margin-top: 0; }
      body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li scroll-link, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li scroll-link {
        display: block;
        width: 100%;
        height: 100%; }
        body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li scroll-link a, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li scroll-link a {
          display: block;
          width: 100%;
          height: 100%;
          text-indent: 100%;
          overflow: hidden; }
      body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.product, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.product {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_product_white-c3442f828e2a1d9d63fdb336e916bf109503819a70f663cda00af6cc5dabd96e.svg);
        background-size: auto 15px; }
      body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.jobs, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.jobs {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_jobs_white-d599ff7ee0515e9eae36abe05a21729edf640cb6480be3819775ecf687041ab4.svg);
        background-size: auto 15px; }
      body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.news, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.news {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_news_white-ca53180542b4cc2110bee52f06febb751b7874176a578b84f543f4874e06b42e.svg);
        background-size: auto 15px; }
      body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.contact, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.contact {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_contact_white-c367c8398ab8bcc8800c436cff420cc88f6f6f611cd57bdb75c8956b0c4b701b.svg);
        background-size: auto 15px; }
      body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.company, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.company {
        background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_company_white-d0eef06cdec51fbf0adc67a17d459bb3c8add956ed1fe989e6bd1f8ac7508157.svg);
        background-size: auto 15px; }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] header, body[data-controller="statics_landings"][data-action="show_en"] header {
      background-color: #000; }
      body[data-controller="statics_landings"][data-action="show"] header > .inner, body[data-controller="statics_landings"][data-action="show_en"] header > .inner {
        width: 1040px;
        max-width: 1040px;
        padding: 0 20px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        body[data-controller="statics_landings"][data-action="show"] header > .inner .logo, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .logo {
          width: 120px;
          height: auto;
          background: url(//d3iwxdng5nai8r.cloudfront.net/assets/logo_white-7873e198fb0e92cf50e908f26bebfc422ae7e407b1e9347e30b92345b89aa741.svg) left center/contain no-repeat transparent;
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          bottom: auto;
          margin: 2px 0 0; }
          body[data-controller="statics_landings"][data-action="show"] header > .inner .logo svg, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .logo svg {
            padding-top: 10px; }
            body[data-controller="statics_landings"][data-action="show"] header > .inner .logo svg path, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .logo svg path {
              fill: #fff; }
        body[data-controller="statics_landings"][data-action="show"] header > .inner .drawer, body[data-controller="statics_landings"][data-action="show_en"] header > .inner .drawer {
          display: none; }
      body[data-controller="statics_landings"][data-action="show"] header .LP-menu, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu {
        position: relative;
        top: 0;
        height: 30px;
        text-align: right;
        display: block; }
        body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li {
          display: inline-block;
          height: 30px;
          line-height: 30px;
          background-color: rgba(0, 0, 0, 0.9);
          background-position: left center;
          border-bottom: 0;
          margin-left: 30px; }
          body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li scroll-link, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li scroll-link {
            display: inline-block; }
            body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li scroll-link a, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li scroll-link a {
              display: block;
              overflow: hidden;
              text-indent: 100%; }
          body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.product, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.product {
            background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_product_white-c3442f828e2a1d9d63fdb336e916bf109503819a70f663cda00af6cc5dabd96e.svg);
            background-size: auto 12px;
            width: 76px; }
          body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.jobs, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.jobs {
            background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_jobs_white-d599ff7ee0515e9eae36abe05a21729edf640cb6480be3819775ecf687041ab4.svg);
            background-size: auto 12px;
            width: 42px; }
          body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.news, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.news {
            background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_news_white-ca53180542b4cc2110bee52f06febb751b7874176a578b84f543f4874e06b42e.svg);
            background-size: auto 12px;
            width: 46px; }
          body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.contact, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.contact {
            background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_contact_white-c367c8398ab8bcc8800c436cff420cc88f6f6f611cd57bdb75c8956b0c4b701b.svg);
            background-size: auto 12px;
            width: 77px; }
          body[data-controller="statics_landings"][data-action="show"] header .LP-menu > li.company, body[data-controller="statics_landings"][data-action="show_en"] header .LP-menu > li.company {
            background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/lp/title_company_white-d0eef06cdec51fbf0adc67a17d459bb3c8add956ed1fe989e6bd1f8ac7508157.svg);
            background-size: auto 12px;
            width: 81px; } }
body[data-controller="statics_landings"][data-action="show"] main.contents, body[data-controller="statics_landings"][data-action="show_en"] main.contents {
  z-index: 0;
  padding-top: 0;
  padding-bottom: 0; }
  body[data-controller="statics_landings"][data-action="show"] main.contents > section, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section {
    margin-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    border-bottom: 1px solid #000; }
    body[data-controller="statics_landings"][data-action="show"] main.contents > section:first-child, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section:first-child {
      margin-top: 125px; }
    body[data-controller="statics_landings"][data-action="show"] main.contents > section.opening, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section.opening {
      height: 100vh;
      width: 100%;
      padding: 0;
      margin: 0;
      z-index: 1;
      background: -moz-linear-gradient(150deg, #b939d9 0%, #b939d9 25%, #472bc7 100%);
      background: -webkit-linear-gradient(150deg, #b939d9 0%, #b939d9 25%, #472bc7 100%);
      background: linear-gradient(150deg, #b939d9 0%, #b939d9 25%, #472bc7 100%);
      display: block;
      border-bottom: 0; }
      body[data-controller="statics_landings"][data-action="show"] main.contents > section.opening h1, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section.opening h1 {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        animation-name: fadeIn;
        animation-duration: 5s;
        animation-fill-mode: forwards;
        background-color: #000; }
        body[data-controller="statics_landings"][data-action="show"] main.contents > section.opening h1 svg, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section.opening h1 svg {
          width: 100px;
          fill: #fff;
          animation-name: fadeInSvg;
          animation-duration: 5s;
          animation-fill-mode: forwards; }
    body[data-controller="statics_landings"][data-action="show"] main.contents > section > .inner, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section > .inner {
      max-width: 680px;
      margin: 0 auto; }
      body[data-controller="statics_landings"][data-action="show"] main.contents > section > .inner > h2, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section > .inner > h2 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-size: 22px; }
        body[data-controller="statics_landings"][data-action="show"] main.contents > section > .inner > h2::after, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section > .inner > h2::after {
          content: none; }
        body[data-controller="statics_landings"][data-action="show"] main.contents > section > .inner > h2 img, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section > .inner > h2 img {
          height: 22px; }
        @media only screen and (min-width: 769px) {
          body[data-controller="statics_landings"][data-action="show"] main.contents > section > .inner > h2 img, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section > .inner > h2 img {
            height: 36px; } }
    @media only screen and (min-width: 769px) {
      body[data-controller="statics_landings"][data-action="show"] main.contents > section, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section {
        margin-top: 160px;
        padding-bottom: 160px; }
        body[data-controller="statics_landings"][data-action="show"] main.contents > section:first-child, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section:first-child {
          margin-top: 240px; }
        body[data-controller="statics_landings"][data-action="show"] main.contents > section.opening, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section.opening {
          margin-top: 0; } }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] main.contents > section, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section {
      max-width: none; }
      body[data-controller="statics_landings"][data-action="show"] main.contents > section > .inner, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section > .inner {
        max-width: 680px; }
      body[data-controller="statics_landings"][data-action="show"] main.contents > section.opening h1 svg, body[data-controller="statics_landings"][data-action="show_en"] main.contents > section.opening h1 svg {
        width: 180px; } }
body[data-controller="statics_landings"][data-action="show"] section.footer, body[data-controller="statics_landings"][data-action="show_en"] section.footer {
  height: 85px;
  background-color: #222;
  padding: 0;
  line-height: 45px; }
  body[data-controller="statics_landings"][data-action="show"] section.footer .copyrights, body[data-controller="statics_landings"][data-action="show_en"] section.footer .copyrights {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0;
    color: #fff; }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] section.footer, body[data-controller="statics_landings"][data-action="show_en"] section.footer {
      height: 90px;
      line-height: 50px; } }
@keyframes fadeIn {
  0% {
    background-color: #000; }
  10% {
    background-color: #000; }
  40% {
    background-color: transparent; }
  50% {
    background-color: transparent; }
  75% {
    background-color: #fff; }
  100% {
    background-color: #fff; } }
@keyframes fadeInSvg {
  0% {
    display: none;
    opacity: 0; }
  35% {
    display: block;
    opacity: 0; }
  50% {
    opacity: 1;
    fill: #fff; }
  60% {
    opacity: 1;
    fill: #fff; }
  75% {
    opacity: 1;
    fill: #000; }
  100% {
    opacity: 1;
    fill: #000; } }
body[data-controller="statics_landings"][data-action="show"] .productList, body[data-controller="statics_landings"][data-action="show_en"] .productList {
  margin-top: 60px; }
  body[data-controller="statics_landings"][data-action="show"] .productList > .inner, body[data-controller="statics_landings"][data-action="show_en"] .productList > .inner {
    color: #000;
    display: block; }
    body[data-controller="statics_landings"][data-action="show"] .productList > .inner .img, body[data-controller="statics_landings"][data-action="show_en"] .productList > .inner .img {
      display: block;
      width: 50%;
      margin: 0 auto;
      padding: 0; }
    body[data-controller="statics_landings"][data-action="show"] .productList > .inner h3, body[data-controller="statics_landings"][data-action="show_en"] .productList > .inner h3 {
      margin: 22px 0 0;
      font-size: 20px;
      font-weight: bold;
      text-align: center; }
    body[data-controller="statics_landings"][data-action="show"] .productList > .inner p, body[data-controller="statics_landings"][data-action="show_en"] .productList > .inner p {
      margin: 22px 0 0;
      font-size: 15px;
      text-align: center; }
body[data-controller="statics_landings"][data-action="show"] .jobsArticle, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle {
  margin-top: 60px; }
  body[data-controller="statics_landings"][data-action="show"] .jobsArticle .img, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle .img {
    display: block;
    width: 290px;
    margin: 0 auto; }
  body[data-controller="statics_landings"][data-action="show"] .jobsArticle h3, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle h3 {
    margin: 40px 0 0;
    font-size: 18px;
    font-weight: bold; }
  body[data-controller="statics_landings"][data-action="show"] .jobsArticle .jobList, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle .jobList {
    margin: 22px 0 0;
    font-size: 13px;
    font-weight: bold; }
  body[data-controller="statics_landings"][data-action="show"] .jobsArticle .description, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle .description {
    margin: 16px 0 0;
    font-size: 13px; }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] .jobsArticle, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle {
      margin: 120px auto 0;
      width: 470px; }
      body[data-controller="statics_landings"][data-action="show"] .jobsArticle .img, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle .img {
        width: 100%; }
      body[data-controller="statics_landings"][data-action="show"] .jobsArticle h3, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle h3 {
        width: 100%;
        margin: 120px 0 0;
        font-size: 26px;
        color: #fff;
        height: 60px;
        line-height: 60px;
        background-color: #000; }
      body[data-controller="statics_landings"][data-action="show"] .jobsArticle .jobList, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle .jobList {
        margin: 50px 0 0;
        text-align: left;
        width: 100%;
        font-size: 20px; }
        body[data-controller="statics_landings"][data-action="show"] .jobsArticle .jobList > li, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle .jobList > li {
          margin-top: 10px; }
      body[data-controller="statics_landings"][data-action="show"] .jobsArticle .description, body[data-controller="statics_landings"][data-action="show_en"] .jobsArticle .description {
        width: 100%;
        margin: 36px 0 0;
        text-align: left;
        font-size: 16px; } }
body[data-controller="statics_landings"][data-action="show"] .sns, body[data-controller="statics_landings"][data-action="show_en"] .sns {
  margin-top: 30px; }
  body[data-controller="statics_landings"][data-action="show"] .sns > p, body[data-controller="statics_landings"][data-action="show_en"] .sns > p {
    margin: 0;
    font-weight: bold; }
    body[data-controller="statics_landings"][data-action="show"] .sns > p::before, body[data-controller="statics_landings"][data-action="show_en"] .sns > p::before {
      content: '|';
      display: inline-block;
      transform: rotate(-25deg);
      margin-right: 10px; }
    body[data-controller="statics_landings"][data-action="show"] .sns > p::after, body[data-controller="statics_landings"][data-action="show_en"] .sns > p::after {
      content: '|';
      display: inline-block;
      transform: rotate(25deg);
      margin-left: 10px; }
  body[data-controller="statics_landings"][data-action="show"] .sns .snsList, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList {
    width: 170px;
    margin: 15px auto 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    body[data-controller="statics_landings"][data-action="show"] .sns .snsList > li, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList > li {
      background-color: #383838;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      transition: opacity .3s;
      margin-top: 0; }
      body[data-controller="statics_landings"][data-action="show"] .sns .snsList > li:hover, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList > li:hover {
        opacity: .7; }
      body[data-controller="statics_landings"][data-action="show"] .sns .snsList > li a, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList > li a {
        display: block;
        width: 100%;
        height: 100%; }
        body[data-controller="statics_landings"][data-action="show"] .sns .snsList > li a i, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList > li a i {
          font-size: 25px;
          color: #fff;
          line-height: 50px; }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] .sns, body[data-controller="statics_landings"][data-action="show_en"] .sns {
      margin-top: 70px; }
      body[data-controller="statics_landings"][data-action="show"] .sns > p, body[data-controller="statics_landings"][data-action="show_en"] .sns > p {
        font-size: 20px; }
      body[data-controller="statics_landings"][data-action="show"] .sns .snsList, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList {
        width: 250px;
        margin: 15px auto 0; }
        body[data-controller="statics_landings"][data-action="show"] .sns .snsList > li, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList > li {
          background-color: #383838;
          width: 74px;
          height: 74px; }
          body[data-controller="statics_landings"][data-action="show"] .sns .snsList > li a i, body[data-controller="statics_landings"][data-action="show_en"] .sns .snsList > li a i {
            font-size: 38px;
            line-height: 74px; } }
body[data-controller="statics_landings"][data-action="show"] .newsList, body[data-controller="statics_landings"][data-action="show_en"] .newsList {
  margin: 60px auto 0;
  width: 290px; }
  body[data-controller="statics_landings"][data-action="show"] .newsList > li, body[data-controller="statics_landings"][data-action="show_en"] .newsList > li {
    margin-top: 30px;
    text-align: left; }
    body[data-controller="statics_landings"][data-action="show"] .newsList > li p, body[data-controller="statics_landings"][data-action="show_en"] .newsList > li p {
      margin: 0;
      font-size: 13px;
      line-height: 1.7; }
    body[data-controller="statics_landings"][data-action="show"] .newsList > li .time, body[data-controller="statics_landings"][data-action="show_en"] .newsList > li .time {
      font-size: 11px;
      font-weight: bold;
      line-height: 1.4; }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] .newsList, body[data-controller="statics_landings"][data-action="show_en"] .newsList {
      margin-top: 120px;
      width: 680px; }
      body[data-controller="statics_landings"][data-action="show"] .newsList > li, body[data-controller="statics_landings"][data-action="show_en"] .newsList > li {
        margin-top: 50px; }
        body[data-controller="statics_landings"][data-action="show"] .newsList > li p, body[data-controller="statics_landings"][data-action="show_en"] .newsList > li p {
          margin-top: 10px;
          font-size: 16px;
          line-height: 1.6; }
        body[data-controller="statics_landings"][data-action="show"] .newsList > li .time, body[data-controller="statics_landings"][data-action="show_en"] .newsList > li .time {
          margin-top: 0;
          font-size: 16px; } }
body[data-controller="statics_landings"][data-action="show"] .contactButton, body[data-controller="statics_landings"][data-action="show_en"] .contactButton {
  width: 100%;
  max-width: 290px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  text-align: center;
  border: 1px solid #000;
  background-color: #fff;
  display: block;
  margin: 30px auto 0;
  color: #000;
  padding: 0;
  font-weight: normal;
  border-radius: 0;
  transition: opacity .3s; }
  body[data-controller="statics_landings"][data-action="show"] .contactButton:hover, body[data-controller="statics_landings"][data-action="show_en"] .contactButton:hover {
    opacity: .7;
    text-decoration: none; }
  body[data-controller="statics_landings"][data-action="show"] .contactButton i, body[data-controller="statics_landings"][data-action="show_en"] .contactButton i {
    margin-right: 10px; }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] .contactButton, body[data-controller="statics_landings"][data-action="show_en"] .contactButton {
      margin-top: 60px;
      max-width: 470px;
      width: 100%;
      font-size: 20px;
      height: 60px;
      line-height: 60px; }
      body[data-controller="statics_landings"][data-action="show"] .contactButton:hover, body[data-controller="statics_landings"][data-action="show_en"] .contactButton:hover {
        opacity: .7;
        text-decoration: none; }
      body[data-controller="statics_landings"][data-action="show"] .contactButton i, body[data-controller="statics_landings"][data-action="show_en"] .contactButton i {
        margin-right: 10px; } }
body[data-controller="statics_landings"][data-action="show"] .companyList, body[data-controller="statics_landings"][data-action="show_en"] .companyList {
  margin: 60px auto 0;
  width: 290px; }
  body[data-controller="statics_landings"][data-action="show"] .companyList > li, body[data-controller="statics_landings"][data-action="show_en"] .companyList > li {
    margin-top: 30px;
    text-align: left; }
    body[data-controller="statics_landings"][data-action="show"] .companyList > li p, body[data-controller="statics_landings"][data-action="show_en"] .companyList > li p {
      margin: 0;
      font-size: 13px;
      line-height: 1.7; }
    body[data-controller="statics_landings"][data-action="show"] .companyList > li .field, body[data-controller="statics_landings"][data-action="show_en"] .companyList > li .field {
      font-size: 11px;
      font-weight: bold;
      line-height: 1.4; }
  @media only screen and (min-width: 769px) {
    body[data-controller="statics_landings"][data-action="show"] .companyList, body[data-controller="statics_landings"][data-action="show_en"] .companyList {
      margin-top: 120px;
      width: 470px; }
      body[data-controller="statics_landings"][data-action="show"] .companyList > li, body[data-controller="statics_landings"][data-action="show_en"] .companyList > li {
        margin-top: 50px; }
        body[data-controller="statics_landings"][data-action="show"] .companyList > li p, body[data-controller="statics_landings"][data-action="show_en"] .companyList > li p {
          margin-top: 10px;
          font-size: 16px;
          line-height: 1.6; }
        body[data-controller="statics_landings"][data-action="show"] .companyList > li .field, body[data-controller="statics_landings"][data-action="show_en"] .companyList > li .field {
          font-size: 16px; } }
body[data-controller="statics_landings"][data-action="show"] footer, body[data-controller="statics_landings"][data-action="show_en"] footer {
  background-color: #222;
  padding: 20px 0; }
  body[data-controller="statics_landings"][data-action="show"] footer .langList, body[data-controller="statics_landings"][data-action="show_en"] footer .langList {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff; }
    body[data-controller="statics_landings"][data-action="show"] footer .langList > li, body[data-controller="statics_landings"][data-action="show_en"] footer .langList > li {
      margin-top: 0;
      font-weight: bold; }
      body[data-controller="statics_landings"][data-action="show"] footer .langList > li a, body[data-controller="statics_landings"][data-action="show_en"] footer .langList > li a {
        color: #999999; }
        body[data-controller="statics_landings"][data-action="show"] footer .langList > li a.is-active, body[data-controller="statics_landings"][data-action="show_en"] footer .langList > li a.is-active {
          color: #fff; }
      body[data-controller="statics_landings"][data-action="show"] footer .langList > li:first-child::after, body[data-controller="statics_landings"][data-action="show_en"] footer .langList > li:first-child::after {
        content: '/';
        padding: 0 5px;
        font-weight: normal; }
        body[data-controller="statics_landings"][data-action="show"] footer .langList > li:first-child::after a, body[data-controller="statics_landings"][data-action="show_en"] footer .langList > li:first-child::after a {
          color: #999999; }
  body[data-controller="statics_landings"][data-action="show"] footer .copyrights, body[data-controller="statics_landings"][data-action="show_en"] footer .copyrights {
    margin-top: 1em;
    text-align: center;
    color: #fff; }

@media screen and (min-width: 320px) {
  body[data-controller="users_diagnosis_torisetsues"] .container {
    font-size: 8px; } }
@media screen and (min-width: 347px) {
  body[data-controller="users_diagnosis_torisetsues"] .container {
    font-size: 9px; } }
@media screen and (min-width: 375px) {
  body[data-controller="users_diagnosis_torisetsues"] .container {
    font-size: 9.5px; } }
@media screen and (min-width: 437px) {
  body[data-controller="users_diagnosis_torisetsues"] .container {
    font-size: 11px; } }
@media screen and (min-width: 498px) {
  body[data-controller="users_diagnosis_torisetsues"] .container {
    font-size: 12px; } }
@media screen and (min-width: 560px) {
  body[data-controller="users_diagnosis_torisetsues"] .container {
    font-size: 13px; } }
body[data-controller="users_diagnosis_torisetsues"] .container {
  font-size: 7px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  max-width: 560px; }
body[data-controller="users_diagnosis_torisetsues"] .first-view-picture {
  margin-top: 38px;
  position: relative; }
  body[data-controller="users_diagnosis_torisetsues"] .first-view-picture::before {
    content: "";
    display: block;
    padding-top: 170%; }
  body[data-controller="users_diagnosis_torisetsues"] .first-view-picture__background {
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  body[data-controller="users_diagnosis_torisetsues"] .first-view-picture__sentence-area {
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/torisetsues/background-bad45412eacf82dfb30cb264f4eea42470bca433df79ea4544c76b88320be940.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
body[data-controller="users_diagnosis_torisetsues"] .background-triangle {
  width: 41%; }
  body[data-controller="users_diagnosis_torisetsues"] .background-triangle__wrapper {
    position: relative;
    width: 100%; }
    body[data-controller="users_diagnosis_torisetsues"] .background-triangle__wrapper::before {
      content: "";
      display: block;
      padding-top: 189%; }
  body[data-controller="users_diagnosis_torisetsues"] .background-triangle__figure {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
body[data-controller="users_diagnosis_torisetsues"] .background-circle {
  position: absolute;
  right: 0;
  top: 0;
  width: 30%; }
  body[data-controller="users_diagnosis_torisetsues"] .background-circle__wrapper {
    position: relative;
    width: 100%; }
    body[data-controller="users_diagnosis_torisetsues"] .background-circle__wrapper::before {
      content: "";
      display: block;
      padding-top: 102%; }
  body[data-controller="users_diagnosis_torisetsues"] .background-circle__figure {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0; }
body[data-controller="users_diagnosis_torisetsues"] .background-rect1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 80%; }
  body[data-controller="users_diagnosis_torisetsues"] .background-rect1__wrapper {
    position: relative;
    width: 100%; }
    body[data-controller="users_diagnosis_torisetsues"] .background-rect1__wrapper::before {
      content: "";
      display: block;
      padding-top: 80%; }
  body[data-controller="users_diagnosis_torisetsues"] .background-rect1__figure {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0; }
body[data-controller="users_diagnosis_torisetsues"] .background-rect2 {
  width: 78%; }
body[data-controller="users_diagnosis_torisetsues"] .title-area {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/torisetsues/hero_title_background-4e4948b83f96f9cc2eea1328428b1d59b1fc650887d09fbc11da1e25f8cc856a.png);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  position: relative;
  width: 61%; }
  body[data-controller="users_diagnosis_torisetsues"] .title-area::before {
    content: "";
    display: block;
    padding-top: 124%; }
  body[data-controller="users_diagnosis_torisetsues"] .title-area__text {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 2.8em;
    justify-content: center;
    left: 0;
    margin-top: 20%;
    position: absolute;
    right: 0;
    top: 0; }
body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area {
  position: relative; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__first-tag-area {
    margin-top: -4%;
    width: 46%;
    position: relative; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__first-tag-text {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    white-space: nowrap; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__second-tag-area {
    margin-top: 5%;
    width: 42%;
    position: absolute;
    top: 0;
    right: 0; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__second-tag-text {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    white-space: nowrap; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__third-tag-area {
    width: 52%;
    position: relative;
    margin: -13% auto 0; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__third-tag-text {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8em;
    font-weight: bold;
    padding: 25% 27% 0;
    text-align: center;
    line-height: 1.4em; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__white-logo-area {
    position: absolute;
    top: -31%;
    right: 2%;
    width: 21%; }
  body[data-controller="users_diagnosis_torisetsues"] .hash-tag-area__white-logo-img {
    width: 100%;
    height: 100%; }
body[data-controller="users_diagnosis_torisetsues"] .reccomend-share {
  margin: 30px 0 60px; }
  body[data-controller="users_diagnosis_torisetsues"] .reccomend-share__text {
    font-size: 1.4em;
    padding: 24px; }
body[data-controller="users_diagnosis_torisetsues"] .description-page {
  margin-top: 30px; }
  body[data-controller="users_diagnosis_torisetsues"] .description-page__introduction {
    border-width: 10px;
    border-style: solid; }
  body[data-controller="users_diagnosis_torisetsues"] .description-page__content {
    border-width: 10px;
    border-style: solid;
    margin-top: 50px; }
body[data-controller="users_diagnosis_torisetsues"] .description-introduction__title {
  padding-top: 1em;
  text-align: center;
  font-size: 2em; }
body[data-controller="users_diagnosis_torisetsues"] .description-introduction__text {
  margin: 0;
  padding: 24px;
  font-size: 1.4em; }
body[data-controller="users_diagnosis_torisetsues"] .result-content__sub-title {
  padding: 24px 0 12px 24px;
  font-size: 2em; }
body[data-controller="users_diagnosis_torisetsues"] .result-content__character {
  color: #fff;
  display: inline-block;
  font-size: 2em;
  margin: 0;
  padding: 7px 24px;
  text-align: left; }
body[data-controller="users_diagnosis_torisetsues"] .result-content__description {
  margin: 0;
  padding: 24px 24px 0;
  font-size: 1.6em;
  font-weight: bold;
  white-space: pre-wrap; }
body[data-controller="users_diagnosis_torisetsues"] .result-content__logo-img {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 10px; }
body[data-controller="users_diagnosis_torisetsues"] .adjust-position {
  position: relative; }
body[data-controller="users_diagnosis_torisetsues"] .mask-text {
  backdrop-filter: blur(6px);
  position: absolute;
  height: 100%; }
body[data-controller="users_diagnosis_torisetsues"] .lead-text {
  width: 85%;
  margin: 120px auto 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700; }
body[data-controller="users_diagnosis_torisetsues"] .lead-twitter {
  width: 80%;
  margin: 20px auto 0; }
body[data-controller="users_diagnosis_torisetsues"] .hidden-contents {
  display: none; }
body[data-controller="users_diagnosis_torisetsues"] .result-img {
  margin: 50px auto; }
  body[data-controller="users_diagnosis_torisetsues"] .result-img__title {
    padding: 1.5em 0;
    font-size: 2em;
    color: white;
    text-align: center;
    font-weight: 600;
    line-height: 30px; }
  body[data-controller="users_diagnosis_torisetsues"] .result-img__star-area {
    margin: 0 40px 30px;
    height: auto;
    border: solid 1px #d1d1d1;
    border-radius: 10px;
    background-color: white;
    font-size: 2em;
    padding: 0.5em 1em;
    line-height: 2em; }
  body[data-controller="users_diagnosis_torisetsues"] .result-img__characteristics-area {
    margin: 0 40px 40px;
    padding-bottom: 20px; }
body[data-controller="users_diagnosis_torisetsues"] .result-characteristics {
  text-align: left;
  padding-left: 1.5%; }
  body[data-controller="users_diagnosis_torisetsues"] .result-characteristics__word {
    display: inline-block;
    text-align: center;
    width: 32%;
    padding: 0.5em 0;
    margin-bottom: 0.5em;
    border: solid 1px #d1d1d1;
    border-radius: 5px;
    background-color: white;
    font-size: 1.5em;
    font-weight: 600; }
body[data-controller="users_diagnosis_torisetsues"] .one-result-area {
  position: relative; }
body[data-controller="users_diagnosis_torisetsues"] .star-img {
  display: inline-block;
  position: absolute;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  width: 60%;
  right: 10%; }
body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share {
  position: relative;
  text-align: center;
  margin-bottom: 50px; }
  body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share__title {
    margin: 30px 0;
    padding: 16px 0;
    color: #ffffff;
    background-color: #f16e9a;
    font-size: 1.8em;
    font-weight: 600; }
  body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share__ogp-img {
    width: 90%; }
  body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share__text-area {
    overflow: scroll;
    margin: 20px;
    height: 140px;
    border: solid 2px #D1D1D1;
    border-radius: 10px;
    background-color: #ffffff; }
  body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share__text {
    margin: 10px 20px;
    font-size: 14px;
    font-weight: 300; }
  body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share__button {
    width: 70%;
    margin: 40px auto 20px; }
  body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share__icon-link {
    width: 90%;
    margin: 25px auto;
    text-align: center; }
  body[data-controller="users_diagnosis_torisetsues"] .torisetsu-share__icon-item {
    display: inline-block;
    margin: 0 20px; }
body[data-controller="users_diagnosis_torisetsues"] .clipboard {
  width: 48px;
  height: 50px;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 1px #c3c3c3;
  background-color: #808080;
  cursor: pointer; }
body[data-controller="users_diagnosis_torisetsues"] .scsho-comment {
  background-color: #f7f7f7;
  margin-top: 0;
  padding: 30px 24px;
  text-align: center; }
  body[data-controller="users_diagnosis_torisetsues"] .scsho-comment .scsho-text {
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 1.4em;
    margin-top: 20px; }
body[data-controller="users_diagnosis_torisetsues"] .recommend-mgram {
  margin-top: 4em;
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_09-fc49e48e8e1e5211c89aa73fba1a8e5cac43ae79d02b94fbf4c864d932e813db.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  text-align: center; }
  body[data-controller="users_diagnosis_torisetsues"] .recommend-mgram__title {
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left;
    position: relative;
    margin-bottom: 1em;
    color: #ffffff;
    font-size: 1.8em;
    font-weight: bold;
    padding: 16px;
    text-align: center; }
  body[data-controller="users_diagnosis_torisetsues"] .recommend-mgram__text {
    margin: 40px 0;
    padding: 0 24px;
    font-size: 1.4em;
    font-weight: 300;
    text-align: left; }
    body[data-controller="users_diagnosis_torisetsues"] .recommend-mgram__text__lp-link {
      text-decoration: underline;
      color: #fa2d74; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-1 {
  fill: #74BCF0; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-2 {
  fill: #89B6FF; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-3 {
  fill: #6597DB; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-4 {
  fill: #BAB1FF; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-5 {
  fill: #D5A8F7; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-6 {
  fill: #EFA2E0; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-7 {
  fill: #F285A7; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-8 {
  fill: #EF8876; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-9 {
  fill: #F79D65; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-10 {
  fill: #F7CB67; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-11 {
  fill: #EAD354; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-12 {
  fill: #C9A975; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-13 {
  fill: #C2D652; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-14 {
  fill: #81CC6F; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-15 {
  fill: #6CDBC6; }
body[data-controller="users_diagnosis_torisetsues"] svg.type-16 {
  fill: #ACACAC; }
body[data-controller="users_diagnosis_torisetsues"] .shocking-pink-color {
  color: #fa2d74; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-default {
  border-color: #fa2d74; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-1 {
  border-color: #74BCF0; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-2 {
  border-color: #89B6FF; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-3 {
  border-color: #6597DB; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-4 {
  border-color: #BAB1FF; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-5 {
  border-color: #D5A8F7; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-6 {
  border-color: #EFA2E0; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-7 {
  border-color: #F285A7; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-8 {
  border-color: #EF8876; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-9 {
  border-color: #F79D65; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-10 {
  border-color: #F7CB67; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-11 {
  border-color: #EAD354; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-12 {
  border-color: #C9A975; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-13 {
  border-color: #C2D652; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-14 {
  border-color: #81CC6F; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-15 {
  border-color: #6CDBC6; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-16 {
  border-color: #ACACAC; }
body[data-controller="users_diagnosis_torisetsues"] .border-color-type-four-tag {
  border-color: #4e4e4e; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-1 {
  background-color: #74BCF0; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-2 {
  background-color: #89B6FF; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-3 {
  background-color: #6597DB; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-4 {
  background-color: #BAB1FF; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-5 {
  background-color: #D5A8F7; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-6 {
  background-color: #EFA2E0; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-7 {
  background-color: #F285A7; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-8 {
  background-color: #EF8876; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-9 {
  background-color: #F79D65; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-10 {
  background-color: #F7CB67; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-11 {
  background-color: #EAD354; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-12 {
  background-color: #C9A975; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-13 {
  background-color: #C2D652; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-14 {
  background-color: #81CC6F; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-15 {
  background-color: #6CDBC6; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-16 {
  background-color: #ACACAC; }
body[data-controller="users_diagnosis_torisetsues"] .bg-color-type-four-tag {
  background-color: #4e4e4e; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-1 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_1-46ffd6f0e2c43a538fad74859bafb368b9a7ee4698a19ba45375cb8d416aaec2.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-2 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_2-65181095246e1acdf3d913bbfd131c2d5321aee65fe80f9e58d1a292bb668bdc.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-3 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_3-988cd4f2849bb5f97be5b9e8b606cb33f3f27a8bd70a5771db9e842bf15796b2.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-4 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_4-272d3852ff9c0be90d9b9fca777b24622d3654038f96af4b2685795af5167206.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-5 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_5-0faef880652f80874834f2fddcb94d285527e08d1c01fb634101792bfe6d93a1.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-6 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_6-a43b1ad4c002c438e2fd24addd15647a744727c9eef30a21e07dfe14f20d309b.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-7 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_7-12d47d62400dc0c9e7e52f0b56bf40002e6d1058571f544dfe72df94b73d19c3.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-8 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_8-9ed9990875fe272d3474ff02967f79fe541ed2854d1e56edb5c634edbc77b4ed.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-9 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_9-3638de3330297322aa7bfa00377840672597a0863ae6e11d3fcee8df08825b9e.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-10 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_10-f5f369b52b8daf296ba44e6aa57a0e0f34268a32cd84e9851e513eda5231a952.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-11 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_11-af7fda5de2197f27d8abdb402d814cb3111c1d8fc0dc63d18681190a4a163a63.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-12 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_12-c440a3a79c248501d1ca55ef719f89540d94843fbc7d06c006ed046ee5bfa6da.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-13 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_13-3495cecdd31fef717eee5972ceba6cf99d335f8b13d207b2461a4b3ce8ef6984.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-14 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_14-ce714e3ce4ff73d2c83624a6b9877f3bcf0c566af849c8c42c2c088f5c8fa7ab.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-15 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_15-dbc88051542756a1c0e55d6b490b0b0a92231bad03a5260e491ea4c59e31b543.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .result-bg-16 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues2020_second_half/result_bg_16-fdcef73c7d3d59a409237062edd95951e101de5b0fefd39c79a85e0ee9f1e08e.png);
  background-size: cover;
  background-repeat: no-repeat; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report {
  margin-top: 0; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-lead {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-lead-introduction {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-lead-introduction__title {
    color: #fa8a06;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 18px;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-lead-introduction__image-info {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-lead-introduction__description {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-lead-introduction__additional {
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a;
    padding: 0 32px;
    margin-bottom: 22px; }
body[data-controller="users_diagnosis_torisetsues"] .book-img {
  width: 50px;
  margin-right: 8px; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-name {
  font-size: 14px;
  font-weight: 600;
  font-style: normal; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-name-color {
  color: #ff4b95; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-price {
  margin: 0;
  font-size: 12px;
  font-weight: 400; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-additional-content {
  border: 4px solid #e2317c;
  margin: 0 16px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-additional-content__caption {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #e2317c; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-additional-content__text {
    padding: 0 1em 1em; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-three {
  margin-bottom: 22px;
  padding: 0 32px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__talent {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__love {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__work {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__description {
    margin-top: 1em;
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 14px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__name {
    font-weight: 600;
    color: #ff4b95; }
  @media screen and (max-width: 375px) {
    body[data-controller="users_diagnosis_torisetsues"] .premium-report-three {
      padding: 0 32px; }
      body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__talent {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__love {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_torisetsues"] .premium-report-three__work {
        padding: 1em 0; } }
body[data-controller="users_diagnosis_torisetsues"] .purchase-offer-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }
body[data-controller="users_diagnosis_torisetsues"] .additional-text {
  margin: 0 auto;
  color: #e2317c;
  font-size: 14px;
  font-weight: 600;
  text-align: center; }
body[data-controller="users_diagnosis_torisetsues"] .buy-button {
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  margin-top: 0; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-contents {
  position: relative;
  background-color: #f6f6f6;
  margin: 0 0 40px;
  padding-bottom: 15px; }
body[data-controller="users_diagnosis_torisetsues"] .premium-detail-area {
  padding-top: 40px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-detail-area__talent {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-detail-area__love {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-detail-area__work {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-detail-area__additional {
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-detail-area__example {
    margin: 20px auto 30px;
    padding: 0 32px; }
body[data-controller="users_diagnosis_torisetsues"] .line {
  position: absolute;
  width: 100%;
  height: 4px; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-before-conclusion {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  font-size: 18px; }
body[data-controller="users_diagnosis_torisetsues"] .premium-report-conclusion {
  padding: 40px 0;
  margin-top: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_torisetsues"] .premium-report-conclusion__appeal-text {
    padding: 0 32px; }
body[data-controller="users_diagnosis_torisetsues"] .icon-mini {
  width: 100%;
  padding: 0 20px;
  margin: 3em auto; }

body[data-controller="users_new_year_animal_profilings"] .container {
  font-size: 7px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  max-width: 560px; }
@media screen and (min-width: 320px) {
  body[data-controller="users_new_year_animal_profilings"] .container {
    font-size: 8.4px; } }
@media screen and (min-width: 347px) {
  body[data-controller="users_new_year_animal_profilings"] .container {
    font-size: 9.45px; } }
@media screen and (min-width: 375px) {
  body[data-controller="users_new_year_animal_profilings"] .container {
    font-size: 10px; } }
@media screen and (min-width: 437px) {
  body[data-controller="users_new_year_animal_profilings"] .container {
    font-size: 11.55px; } }
@media screen and (min-width: 498px) {
  body[data-controller="users_new_year_animal_profilings"] .container {
    font-size: 12.6px; } }
@media screen and (min-width: 560px) {
  body[data-controller="users_new_year_animal_profilings"] .container {
    font-size: 13.65px; } }
body[data-controller="users_new_year_animal_profilings"] .animal-result {
  position: relative;
  z-index: -20;
  margin-top: 20px;
  padding-bottom: 0em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__bg-img {
    z-index: -30;
    position: absolute;
    width: 100%;
    height: auto;
    right: 0;
    top: 3em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__area {
    margin: 0 2em;
    height: auto; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__text_box {
    display: table; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__profiling-name {
    padding-top: 3em;
    font-size: 1.2em;
    font-weight: 300;
    font-family: ヒラギノ角ゴシック;
    color: #847e7e;
    opacity: 0.64; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__username {
    font-size: 2.4em;
    font-weight: 600;
    font-family: ヒラギノ角ゴシック;
    margin-top: 0.3em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__text {
    display: table-cell;
    font-size: 2em;
    font-weight: 600;
    font-family: ヒラギノ角ゴシック;
    margin-top: 0.3em;
    width: 100%; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__profiling-date {
    display: table-cell;
    text-align: right;
    font-size: 1.2em;
    font-weight: 400;
    font-family: ヒラギノ丸ゴ ProN;
    width: 100%; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__card {
    position: relative;
    background-color: #ffffff;
    width: 80%;
    height: 22.3em;
    margin: 3em auto 0;
    text-align: center;
    border-top: solid 0.5px #b2b2b2;
    border-right: solid 0.5px #b2b2b2;
    border-left: solid 0.5px #b2b2b2;
    border-radius: 1em;
    box-shadow: 10px -10px 0 0 #b2b2b2; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__animal-type {
    font-size: 1.8em;
    font-weight: 600;
    font-family: ヒラギノ角ゴシック;
    text-align: center;
    margin-top: 1em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__animal-name {
    font-size: 1.27em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__animal-type-logo {
    position: absolute;
    width: 25%;
    height: auto;
    left: 82%;
    top: 5%; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__animal-image-alea {
    height: 13.5em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__animal-image {
    text-align: center;
    height: 13.5em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__catch-copy {
    margin-top: 0;
    font-size: 1.6em;
    font-family: ヒラギノ角ゴシック;
    text-align: center; }
  body[data-controller="users_new_year_animal_profilings"] .animal-result__bg-color {
    z-index: -10;
    position: absolute;
    height: 30%;
    width: 100%;
    bottom: 0;
    margin-bottom: -10px;
    border-radius: 5em 5em 0 0; }
body[data-controller="users_new_year_animal_profilings"] .animal-profiling-result {
  position: relative;
  margin-bottom: 7em;
  padding: 3.2em 3em 0;
  border-bottom-right-radius: 5em;
  border-bottom-left-radius: 5em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-result__introduction {
    position: relative;
    margin-bottom: 5em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-result__introduction-text {
    font-size: 1.3em;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    margin-bottom: 2em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-result__mgram-white-logo {
    position: absolute;
    right: 0;
    width: 40%; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-result__characteristics {
    font-size: 1.8em;
    font-weight: 600;
    font-family: ヒラギノ角ゴシック;
    margin-top: 4em;
    padding: 0.8em 0;
    text-align: center;
    background-color: #ffffff;
    width: 100%;
    border-radius: 0.6em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-result__animal-type-description {
    margin-top: 2.29em;
    padding-bottom: 3.285em;
    font-size: 1.4em;
    font-weight: 600;
    font-family: ヒラギノ角ゴシック;
    line-height: 2em; }
body[data-controller="users_new_year_animal_profilings"] .probability-same-type {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/torisetsues/bg_04-bfe0a31feeeed41e7262af7ace52bd71f27e5ea5996e7197c4c7137b57678ca3.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  border-width: 10px;
  border-style: solid;
  border-color: #4e4e4e;
  text-align: center;
  padding: 30px 30px 16px; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__sub-title {
    font-size: 2em;
    text-align: left;
    margin-bottom: 2.7em; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__result-per-title {
    color: #ffffff;
    text-align: center;
    font-size: 2.4em;
    padding: 0.4em 0em;
    font-weight: bold; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__result-person-wrapper {
    margin-top: 6.3em; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__result-person {
    font-size: 2.6em;
    font-weight: bold;
    padding-bottom: 2px; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__percent {
    margin-top: 7em;
    text-align: center;
    font-weight: bold; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__percent-title {
    text-align: left;
    font-size: 1.8em; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__percent-result {
    font-size: 2.4em;
    text-align: left;
    padding: 0.3em 0; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__percent-text {
    text-align: left;
    font-size: 1.8em; }
  body[data-controller="users_new_year_animal_profilings"] .probability-same-type__result-description {
    margin-top: 2.8em;
    font-size: 1.4em; }
body[data-controller="users_new_year_animal_profilings"] .animal-share-title-parts {
  position: relative;
  width: 100%;
  background-color: #f64069;
  margin-top: 4em; }
body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-content-title {
  color: #ffffff;
  font-size: 1.8em;
  font-weight: 600;
  padding: 0.8em 0;
  text-align: center;
  height: auto; }
body[data-controller="users_new_year_animal_profilings"] .aspiration-plus-toggle {
  position: absolute;
  top: 55%;
  left: 95%;
  transform: translateX(-65%) translateY(-65%);
  -webkit-transform: translateX(-65%) translateY(-65%); }
body[data-controller="users_new_year_animal_profilings"] .animal-share-bg-img {
  z-index: -10;
  position: absolute;
  width: 100%;
  height: auto;
  right: 0;
  top: -370%; }
body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area {
  position: relative;
  margin: 0 2em 3em;
  padding-top: 2em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area__my-aspiration {
    text-align: right; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area__ogp-preview {
    border-radius: 1em;
    background-color: #ebebeb;
    padding: 1em;
    margin-top: 2em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area__share-button {
    text-align: center;
    width: 60%;
    margin: auto; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area__bg-img {
    z-index: -10;
    position: absolute;
    left: -1.5em;
    bottom: -1em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area .icon-link {
    display: table;
    width: 90%;
    margin: 1.5em auto; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area .icon-item {
    display: table-cell;
    vertical-align: middle; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area__prompt-share {
    display: inline-block;
    position: relative;
    margin: 2.3em 0 0em;
    padding: 0.5em 0.8em;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 600;
    font-family: ヒラギノ角ゴシック;
    background: #f8bd1d;
    border-radius: 1em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-profiling-share-area__prompt-share:after {
    top: 100%;
    left: 48%;
    border: solid transparent;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-top-color: #f8bd1d;
    border-width: 0.4em; }
body[data-controller="users_new_year_animal_profilings"] .my-aspiration__username {
  font-size: 2.4em;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  margin-top: 1.1em; }
body[data-controller="users_new_year_animal_profilings"] .my-aspiration__text {
  display: table-cell;
  font-size: 2em;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  width: 100%; }
body[data-controller="users_new_year_animal_profilings"] .my-aspiration__text-box {
  border: solid 2px #bdbec0;
  background: #ffffff;
  margin: 1em 0 0.3em;
  font-size: 1.4em;
  font-family: ヒラギノ角ゴシック;
  font-weight: 300; }
body[data-controller="users_new_year_animal_profilings"] .my-aspiration__text-counter {
  font-family: ヒラギノ角ゴシック;
  font-weight: 300; }
body[data-controller="users_new_year_animal_profilings"] .target-achievement-advise-title {
  color: #ffffff;
  background-color: #244868;
  width: 100%;
  font-size: 1.8em;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  padding: 0.8em 0;
  margin-top: 2.2em;
  text-align: center;
  height: auto; }
body[data-controller="users_new_year_animal_profilings"] .animal-ogp-preview__card {
  display: table;
  padding: 0.5em;
  height: 100%;
  width: 100%;
  border-radius: 1em;
  background: #ffffff;
  background-image: url("/assets/images/users/new_year_animal_profilings/ogp_img_background_pattern.svg");
  background-size: 120%;
  background-position: right 20% bottom 70%;
  text-align: right; }
body[data-controller="users_new_year_animal_profilings"] .animal-ogp-preview__text-area {
  margin: 1em; }
body[data-controller="users_new_year_animal_profilings"] .animal-ogp-preview__text {
  font-size: 1.4em;
  font-weight: 300;
  line-height: 2em; }
body[data-controller="users_new_year_animal_profilings"] .animal-card__text-area {
  display: table-cell;
  position: relative;
  width: 50%; }
body[data-controller="users_new_year_animal_profilings"] .animal-card__type-image-area {
  position: relative;
  display: table-cell;
  width: 50%;
  border-radius: 1.5em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-card__type-image-area:before {
    display: block;
    content: '';
    padding-top: 100%; }
body[data-controller="users_new_year_animal_profilings"] .animal-text-area {
  position: relative; }
  body[data-controller="users_new_year_animal_profilings"] .animal-text-area__top {
    position: absolute;
    font-size: 1.3em;
    width: 100%; }
  body[data-controller="users_new_year_animal_profilings"] .animal-text-area__username {
    font-weight: 600;
    font-family: ヒラギノ角ゴシック; }
  body[data-controller="users_new_year_animal_profilings"] .animal-text-area__honorifics {
    font-size: 0.5em;
    font-family: ヒラギノ角ゴシック;
    color: #333333; }
  body[data-controller="users_new_year_animal_profilings"] .animal-text-area__ogp-text {
    margin: 0;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600; }
  body[data-controller="users_new_year_animal_profilings"] .animal-text-area__aspiration-box {
    position: absolute;
    display: table;
    z-index: 1;
    left: 1%;
    bottom: 15%;
    height: 7.6em;
    width: 115%;
    border-radius: 1em; }
  body[data-controller="users_new_year_animal_profilings"] .animal-text-area__aspiration-text {
    color: #ffffff;
    word-break: break-word;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.9em;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600; }
  body[data-controller="users_new_year_animal_profilings"] .animal-text-area__mgram-logo {
    position: absolute;
    right: 5%;
    bottom: 0;
    margin: auto;
    width: 40%; }
body[data-controller="users_new_year_animal_profilings"] .animal-image-area {
  position: relative; }
  body[data-controller="users_new_year_animal_profilings"] .animal-image-area__animal-name {
    position: absolute;
    text-align: center;
    top: 5%;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 2em;
    font-weight: 600; }
  body[data-controller="users_new_year_animal_profilings"] .animal-image-area__logo {
    position: absolute;
    top: 5%;
    right: -10%;
    width: 35%; }
  body[data-controller="users_new_year_animal_profilings"] .animal-image-area__animal-image {
    z-index: 20;
    position: absolute;
    padding: 20% 10% 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto; }
body[data-controller="users_new_year_animal_profilings"] .target-achievement-advise-body {
  margin: 0 2em; }
  body[data-controller="users_new_year_animal_profilings"] .target-achievement-advise-body__target-setting-advise-title {
    margin: 1.6em 0 0;
    font-size: 2em;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    line-height: 1.3em; }
  body[data-controller="users_new_year_animal_profilings"] .target-achievement-advise-body__target-setting-advise-description {
    margin-top: 1.7em;
    margin-bottom: 2.85em;
    font-size: 1.4em;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    line-height: 2em; }
  body[data-controller="users_new_year_animal_profilings"] .target-achievement-advise-body__target-setting-affiliate-title {
    margin: 1.6em 0 1.15em;
    font-size: 2em;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    line-height: 1.2em; }
body[data-controller="users_new_year_animal_profilings"] .light-blue {
  background: #6fd1de; }
body[data-controller="users_new_year_animal_profilings"] .light-green {
  background: #3bc4aa; }
body[data-controller="users_new_year_animal_profilings"] .affiliate-body {
  color: #ffffff;
  margin: 1.6em 1.3em 0;
  padding: 1.4em 0.5em;
  border-radius: 1em;
  text-align: center; }
body[data-controller="users_new_year_animal_profilings"] .afiliate__header {
  width: 100%;
  display: table; }
body[data-controller="users_new_year_animal_profilings"] .affiliate-category {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 1.8em;
  font-weight: 600;
  font-family: ヒラギノ角ゴシック;
  padding-left: 6px; }
body[data-controller="users_new_year_animal_profilings"] .affiliate__plus-toggle {
  display: table-cell;
  vertical-align: middle;
  width: 26px;
  height: 26px; }
body[data-controller="users_new_year_animal_profilings"] .icon-plus-minus {
  position: relative;
  width: 26px;
  height: 26px;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 0 0 auto; }
body[data-controller="users_new_year_animal_profilings"] .minus-parts {
  position: absolute;
  width: 65%;
  top: 12px;
  left: 0;
  right: 0;
  margin: auto;
  border-top: 2px solid #847e7e; }
body[data-controller="users_new_year_animal_profilings"] .plus-parts {
  position: absolute;
  height: 65%;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-right: 2px solid #847e7e; }
body[data-controller="users_new_year_animal_profilings"] .affiliate-content-description {
  display: block;
  font-size: 1.4em;
  font-weight: 300;
  font-family: ヒラギノ角ゴシック;
  color: #ffffff;
  padding: 1.3em 0.45em; }
body[data-controller="users_new_year_animal_profilings"] .affiliate-content-link {
  display: block;
  text-align: center;
  padding: 0.5em;
  background: #ffffff;
  border-radius: 0.5em;
  width: 70%;
  margin: 0.15em auto 1em;
  font-size: 1.35em;
  font-weight: 600;
  color: #847e7e; }

body[data-controller="users_diagnosis_fail_loves"] .container {
  min-width: 320px;
  margin: 0 auto;
  max-width: 560px;
  text-align: center; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-report-title {
  margin-top: 50px;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: bold; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-profiling-time {
  margin: 15px 0; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-top-img {
  margin-bottom: 25px; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-profiling-description {
  margin: 0 20px; }
body[data-controller="users_diagnosis_fail_loves"] .schroll-unfaithful-button {
  display: block;
  cursor: pointer;
  padding: 20px 13px;
  margin: 2.5em auto;
  border-radius: 8px;
  text-align: center;
  color: #ffffff;
  background-color: #cfae8f;
  width: 100%;
  max-width: 320px;
  font-size: 14px;
  font-weight: 600; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-table__title {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-table__3-reasons {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-table__reason {
  text-decoration: underline;
  display: inline-block;
  text-align: left; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-result-template {
  margin-bottom: 30px;
  border: 12px solid;
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_01-4ea17d0d18d682e466d8f79ef519c954899695e2e7d75d864825963f89a15bf4.png);
  background-size: 100% auto;
  background-position: right bottom; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-result-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
  padding: 5px 0 5px 20px;
  width: 70%; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-contents-template {
  margin: 10px 20px; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-tag-caption {
  font-size: 16px;
  font-weight: 600; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-tag-color-type1 {
  background-color: #f16e9a; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-border-color-type1 {
  border-color: #f16e9a; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-tag-color-type2 {
  background-color: #774f31; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-border-color-type2 {
  border-color: #774f31; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-tag-color-type3 {
  background-color: #97c336; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-border-color-type3 {
  border-color: #97c336; }
body[data-controller="users_diagnosis_fail_loves"] .fail-love-end-greeting {
  margin: 40px 20px; }
  body[data-controller="users_diagnosis_fail_loves"] .fail-love-end-greeting__title {
    line-height: 1.5em;
    display: inline-block;
    padding: 0 1em;
    background-color: #e6e8fc;
    font-size: 18px;
    font-weight: 700; }
body[data-controller="users_diagnosis_fail_loves"] .recommend-additional-element {
  background-color: #ebded2;
  padding: 5px 0; }
body[data-controller="users_diagnosis_fail_loves"] .recommend-additional-element-description {
  margin-bottom: 40px; }
  body[data-controller="users_diagnosis_fail_loves"] .recommend-additional-element-description__title {
    margin: 20px;
    font-size: 18px;
    font-weight: 700; }
  body[data-controller="users_diagnosis_fail_loves"] .recommend-additional-element-description__text {
    margin: 10px 20px; }
  body[data-controller="users_diagnosis_fail_loves"] .recommend-additional-element-description__supplementary_explanation {
    margin: 10px 20px;
    font-size: 11px; }
body[data-controller="users_diagnosis_fail_loves"] .detail_data {
  padding: 6% 20px 6%;
  background-color: #e6e8fc; }
  body[data-controller="users_diagnosis_fail_loves"] .detail_data__h3-caption {
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    margin: 30px auto 0;
    padding: 1px .3em;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold; }

body[data-controller="users_diagnosis_unfaithfuls"] .container {
  min-width: 320px;
  margin: 0 auto;
  max-width: 560px;
  text-align: center; }
body[data-controller="users_diagnosis_unfaithfuls"] .report-title {
  margin-top: 50px;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: bold; }
body[data-controller="users_diagnosis_unfaithfuls"] .profiling-time {
  margin: 15px 0; }
body[data-controller="users_diagnosis_unfaithfuls"] .top-img {
  margin-bottom: 25px; }
body[data-controller="users_diagnosis_unfaithfuls"] .profiling-description {
  margin: 0 20px; }
body[data-controller="users_diagnosis_unfaithfuls"] .three-reason-table__title {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold; }
body[data-controller="users_diagnosis_unfaithfuls"] .three-reason-table__3-reasons {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_unfaithfuls"] .three-reason-table__reason {
  text-decoration: underline;
  display: inline-block;
  text-align: left; }
body[data-controller="users_diagnosis_unfaithfuls"] .result-template {
  margin-bottom: 30px;
  border: 12px solid;
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_01-4ea17d0d18d682e466d8f79ef519c954899695e2e7d75d864825963f89a15bf4.png);
  background-size: 100% auto;
  background-position: right bottom; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template__title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    padding: 5px 0 5px 20px;
    width: 70%; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template__content {
    margin: 10px 20px; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template--border-color-purple {
    border-color: #c083f0; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template--tag-color-purple {
    background-color: #c083f0; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template--border-color-green {
    border-color: #3bc4aa; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template--tag-color-green {
    background-color: #3bc4aa; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template--border-color-gray {
    border-color: #847e7e; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-template--tag-color-gray {
    background-color: #847e7e; }
body[data-controller="users_diagnosis_unfaithfuls"] .result-content {
  margin: 10px 20px; }
  body[data-controller="users_diagnosis_unfaithfuls"] .result-content__caption {
    font-size: 16px;
    font-weight: 600; }
body[data-controller="users_diagnosis_unfaithfuls"] .end-greeting {
  margin: 40px 20px; }
  body[data-controller="users_diagnosis_unfaithfuls"] .end-greeting__title {
    line-height: 1.5em;
    display: inline-block;
    padding: 0 1em;
    background-color: #e6e8fc;
    font-size: 18px;
    font-weight: 700; }
body[data-controller="users_diagnosis_unfaithfuls"] .detail_data {
  padding: 6% 20px 6%;
  background-color: #e6e8fc; }
  body[data-controller="users_diagnosis_unfaithfuls"] .detail_data__h3-caption {
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    margin: 30px auto 0;
    padding: 1px .3em;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold; }

body[data-controller="users_diagnosis_not_evaluateds"] .container {
  min-width: 320px;
  margin: 0 auto;
  max-width: 560px;
  text-align: center; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-introduction__report-title {
  margin-top: 50px;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: bold; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-introduction__profiling-time {
  margin: 15px 0; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-introduction__top-img {
  margin-bottom: 25px; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-introduction__description {
  margin: 0 20px; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-table__title {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-table__3-reasons {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-table__reason {
  text-decoration: underline;
  display: inline-block;
  text-align: left; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template {
  margin-bottom: 30px;
  border: 12px solid;
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_01-4ea17d0d18d682e466d8f79ef519c954899695e2e7d75d864825963f89a15bf4.png);
  background-size: 100% auto;
  background-position: right bottom; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    padding: 5px 0 5px 20px;
    width: 70%; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__contents {
    margin: 10px 20px; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__tag-caption {
    font-size: 16px;
    font-weight: 600; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__tag-color-blue {
    background-color: #6e87f1; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__border-color-blue {
    border-color: #6e87f1; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__tag-color-turquoise-blue {
    background-color: #6fd1de; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__border-color-turquoise-blue {
    border-color: #6fd1de; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__tag-color-blue-green {
    background-color: #3bc4aa; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-result-template__border-color-blue-green {
    border-color: #3bc4aa; }
body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-end-greeting {
  margin: 40px 20px; }
  body[data-controller="users_diagnosis_not_evaluateds"] .not-evaluated-end-greeting__title {
    line-height: 1.5em;
    display: inline-block;
    padding: 0 1em;
    background-color: #e6e8fc;
    font-size: 18px;
    font-weight: 700; }
body[data-controller="users_diagnosis_not_evaluateds"] .detail_data {
  padding: 6% 20px 6%;
  background-color: #e6e8fc; }
  body[data-controller="users_diagnosis_not_evaluateds"] .detail_data__h3-caption {
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    margin: 30px auto 0;
    padding: 1px .3em;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold; }

body[data-controller="users_diagnosis_love_deviations"] .container {
  overflow: hidden;
  min-width: 320px;
  margin: 0 auto;
  max-width: 580px;
  text-align: center;
  font-size: 10px; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-preface {
  margin: 0 20px; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-preface__result-preface {
    margin-top: 70px;
    font-size: 1.8em;
    font-weight: 600; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-preface__introduction {
    font-size: 1.4em; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-result__title {
  margin: 30px 0;
  padding: 16px 0;
  color: #ffffff;
  background-color: #ff7600;
  font-size: 1.8em;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-result-icon {
  padding: 10px; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-result-icon__img-star {
    display: inline-block;
    margin: 0 auto;
    padding-right: 10px;
    width: 65%; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-result-icon__value {
    display: inline-block;
    margin: 0 auto;
    width: 30%; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-result-icon__description {
    margin: 10px 20px 30px;
    font-size: 1.4em; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-four-tag__title {
  margin: 30px 0;
  padding: 16px 0;
  color: #ffffff;
  background-color: #ff4e69;
  font-size: 18px;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-four-tag__result {
  margin-left: 20px;
  text-align: left;
  font-size: 18px;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-four-tag__content {
  text-align: left;
  margin: 20px;
  border: solid 2px #ff4e69;
  border-radius: 16px; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-four-tag__tag-name {
  background-color: #ff4e69;
  border-radius: 13px 13px 0 0;
  padding: 13px 0 13px 18px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-four-tag__description {
  padding: 0 20px;
  margin-bottom: 20px;
  font-size: 1.4em; }
body[data-controller="users_diagnosis_love_deviations"] .affinity-probability__title {
  margin: 30px 0;
  padding: 16px 0;
  color: #ffffff;
  background-color: #ff8ba2;
  font-size: 18px;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_deviations"] .affinity-probability__caption {
  text-align: center;
  color: #ff8ba2;
  font-size: 3em;
  font-weight: 600;
  text-decoration: underline; }
body[data-controller="users_diagnosis_love_deviations"] .affinity-probability__description {
  margin-top: 35px; }
body[data-controller="users_diagnosis_love_deviations"] .affinity-probability__text {
  margin: 10px 0;
  text-align: center;
  font-size: 1.6em;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_deviations"] .affinity-probability__percent {
  text-align: center;
  font-size: 3em;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share {
  position: relative; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share__title {
    margin: 30px 0;
    padding: 16px 0;
    color: #ffffff;
    background-color: #ffbb4e;
    font-size: 18px;
    font-weight: 600; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share__navi-text {
    text-align: center;
    font-size: 12px;
    font-weight: 300; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share__ogp-img {
    width: 90%; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share__bg-img {
    z-index: -10;
    position: absolute;
    bottom: -50px;
    left: 5px; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share__text-area {
    overflow: scroll;
    margin: 20px;
    height: 140px;
    border: solid 2px #D1D1D1;
    border-radius: 10px;
    background-color: #ffffff; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share__text {
    margin: 10px 20px;
    font-size: 14px;
    font-weight: 300; }
  body[data-controller="users_diagnosis_love_deviations"] .love-deviation-share__button {
    text-align: center;
    width: 60%;
    margin: auto; }
body[data-controller="users_diagnosis_love_deviations"] .icon-link {
  display: table;
  width: 90%;
  margin: 1.5em auto; }
body[data-controller="users_diagnosis_love_deviations"] .icon-item {
  display: table-cell;
  vertical-align: middle; }
body[data-controller="users_diagnosis_love_deviations"] .premium-report-lead {
  margin: 50px 20px 0;
  font-size: 1.4em; }
  body[data-controller="users_diagnosis_love_deviations"] .premium-report-lead__caption {
    margin: 20px auto 0; }
  body[data-controller="users_diagnosis_love_deviations"] .premium-report-lead__caption-bg-color {
    padding: 5px 18px;
    background-color: #e6e8fc; }
body[data-controller="users_diagnosis_love_deviations"] .premium-report-tile-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 250px;
  margin: 20px auto 0; }
  body[data-controller="users_diagnosis_love_deviations"] .premium-report-tile-list li {
    margin: 0;
    width: 73px; }
    body[data-controller="users_diagnosis_love_deviations"] .premium-report-tile-list li img {
      width: 100%;
      display: block; }

body[data-controller="users_diagnosis_stay_homes"] .stay-home-diagnosis {
  max-width: 500px;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック; }
body[data-controller="users_diagnosis_stay_homes"] .stay-home-headline {
  margin-bottom: 3em;
  font-weight: 600; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-headline__text {
    text-align: center;
    font-size: 13px; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-headline__creation-company {
    text-align: center;
    font-size: 8px; }
body[data-controller="users_diagnosis_stay_homes"] .stay-home-introduction {
  margin: 0 25px 40px; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-introduction__text {
    font-weight: 300; }
body[data-controller="users_diagnosis_stay_homes"] .stay-home-result-img {
  margin: 0 10px 40px; }
body[data-controller="users_diagnosis_stay_homes"] .stay-home-diagnosis-result {
  margin-bottom: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-diagnosis-result__caption {
    width: 70%;
    padding: 0.5em 25px;
    background-color: #ffffff;
    color: #11bfbf;
    font-size: 17px;
    font-weight: 600; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-diagnosis-result__description {
    margin: 1em 25px;
    padding: 1em;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 300; }
body[data-controller="users_diagnosis_stay_homes"] .stay-home-result-closing {
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px; }
body[data-controller="users_diagnosis_stay_homes"] .stay-home-share {
  box-sizing: border-box;
  padding-bottom: 10px;
  background-color: #f7f7f7; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__title {
    margin: 0 40px;
    padding-top: 50px;
    padding-bottom: 16px; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__title-text {
    text-align: center;
    font-family: ヒラギノ角ゴシック;
    font-size: 1.3em;
    font-weight: 600; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__ogp-img {
    box-sizing: border-box;
    margin: 10px 12px; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__guidance {
    margin: 1em 40px; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__guidance-text {
    text-align: center;
    font-family: ヒラギノ角ゴシック;
    font-size: 0.86em;
    font-weight: 300;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__textarea {
    overflow: scroll;
    width: 80%;
    height: 117px;
    margin: 0 auto;
    border: solid 2px #d1d1d1;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__textarea-text {
    margin: 5px 10px;
    font-size: 12px;
    font-weight: 300; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-share__twitter {
    width: 70%;
    margin: 40px auto 20px; }
body[data-controller="users_diagnosis_stay_homes"] .stay-home-recommend-mgram {
  font-weight: 700; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-recommend-mgram__title {
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left;
    position: relative;
    color: #ffffff;
    font-size: 18px;
    padding: 16px;
    margin-bottom: 40px;
    text-align: center; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-recommend-mgram__image-area {
    margin-bottom: 40px;
    display: flex;
    justify-content: center; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-recommend-mgram__text {
    margin: 0 0 40px;
    padding: 0 25px;
    font-size: 14px;
    line-height: 2em;
    font-weight: 600;
    text-align: left; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-recommend-mgram__text-link {
    text-decoration: underline;
    color: #202020; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-recommend-mgram__button {
    margin-bottom: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 600; }
  body[data-controller="users_diagnosis_stay_homes"] .stay-home-recommend-mgram__black-logo {
    margin: 0 auto;
    padding: 25px 0;
    width: 6em; }
body[data-controller="users_diagnosis_stay_homes"] .recommend-mgram-image {
  width: 30%;
  max-height: 30vw; }

body[data-controller="users_diagnosis_probability_of_destinies"] .limited-time-diagnosis {
  max-width: 500px;
  padding-right: 0;
  padding-left: 0; }
body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-rate__headline {
  width: 80%;
  margin-top: 10px;
  margin-bottom: 40px;
  margin-left: 5%; }
body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-rate__result-image {
  position: relative;
  width: 90%;
  height: 250px;
  margin-left: 5%;
  margin-bottom: 50px;
  border-radius: 15px; }
  @media screen and (max-width: 414px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-rate__result-image {
      height: 206px; } }
  @media screen and (max-width: 414px) and (max-width: 375px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-rate__result-image {
      height: 185px; } }

body[data-controller="users_diagnosis_probability_of_destinies"] .top-title {
  font-weight: 600; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-title__up-subject {
    line-height: 2;
    font-family: Hiragino Kaku Gothic;
    font-size: 28px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-title__up-conjunction {
    line-height: 2;
    font-family: Hiragino Kaku Gothic;
    font-size: 23px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-title__down-complement {
    font-family: Hiragino Mincho Pro;
    font-size: 30px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-title__down-conjunction {
    font-family: Hiragino Mincho Pro;
    font-size: 22px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-title__down-object {
    font-family: Hiragino Mincho Pro;
    font-size: 26px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__inner {
  position: absolute;
  top: 10px;
  left: 2%;
  width: 96%;
  height: 230px;
  background: #fff;
  border-radius: 15px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text {
  margin-top: 70px;
  text-align: center;
  font-weight: 600; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-up {
    line-height: 2;
    font-family: Hiragino Mincho Pro;
    font-size: 28px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-down-number {
    font-family: Hiragino Kaku Gothic;
    font-size: 34px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-down-letter {
    font-family: Hiragino Kaku Gothic;
    font-size: 21px; }
@media screen and (max-width: 414px) {
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__inner {
    top: 9px;
    left: 2.5%;
    width: 95%;
    height: 188px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text {
    margin-top: 50px; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-up {
      font-size: 26px; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-down-number {
      font-size: 32px; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-down-letter {
      font-size: 19px; } }
@media screen and (max-width: 414px) and (max-width: 375px) {
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__inner {
    top: 8px;
    height: 169px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text {
    margin-top: 40px; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-up {
      font-size: 25px; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-down-number {
      font-size: 31px; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .top-image__text-down-letter {
      font-size: 18px; } }

body[data-controller="users_diagnosis_probability_of_destinies"] .result-ogp {
  width: 90%;
  margin: 0 0 30px 5%; }
body[data-controller="users_diagnosis_probability_of_destinies"] .overview {
  width: 90%;
  margin: 0 5% 50px;
  line-height: 1.5;
  font-size: 16px;
  text-align: justify; }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-image {
  position: relative;
  width: 90%;
  height: 450px;
  margin: 0 5% 50px;
  background-size: 100% 450px;
  font-weight: 600; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-image__title-long {
    width: 330px;
    margin: auto;
    padding-top: 15px;
    text-align: center;
    font-family: Hiragino Mincho Pro;
    color: #fff; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-image__title-short {
    width: 330px;
    margin: auto;
    padding-top: 25px;
    text-align: center;
    font-family: Hiragino Mincho Pro;
    color: #fff; }
  @media screen and (max-width: 414px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-image {
      height: 372px;
      background-size: 100% 372px; }
      body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-image__title-long {
        width: 275px;
        padding-top: 10px; }
      body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-image__title-short {
        width: 330px;
        padding-top: 15px; } }
  @media screen and (max-width: 414px) and (max-width: 375px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-image {
      height: 337px;
      background-size: 100% 337px; } }

body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-long__up-text {
  line-height: 1.4;
  font-size: 28px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-long__down-text {
  line-height: 1.2;
  font-size: 32px; }
@media screen and (max-width: 414px) {
  body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-long__up-text {
    font-size: 25px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-long__down-text {
    font-size: 27px; } }
body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-short__up-text {
  line-height: 2.3;
  font-size: 28px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-short__down-text {
  font-size: 32px; }
@media screen and (max-width: 414px) {
  body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-short__up-text {
    font-size: 24px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .destiny-headline-short__down-text {
    font-size: 27px; } }
body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long {
  font-family: Hiragino Kaku Gothic; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__first {
    text-align: center;
    font-size: 27px;
    padding: 10px 0;
    margin: 0 auto;
    line-height: 2.1; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__second {
    text-align: center;
    font-size: 27px;
    margin: 0 auto;
    line-height: 2.7; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__third {
    text-align: center;
    font-size: 27px;
    padding: 10px 0;
    margin: 0 auto;
    line-height: 2.1; }
  @media screen and (max-width: 414px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__first {
      width: 90%;
      font-size: 25px;
      line-height: 1.3; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__second {
      width: 90%;
      font-size: 25px;
      padding: 4px 0;
      line-height: 2.1; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__third {
      width: 90%;
      font-size: 25px;
      line-height: 1.2; } }
@media screen and (max-width: 414px) and (max-width: 375px) {
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__first {
    line-height: 0;
    font-size: 23px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__second {
    line-height: 3.3;
    font-size: 23px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-long__third {
    line-height: 0;
    font-size: 23px; } }

body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short {
  font-family: Hiragino Kaku Gothic; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__first {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    line-height: 3;
    font-size: 27px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__second {
    margin: 0 auto;
    text-align: center;
    line-height: 2;
    font-size: 27px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__third {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    line-height: 2.7;
    font-size: 27px; }
  @media screen and (max-width: 414px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__first {
      width: 90%;
      font-size: 25px;
      line-height: 2.5; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__second {
      width: 90%;
      font-size: 25px;
      padding: 4px 0;
      line-height: 1; }
    body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__third {
      width: 90%;
      font-size: 25px;
      line-height: 2.5; } }
@media screen and (max-width: 414px) and (max-width: 375px) {
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__first {
    font-size: 22px;
    padding: 0;
    line-height: 2.2; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__second {
    font-size: 22px;
    line-height: 2.2; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .hashtags-short__third {
    font-size: 22px;
    line-height: 1; } }

body[data-controller="users_diagnosis_probability_of_destinies"] .tags-explanation {
  background: #d9d9d9; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .tags-explanation__inner {
    box-sizing: border-box;
    background-size: cover;
    padding-top: 35px;
    padding-bottom: 25px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .between-bg {
  margin-bottom: 30px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .inner-item__tag {
  background: #fff;
  width: 70%;
  height: 60px;
  padding: 15px 0 10px 8%;
  font-size: 20px;
  font-family: Hiragino Kaku Gothic;
  font-weight: 600; }
body[data-controller="users_diagnosis_probability_of_destinies"] .inner-item__bg {
  width: 90%;
  margin: 5% 5% 0;
  padding: 20px 25px 20px;
  background: #f7f7f7;
  opacity: 0.9; }
body[data-controller="users_diagnosis_probability_of_destinies"] .inner-item__text {
  font-size: 17px;
  line-height: 1.4;
  text-align: justify; }
@media screen and (max-width: 414px) {
  body[data-controller="users_diagnosis_probability_of_destinies"] .inner-item__tag {
    font-size: 18px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .inner-item__text {
    font-size: 15px; } }
body[data-controller="users_diagnosis_probability_of_destinies"] .share-area {
  height: 650px;
  background: #f7f7f7; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .share-area__recommend-text {
    padding: 30px;
    text-align: center;
    color: #202020;
    font-size: 20px;
    font-weight: 600; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .share-area__ogp-image {
    width: 86%;
    margin: 0 auto;
    text-align: center; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .share-area__recommend-text-supplement {
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .share-area__textarea {
    overflow: scroll;
    width: 85%;
    height: 120px;
    margin: 0 auto;
    background: #fff;
    border: solid 2px #d1d1d1;
    border-radius: 10px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .share-area__twitter {
    width: 70%;
    margin: 40px auto 20px; }
  @media screen and (max-width: 414px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .share-area {
      height: 600px; } }
  @media screen and (max-width: 375px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .share-area {
      height: 580px; } }
body[data-controller="users_diagnosis_probability_of_destinies"] .share-content__text {
  margin: 5px 2%;
  padding: 10px;
  line-height: 1.2;
  font-size: 12px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .recommend-mgram__title {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left;
  position: relative;
  color: #ffffff;
  font-size: 18px;
  padding: 16px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 700; }
body[data-controller="users_diagnosis_probability_of_destinies"] .recommend-mgram__text {
  margin: 30px 5% 20px;
  padding: 0 20px;
  font-size: 14px;
  text-align: justify; }
body[data-controller="users_diagnosis_probability_of_destinies"] .recommend-mgram__lp-link {
  text-decoration: underline;
  color: #202020; }
body[data-controller="users_diagnosis_probability_of_destinies"] .recommend-mgram__button {
  margin: 40px 0;
  text-align: center;
  font-size: 10px;
  font-weight: 600; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type1 {
  color: #000346; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type2 {
  color: #001052; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type3 {
  color: #200046; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type4 {
  color: #200046; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type5 {
  color: #001b46; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type6 {
  color: #011e21; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type7 {
  color: #01292c; }
body[data-controller="users_diagnosis_probability_of_destinies"] .text-color--type8 {
  color: #2b2b2b; }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type1 {
  background: linear-gradient(45deg, #000217, #0d1583); }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type2 {
  background: linear-gradient(45deg, #000a77, #05219a); }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type3 {
  background: linear-gradient(45deg, #000217, #3c035a); }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type4 {
  background: linear-gradient(45deg, #430383, #450574); }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type5 {
  background: linear-gradient(45deg, #000e17, #014569); }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type6 {
  background: linear-gradient(45deg, #000217, #004d38); }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type7 {
  background: linear-gradient(45deg, #033c29, #005f54); }
body[data-controller="users_diagnosis_probability_of_destinies"] .bg-color--type8 {
  background: linear-gradient(45deg, #010101, #555555); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type1 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type1-ad16dccaadb138ee312dd57a8c09325a2e50cc39bf9a205262bc6e11a2279388.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type2 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type2-80c765eefd3c2209d8c2a8ada66d97c74262781c45b2ab93aec27a0e97d19495.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type3 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type3-2e8794c251501086d926fc6bbd617dcab32c4fa1aca1b021e08516cd1d2d7594.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type4 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type4-ce9b831bca11590aa9b26cf81088ae31a45721d695e8736bb6fcb91b20c5e707.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type5 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type5-766c2d71ee7ba8f9d01e24360e3a5d3fc07daf2ce398f1b34a02ef87006ab746.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type6 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type6-38c77b8263752c6cb3070a13150834cec01178698609e5eee0c38f427d7b157c.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type7 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type7-b223bfe2416afaf0fcf3f89346223f464df8586909543a4609bb03eb564bc5ab.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .result-tags-bg-image--type8 {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/probability_of_destinies/probability_of_destiny_show_bg_type8-16e7411e4fa29357249e6f129a636c57820d7694f883ed560dd8be4ec6b2389f.png); }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report {
  margin-top: 0; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-lead {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-lead-introduction {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-lead-introduction__title {
    color: #fa8a06;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 18px;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-lead-introduction__image-info {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-lead-introduction__description {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-lead-introduction__additional {
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a;
    padding: 0 32px;
    margin-bottom: 22px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .book-img {
  width: 50px;
  margin-right: 8px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-name {
  font-size: 14px;
  font-weight: 600;
  font-style: normal; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-name-color {
  color: #ff4b95; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-price {
  margin: 0;
  font-size: 12px;
  font-weight: 400; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-additional-content {
  border: 4px solid #e2317c;
  margin: 0 16px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-additional-content__caption {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #e2317c; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-additional-content__text {
    padding: 0 1em 1em; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three {
  margin-bottom: 22px;
  padding: 0 32px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__talent {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__love {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__work {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__description {
    margin-top: 1em;
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 14px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__name {
    font-weight: 600;
    color: #ff4b95; }
  @media screen and (max-width: 375px) {
    body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three {
      padding: 0 32px; }
      body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__talent {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__love {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-three__work {
        padding: 1em 0; } }
body[data-controller="users_diagnosis_probability_of_destinies"] .purchase-offer-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }
body[data-controller="users_diagnosis_probability_of_destinies"] .additional-text {
  margin: 0 auto;
  color: #e2317c;
  font-size: 14px;
  font-weight: 600;
  text-align: center; }
body[data-controller="users_diagnosis_probability_of_destinies"] .buy-button {
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  margin-top: 0; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-contents {
  position: relative;
  background-color: #f6f6f6;
  margin: 0 0 40px;
  padding-bottom: 15px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-detail-area {
  padding-top: 40px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-detail-area__talent {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-detail-area__love {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-detail-area__work {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-detail-area__additional {
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-detail-area__example {
    margin: 20px auto 30px;
    padding: 0 32px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .line {
  position: absolute;
  width: 100%;
  height: 4px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-before-conclusion {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  font-size: 18px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-conclusion {
  padding: 40px 0;
  margin-top: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_probability_of_destinies"] .premium-report-conclusion__appeal-text {
    padding: 0 32px; }
body[data-controller="users_diagnosis_probability_of_destinies"] .icon-mini {
  width: 100%;
  padding: 0 20px;
  margin: 3em auto; }

body[data-controller="users_diagnosis_love_report_cards"] .container {
  overflow: hidden;
  min-width: 320px;
  margin: 0 auto;
  max-width: 500px; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-preface {
  margin: 0 20px; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-preface__result-preface {
    margin-top: 70px;
    font-size: 1.8em;
    font-weight: 600; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-preface__introduction {
    font-size: 16px; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-result__title {
  margin: 30px 0;
  padding: 16px 0;
  color: #ffffff;
  background-color: #ff7600;
  font-size: 1.8em;
  font-weight: 600;
  text-align: center; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-result-icon {
  padding: 10px;
  text-align: center; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-result-icon__img-star {
    display: inline-block;
    margin: 0 auto;
    padding-left: 10px;
    width: 65%; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-result-icon__value {
    display: inline-block;
    margin: 0 auto;
    width: 20%; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-result-icon__description {
    margin: 10px 20px 30px;
    font-size: 16px; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-four-tag__title {
  margin: 30px 0;
  padding: 16px 0;
  color: #ffffff;
  background-color: #ff4e69;
  font-size: 18px;
  font-weight: 600;
  text-align: center; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-four-tag__result {
  margin-left: 20px;
  text-align: left;
  font-size: 18px;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-four-tag__content {
  text-align: left;
  margin: 20px;
  border: solid 2px #ff4e69;
  border-radius: 16px; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-four-tag__tag-name {
  background-color: #ff4e69;
  border-radius: 13px 13px 0 0;
  padding: 13px 0 13px 18px;
  color: #ffffff;
  font-size: 1.4em;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-four-tag__description {
  padding: 0 20px;
  margin-bottom: 20px;
  font-size: 16px; }
body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-share {
  position: relative;
  text-align: center;
  margin-bottom: 50px; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-share__title {
    margin: 30px 0;
    padding: 16px 0;
    color: #ffffff;
    background-color: #ffbb4e;
    font-size: 18px;
    font-weight: 600; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-share__navi-text {
    text-align: center;
    font-size: 12px;
    font-weight: 300; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-share__ogp-img {
    width: 90%; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-share__text-area {
    overflow: scroll;
    margin: 20px;
    height: 140px;
    border: solid 2px #D1D1D1;
    border-radius: 10px;
    background-color: #ffffff; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-share__text {
    margin: 10px 20px;
    font-size: 14px;
    font-weight: 300; }
  body[data-controller="users_diagnosis_love_report_cards"] .love-report-card-share__button {
    width: 70%;
    margin: 40px auto 20px; }
body[data-controller="users_diagnosis_love_report_cards"] .recommend-mgram__title {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left;
  position: relative;
  color: #ffffff;
  font-size: 18px;
  padding: 16px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 700; }
body[data-controller="users_diagnosis_love_report_cards"] .recommend-mgram__text {
  margin: 30px 5% 20px;
  padding: 0 20px;
  font-size: 1.4em;
  text-align: justify; }
body[data-controller="users_diagnosis_love_report_cards"] .recommend-mgram__lp-link {
  text-decoration: underline;
  color: #202020; }
body[data-controller="users_diagnosis_love_report_cards"] .recommend-mgram__button {
  margin: 40px 0;
  text-align: center;
  font-size: 10px;
  font-weight: 600; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report {
  margin-top: 0; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-lead {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-lead-introduction {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-lead-introduction__title {
    color: #fa8a06;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 18px;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-lead-introduction__image-info {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-lead-introduction__description {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-lead-introduction__additional {
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a;
    padding: 0 32px;
    margin-bottom: 22px; }
body[data-controller="users_diagnosis_love_report_cards"] .book-img {
  width: 50px;
  margin-right: 8px; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-name {
  font-size: 14px;
  font-weight: 600;
  font-style: normal; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-name-color {
  color: #ff4b95; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-price {
  margin: 0;
  font-size: 12px;
  font-weight: 400; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-additional-content {
  border: 4px solid #e2317c;
  margin: 0 16px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-additional-content__caption {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #e2317c; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-additional-content__text {
    padding: 0 1em 1em; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three {
  margin-bottom: 22px;
  padding: 0 32px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__talent {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__love {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__work {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__description {
    margin-top: 1em;
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 14px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__name {
    font-weight: 600;
    color: #ff4b95; }
  @media screen and (max-width: 375px) {
    body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three {
      padding: 0 32px; }
      body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__talent {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__love {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_love_report_cards"] .premium-report-three__work {
        padding: 1em 0; } }
body[data-controller="users_diagnosis_love_report_cards"] .purchase-offer-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }
body[data-controller="users_diagnosis_love_report_cards"] .additional-text {
  margin: 0 auto;
  color: #e2317c;
  font-size: 14px;
  font-weight: 600;
  text-align: center; }
body[data-controller="users_diagnosis_love_report_cards"] .buy-button {
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  margin-top: 0; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-contents {
  position: relative;
  background-color: #f6f6f6;
  margin: 0 0 40px;
  padding-bottom: 15px; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-detail-area {
  padding-top: 40px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-detail-area__talent {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-detail-area__love {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-detail-area__work {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-detail-area__additional {
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-detail-area__example {
    margin: 20px auto 30px;
    padding: 0 32px; }
body[data-controller="users_diagnosis_love_report_cards"] .line {
  position: absolute;
  width: 100%;
  height: 4px; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-before-conclusion {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  font-size: 18px; }
body[data-controller="users_diagnosis_love_report_cards"] .premium-report-conclusion {
  padding: 40px 0;
  margin-top: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_love_report_cards"] .premium-report-conclusion__appeal-text {
    padding: 0 32px; }
body[data-controller="users_diagnosis_love_report_cards"] .icon-mini {
  width: 100%;
  padding: 0 20px;
  margin: 3em auto; }

body[data-controller="users_diagnosis_abilities"] .limited-time-diagnosis {
  max-width: 500px;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック; }
body[data-controller="users_diagnosis_abilities"] .headline {
  margin: 0 25px 30px; }
  body[data-controller="users_diagnosis_abilities"] .headline__text {
    font-weight: 700;
    font-size: 30px; }
body[data-controller="users_diagnosis_abilities"] .result-img {
  margin: 0 10px 40px; }
body[data-controller="users_diagnosis_abilities"] .introduction {
  margin: 0 25px 40px; }
body[data-controller="users_diagnosis_abilities"] .overview__text {
  font-weight: 300; }
body[data-controller="users_diagnosis_abilities"] .diagnosis-result {
  margin-bottom: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6; }
body[data-controller="users_diagnosis_abilities"] .outcome__caption {
  width: 70%;
  padding: 0.5em 25px;
  background-color: #ffffff;
  font-size: 17px;
  font-weight: 600; }
body[data-controller="users_diagnosis_abilities"] .outcome__description {
  margin: 1em 25px;
  padding: 1em;
  background-color: #f7f7f7;
  font-size: 14px;
  font-weight: 300; }
body[data-controller="users_diagnosis_abilities"] .outcome__trial-caption {
  text-align: center;
  padding: 0.5em 25px;
  background-color: #ffffff;
  font-size: 17px;
  font-weight: 600; }
body[data-controller="users_diagnosis_abilities"] .adjust-position {
  position: relative; }
body[data-controller="users_diagnosis_abilities"] .mask-text {
  backdrop-filter: blur(6px);
  position: absolute;
  height: 100%; }
body[data-controller="users_diagnosis_abilities"] .lead-text {
  width: 85%;
  margin: 40px auto 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700; }
body[data-controller="users_diagnosis_abilities"] .lead-twitter {
  width: 80%;
  margin: 20px auto 0; }
body[data-controller="users_diagnosis_abilities"] .hidden-contents {
  display: none; }
body[data-controller="users_diagnosis_abilities"] .result-description {
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px; }
body[data-controller="users_diagnosis_abilities"] .emphasis-text {
  font-weight: 700; }
body[data-controller="users_diagnosis_abilities"] .spread-diagnosis-result {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding-bottom: 10px;
  background-color: #f7f7f7; }
body[data-controller="users_diagnosis_abilities"] .share__title {
  margin: 0 40px;
  padding-top: 50px;
  padding-bottom: 16px; }
body[data-controller="users_diagnosis_abilities"] .share__title-text {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-size: 1.3em;
  font-weight: 600; }
body[data-controller="users_diagnosis_abilities"] .share__ogp-img {
  box-sizing: border-box;
  margin: 10px 12px; }
body[data-controller="users_diagnosis_abilities"] .share__guidance {
  margin: 1em 40px; }
body[data-controller="users_diagnosis_abilities"] .share__guidance-text {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-size: 0.86em;
  font-weight: 300;
  color: #6a6a6a; }
body[data-controller="users_diagnosis_abilities"] .share__textarea {
  overflow: scroll;
  width: 80%;
  height: 117px;
  margin: 0 auto;
  border: solid 2px #d1d1d1;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: center; }
body[data-controller="users_diagnosis_abilities"] .share__textarea-text {
  margin: 5px 10px;
  font-size: 12px;
  font-weight: 300; }
body[data-controller="users_diagnosis_abilities"] .share__twitter {
  width: 70%;
  margin: 40px auto 20px; }
body[data-controller="users_diagnosis_abilities"] .recommend-mgram__title {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left;
  position: relative;
  color: #ffffff;
  font-size: 18px;
  padding: 16px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 700; }
body[data-controller="users_diagnosis_abilities"] .recommend-mgram__text {
  margin: 0 0 40px;
  padding: 0 25px;
  font-size: 14px;
  line-height: 2em;
  text-align: left; }
body[data-controller="users_diagnosis_abilities"] .recommend-mgram__lp-link {
  text-decoration: underline;
  color: #202020; }
body[data-controller="users_diagnosis_abilities"] .recommend-mgram__button {
  margin: 40px 0;
  text-align: center;
  font-size: 10px;
  font-weight: 600; }
body[data-controller="users_diagnosis_abilities"] .color--influencer {
  color: #fa4a94; }
body[data-controller="users_diagnosis_abilities"] .color--artist {
  color: #ff620f; }
body[data-controller="users_diagnosis_abilities"] .color--innovator {
  color: #35cd5d; }
body[data-controller="users_diagnosis_abilities"] .color--star {
  color: #e44588; }
body[data-controller="users_diagnosis_abilities"] .color--creator {
  color: #845942; }
body[data-controller="users_diagnosis_abilities"] .color--engineer {
  color: #393f6f; }
body[data-controller="users_diagnosis_abilities"] .color--counselor {
  color: #64506c; }
body[data-controller="users_diagnosis_abilities"] .color--personality {
  color: #234dc2; }
body[data-controller="users_diagnosis_abilities"] .color--analyst {
  color: #20d2a9; }
body[data-controller="users_diagnosis_abilities"] .color--effort {
  color: #ec5c5f; }
body[data-controller="users_diagnosis_abilities"] .color--supporter {
  color: #b94ae2; }
body[data-controller="users_diagnosis_abilities"] .color--leader {
  color: #62b9e0; }
body[data-controller="users_diagnosis_abilities"] .premium-report {
  margin-top: 0; }
body[data-controller="users_diagnosis_abilities"] .premium-report-lead {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_abilities"] .premium-report-lead-introduction {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-lead-introduction__title {
    color: #fa8a06;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 18px;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-lead-introduction__image-info {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-lead-introduction__description {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-lead-introduction__additional {
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a;
    padding: 0 32px;
    margin-bottom: 22px; }
body[data-controller="users_diagnosis_abilities"] .book-img {
  width: 50px;
  margin-right: 8px; }
body[data-controller="users_diagnosis_abilities"] .premium-report-name {
  font-size: 14px;
  font-weight: 600;
  font-style: normal; }
body[data-controller="users_diagnosis_abilities"] .premium-report-name-color {
  color: #ff4b95; }
body[data-controller="users_diagnosis_abilities"] .premium-report-price {
  margin: 0;
  font-size: 12px;
  font-weight: 400; }
body[data-controller="users_diagnosis_abilities"] .premium-report-additional-content {
  border: 4px solid #e2317c;
  margin: 0 16px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-additional-content__caption {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #e2317c; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-additional-content__text {
    padding: 0 1em 1em; }
body[data-controller="users_diagnosis_abilities"] .premium-report-three {
  margin-bottom: 22px;
  padding: 0 32px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-three__talent {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-three__love {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-three__work {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-three__description {
    margin-top: 1em;
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 14px; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-three__name {
    font-weight: 600;
    color: #ff4b95; }
  @media screen and (max-width: 375px) {
    body[data-controller="users_diagnosis_abilities"] .premium-report-three {
      padding: 0 32px; }
      body[data-controller="users_diagnosis_abilities"] .premium-report-three__talent {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_abilities"] .premium-report-three__love {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_abilities"] .premium-report-three__work {
        padding: 1em 0; } }
body[data-controller="users_diagnosis_abilities"] .purchase-offer-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }
body[data-controller="users_diagnosis_abilities"] .additional-text {
  margin: 0 auto;
  color: #e2317c;
  font-size: 14px;
  font-weight: 600;
  text-align: center; }
body[data-controller="users_diagnosis_abilities"] .buy-button {
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  margin-top: 0; }
body[data-controller="users_diagnosis_abilities"] .premium-report-contents {
  position: relative;
  background-color: #f6f6f6;
  margin: 0 0 40px;
  padding-bottom: 15px; }
body[data-controller="users_diagnosis_abilities"] .premium-detail-area {
  padding-top: 40px; }
  body[data-controller="users_diagnosis_abilities"] .premium-detail-area__talent {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_abilities"] .premium-detail-area__love {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_abilities"] .premium-detail-area__work {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_abilities"] .premium-detail-area__additional {
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_abilities"] .premium-detail-area__example {
    margin: 20px auto 30px;
    padding: 0 32px; }
body[data-controller="users_diagnosis_abilities"] .line {
  position: absolute;
  width: 100%;
  height: 4px; }
body[data-controller="users_diagnosis_abilities"] .premium-report-before-conclusion {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  font-size: 18px; }
body[data-controller="users_diagnosis_abilities"] .premium-report-conclusion {
  padding: 40px 0;
  margin-top: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_abilities"] .premium-report-conclusion__appeal-text {
    padding: 0 32px; }
body[data-controller="users_diagnosis_abilities"] .icon-mini {
  width: 100%;
  padding: 0 20px;
  margin: 3em auto; }

body[data-controller="users_diagnosis_failure_reasons"] .limited-time-diagnosis {
  max-width: 500px;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック; }
body[data-controller="users_diagnosis_failure_reasons"] .headline {
  margin: 0 25px 30px; }
  body[data-controller="users_diagnosis_failure_reasons"] .headline__text {
    font-weight: 700;
    font-size: 30px; }
body[data-controller="users_diagnosis_failure_reasons"] .result-img {
  margin: 0 10px 40px; }
body[data-controller="users_diagnosis_failure_reasons"] .introduction {
  margin: 0 25px 40px; }
body[data-controller="users_diagnosis_failure_reasons"] .overview__text {
  font-weight: 300; }
body[data-controller="users_diagnosis_failure_reasons"] .diagnosis-result {
  margin-bottom: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6; }
body[data-controller="users_diagnosis_failure_reasons"] .outcome__caption {
  width: 70%;
  padding: 0.5em 25px;
  background-color: #ffffff;
  font-size: 17px;
  font-weight: 600; }
body[data-controller="users_diagnosis_failure_reasons"] .outcome__description {
  margin: 1em 25px;
  padding: 1em;
  background-color: #f7f7f7;
  font-size: 14px;
  font-weight: 300; }
body[data-controller="users_diagnosis_failure_reasons"] .adjust-position {
  position: relative; }
body[data-controller="users_diagnosis_failure_reasons"] .mask-text {
  backdrop-filter: blur(6px);
  position: absolute;
  height: 100%; }
body[data-controller="users_diagnosis_failure_reasons"] .lead-text {
  width: 85%;
  margin: 40px auto 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700; }
body[data-controller="users_diagnosis_failure_reasons"] .lead-twitter {
  width: 80%;
  margin: 20px auto 0; }
body[data-controller="users_diagnosis_failure_reasons"] .hidden-contents {
  display: none; }
body[data-controller="users_diagnosis_failure_reasons"] .result-description {
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px; }
body[data-controller="users_diagnosis_failure_reasons"] .emphasis-text {
  font-weight: 700; }
body[data-controller="users_diagnosis_failure_reasons"] .spread-diagnosis-result {
  box-sizing: border-box;
  padding-bottom: 10px;
  background-color: #f7f7f7; }
body[data-controller="users_diagnosis_failure_reasons"] .share {
  margin-bottom: 40px; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__title {
    margin: 0 40px;
    padding-top: 50px;
    padding-bottom: 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__title-text {
    text-align: center;
    font-family: ヒラギノ角ゴシック;
    font-size: 1.3em;
    font-weight: 600; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__ogp-img {
    box-sizing: border-box;
    margin: 10px 12px; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__guidance {
    margin: 1em 40px; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__guidance-text {
    text-align: center;
    font-family: ヒラギノ角ゴシック;
    font-size: 0.86em;
    font-weight: 300;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__textarea {
    overflow: scroll;
    width: 80%;
    height: 117px;
    margin: 0 auto;
    border: solid 2px #d1d1d1;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__textarea-text {
    margin: 5px 10px;
    font-size: 12px;
    font-weight: 300; }
  body[data-controller="users_diagnosis_failure_reasons"] .share__twitter {
    width: 70%;
    margin: 40px auto 20px; }
body[data-controller="users_diagnosis_failure_reasons"] .recommend-mgram__title {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left;
  position: relative;
  color: #ffffff;
  font-size: 18px;
  padding: 16px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 700; }
body[data-controller="users_diagnosis_failure_reasons"] .recommend-mgram__text {
  margin: 0 0 40px;
  padding: 0 25px;
  font-size: 14px;
  line-height: 2em;
  text-align: left; }
body[data-controller="users_diagnosis_failure_reasons"] .recommend-mgram__lp-link {
  text-decoration: underline;
  color: #202020; }
body[data-controller="users_diagnosis_failure_reasons"] .recommend-mgram__button {
  margin: 40px 0;
  text-align: center;
  font-size: 10px;
  font-weight: 600; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--1 {
  color: #224dc2; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--2 {
  color: #298543; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--3 {
  color: #0e73d9; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--4 {
  color: #ff5a03; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--5 {
  color: #0b4d9b; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--6 {
  color: #762015; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--7 {
  color: #d25156; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--8 {
  color: #c9395a; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--9 {
  color: #fa5b9e; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--10 {
  color: #7b42c9; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--11 {
  color: #393f6f; }
body[data-controller="users_diagnosis_failure_reasons"] .color-type--12 {
  color: #505050; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report {
  margin-top: 0; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-lead {
  margin: 0 auto;
  text-align: center; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-lead-introduction {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-lead-introduction__title {
    color: #fa8a06;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 18px;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-lead-introduction__image-info {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-lead-introduction__description {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 0 32px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-lead-introduction__additional {
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a;
    padding: 0 32px;
    margin-bottom: 22px; }
body[data-controller="users_diagnosis_failure_reasons"] .book-img {
  width: 50px;
  margin-right: 8px; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-name {
  font-size: 14px;
  font-weight: 600;
  font-style: normal; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-name-color {
  color: #ff4b95; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-price {
  margin: 0;
  font-size: 12px;
  font-weight: 400; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-additional-content {
  border: 4px solid #e2317c;
  margin: 0 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-additional-content__caption {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #e2317c; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-additional-content__text {
    padding: 0 1em 1em; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three {
  margin-bottom: 22px;
  padding: 0 32px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__talent {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__love {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__work {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__description {
    margin-top: 1em;
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 14px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__name {
    font-weight: 600;
    color: #ff4b95; }
  @media screen and (max-width: 375px) {
    body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three {
      padding: 0 32px; }
      body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__talent {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__love {
        padding: 1em 0; }
      body[data-controller="users_diagnosis_failure_reasons"] .premium-report-three__work {
        padding: 1em 0; } }
body[data-controller="users_diagnosis_failure_reasons"] .purchase-offer-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }
body[data-controller="users_diagnosis_failure_reasons"] .additional-text {
  margin: 0 auto;
  color: #e2317c;
  font-size: 14px;
  font-weight: 600;
  text-align: center; }
body[data-controller="users_diagnosis_failure_reasons"] .buy-button {
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  margin-top: 0; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-contents {
  position: relative;
  background-color: #f6f6f6;
  margin: 0 0 40px;
  padding-bottom: 15px; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-detail-area {
  padding-top: 40px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-detail-area__talent {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-detail-area__love {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-detail-area__work {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-detail-area__additional {
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-detail-area__example {
    margin: 20px auto 30px;
    padding: 0 32px; }
body[data-controller="users_diagnosis_failure_reasons"] .line {
  position: absolute;
  width: 100%;
  height: 4px; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-before-conclusion {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  font-size: 18px; }
body[data-controller="users_diagnosis_failure_reasons"] .premium-report-conclusion {
  padding: 40px 0;
  margin-top: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  body[data-controller="users_diagnosis_failure_reasons"] .premium-report-conclusion__appeal-text {
    padding: 0 32px; }
body[data-controller="users_diagnosis_failure_reasons"] .icon-mini {
  width: 100%;
  padding: 0 20px;
  margin: 3em auto; }

.top-bg-area {
  position: relative;
  max-width: 600px;
  margin-top: 38px;
  padding-top: 0 !important; }
  .top-bg-area__top-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1; }

.limited-time-diagnosis {
  max-width: 600px;
  margin-top: 38px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 8px solid #f64069;
  position: relative;
  text-align: center; }
  .limited-time-diagnosis__ribon-img {
    position: absolute;
    width: 20%;
    left: 0;
    right: 0;
    top: 90px;
    margin: auto;
    z-index: 1; }
  @media screen and (max-width: 375px) {
    .limited-time-diagnosis__left-top {
      width: 18%; }
    .limited-time-diagnosis__right-top {
      width: 18%; }
    .limited-time-diagnosis__left-bottom {
      width: 18%; }
    .limited-time-diagnosis__right-bottom {
      width: 18%; }
    .limited-time-diagnosis__ribon-img {
      top: 55px; } }

.total-fortune {
  position: relative;
  width: 90%;
  margin: 130px auto 80px;
  padding-bottom: 30px;
  border: 5px solid #f64069;
  border-radius: 10px;
  text-align: center; }
  .total-fortune__caption {
    margin: 120px 0 90px;
    font-size: 90px;
    font-weight: 600;
    text-align: center;
    color: #f64069; }
  .total-fortune__description {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #651717; }

@media screen and (max-width: 375px) {
  .total-fortune {
    margin-top: 80px;
    margin-bottom: 35px; }
    .total-fortune__caption {
      margin: 60px 0 40px;
      font-size: 60px; } }
.buy-omikuji-report-area {
  position: relative;
  padding-bottom: 80px; }
  .buy-omikuji-report-area__bg-img {
    position: absolute;
    width: 100%;
    left: 0;
    top: -125px; }
  .buy-omikuji-report-area__button-area {
    margin: 28px 0; }

@media screen and (max-width: 375px) {
  .buy-omikuji-report-area {
    padding-bottom: 35px; }
    .buy-omikuji-report-area__bg-img {
      top: -65px; } }
.omikuji-buy-button {
  position: relative;
  width: 60%;
  margin-top: 0;
  padding: 16px;
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  border-radius: 100px; }

.fourtune-items {
  width: 90%;
  margin: 0 auto;
  border-top: 2px solid #f64069; }
  .fourtune-items__item {
    padding: 20px 0;
    border-bottom: 2px solid #f64069; }

.omikuji-buy-area {
  z-index: 1;
  width: 70%;
  padding: 11px;
  border: 3px solid #ff7714;
  border-radius: 13px;
  background-color: #ffffff;
  color: #ff7714; }
  .omikuji-buy-area__caption {
    margin-bottom: 13px;
    text-align: center;
    font-size: 16px;
    font-weight: 700; }
  .omikuji-buy-area__description {
    margin-top: 0;
    padding-top: 13px;
    border-top: 1px solid #ff7714;
    font-size: 13px; }

.fourtune-item-area {
  position: relative; }
  .fourtune-item-area__purchase-lead-omikuji-report {
    position: absolute;
    top: 35%;
    left: 80px; }
  .fourtune-item-area__img {
    display: inline-block;
    width: 18%;
    vertical-align: top; }
  .fourtune-item-area__text {
    display: inline-block;
    width: 80%; }

.fortune-icon-area__text {
  font-size: 16px;
  text-align: center;
  color: #f64069;
  margin-top: 0; }

.fourtune-item-description {
  color: #651717;
  font-size: 15px;
  text-align: left; }
  .fourtune-item-description__caption {
    font-weight: 700; }
  .fourtune-item-description__text {
    margin-top: 0; }

.middle-bg-img-area {
  position: relative;
  height: 110px; }
  .middle-bg-img-area__bg-img {
    position: absolute;
    top: 0;
    left: 0; }

@media screen and (max-width: 375px) {
  .middle-bg-img-area {
    height: 70px; } }
.purchase-lead-omikuji-report {
  margin-bottom: 30px;
  padding: 30px 0 40px;
  background-color: #fff9e2;
  z-index: 5; }
  .purchase-lead-omikuji-report__img-info {
    width: 90%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .purchase-lead-omikuji-report__description {
    width: 90%;
    margin: 0 auto 30px;
    text-align: left;
    color: #651717;
    font-size: 14px;
    font-weight: 600; }

.omikuji-report-info-area__icon {
  width: 90px;
  margin-right: 8px; }
.omikuji-report-info-area__caption {
  font-size: 16px;
  font-weight: 600;
  color: #e82450; }
.omikuji-report-info-area__price {
  margin: 5px 0;
  font-size: 12px;
  font-weight: 300;
  color: #707070; }

.purchase-lead-premium-report {
  margin: 0 10px 30px;
  padding: 40px;
  background-color: #fff9e2;
  z-index: 5; }

.bottom-bg-img-area {
  position: relative;
  margin: 0 auto;
  height: 90px; }
  .bottom-bg-img-area__bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

@media screen and (max-width: 375px) {
  .bottom-bg-img-area {
    height: 50px; } }
.limited-time-diagnosis-premium-report {
  max-width: 600px;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック; }

.discount-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }

.omikuji2021-second-half-top-bg-area {
  position: relative;
  max-width: 600px;
  margin-top: 38px;
  padding-top: 0 !important; }
  .omikuji2021-second-half-top-bg-area__top-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1; }

.omikuji2021-second-half-limited-time-diagnosis {
  max-width: 600px;
  margin-top: 38px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 8px solid #f64069;
  position: relative;
  text-align: center; }
  .omikuji2021-second-half-limited-time-diagnosis__ribon-img {
    position: absolute;
    width: 20%;
    left: 0;
    right: 0;
    top: 90px;
    margin: auto;
    z-index: 1; }
  @media screen and (max-width: 375px) {
    .omikuji2021-second-half-limited-time-diagnosis__left-top {
      width: 18%; }
    .omikuji2021-second-half-limited-time-diagnosis__right-top {
      width: 18%; }
    .omikuji2021-second-half-limited-time-diagnosis__left-bottom {
      width: 18%; }
    .omikuji2021-second-half-limited-time-diagnosis__right-bottom {
      width: 18%; }
    .omikuji2021-second-half-limited-time-diagnosis__ribon-img {
      top: 55px; } }

.omikuji2021-second-half-total-fortune {
  position: relative;
  width: 90%;
  margin: 130px auto 80px;
  padding-bottom: 30px;
  border: 5px solid #f64069;
  border-radius: 10px;
  text-align: center; }
  .omikuji2021-second-half-total-fortune__caption {
    margin: 120px 0 90px;
    font-size: 90px;
    font-weight: 600;
    text-align: center;
    color: #f64069; }
  .omikuji2021-second-half-total-fortune__description {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #651717; }

@media screen and (max-width: 375px) {
  .omikuji2021-second-half-total-fortune {
    margin-top: 80px;
    margin-bottom: 35px; }
    .omikuji2021-second-half-total-fortune__caption {
      margin: 60px 0 40px;
      font-size: 60px; } }
.omikuji2021-second-half-buy-omikuji-report-area {
  position: relative;
  padding-bottom: 80px; }
  .omikuji2021-second-half-buy-omikuji-report-area__bg-img {
    position: absolute;
    width: 100%;
    left: 0;
    top: -125px; }
  .omikuji2021-second-half-buy-omikuji-report-area__button-area {
    margin: 28px 0; }

@media screen and (max-width: 375px) {
  .omikuji2021-second-half-buy-omikuji-report-area {
    padding-bottom: 35px; }
    .omikuji2021-second-half-buy-omikuji-report-area__bg-img {
      top: -65px; } }
.omikuji2021-second-half-buy-button {
  position: relative;
  width: 60%;
  margin-top: 0;
  padding: 16px;
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  border-radius: 100px; }

.omikuji2021-second-half-fourtune-items {
  width: 90%;
  margin: 0 auto;
  border-top: 2px solid #f64069; }
  .omikuji2021-second-half-fourtune-items__item {
    padding: 20px 0;
    border-bottom: 2px solid #f64069; }

.omikuji2021-second-half-omikuji-buy-area {
  z-index: 1;
  width: 70%;
  padding: 11px;
  border: 3px solid #ff7714;
  border-radius: 13px;
  background-color: #ffffff;
  color: #ff7714; }
  .omikuji2021-second-half-omikuji-buy-area__caption {
    margin-bottom: 13px;
    text-align: center;
    font-size: 16px;
    font-weight: 700; }
  .omikuji2021-second-half-omikuji-buy-area__description {
    margin-top: 0;
    padding-top: 13px;
    border-top: 1px solid #ff7714;
    font-size: 13px; }

.omikuji2021-second-half-fourtune-item-area {
  position: relative; }
  .omikuji2021-second-half-fourtune-item-area__purchase-lead-omikuji-report {
    position: absolute;
    top: 35%;
    left: 80px; }
  .omikuji2021-second-half-fourtune-item-area__img {
    display: inline-block;
    width: 18%;
    vertical-align: top; }
  .omikuji2021-second-half-fourtune-item-area__text {
    display: inline-block;
    width: 80%; }

.omikuji2021-second-half-fortune-icon-area__text {
  font-size: 16px;
  text-align: center;
  color: #f64069;
  margin-top: 0; }

.omikuji2021-second-half-fourtune-item-description {
  color: #651717;
  font-size: 15px;
  text-align: left; }
  .omikuji2021-second-half-fourtune-item-description__caption {
    font-weight: 700; }
  .omikuji2021-second-half-fourtune-item-description__text {
    margin-top: 0; }

.omikuji2021-second-half-middle-bg-img-area {
  position: relative;
  height: 110px; }
  .omikuji2021-second-half-middle-bg-img-area__bg-img {
    position: absolute;
    top: 0;
    left: 0; }

@media screen and (max-width: 375px) {
  .omikuji2021-second-half-middle-bg-img-area {
    height: 70px; } }
.omikuji2021-second-half-purchase-lead-omikuji-report {
  margin-bottom: 30px;
  padding: 30px 0 40px;
  background-color: #fff9e2;
  z-index: 5; }
  .omikuji2021-second-half-purchase-lead-omikuji-report__img-info {
    width: 90%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .omikuji2021-second-half-purchase-lead-omikuji-report__description {
    width: 90%;
    margin: 0 auto 30px;
    text-align: left;
    color: #651717;
    font-size: 14px;
    font-weight: 600; }

.omikuji2021-second-half-omikuji-report-info-area__icon {
  width: 90px;
  margin-right: 8px; }
.omikuji2021-second-half-omikuji-report-info-area__caption {
  font-size: 16px;
  font-weight: 600;
  color: #e82450; }
.omikuji2021-second-half-omikuji-report-info-area__price {
  margin: 5px 0;
  font-size: 12px;
  font-weight: 300;
  color: #707070; }

.omikuji2021-second-half-purchase-lead-premium-report {
  margin: 0 10px 30px;
  padding: 40px;
  background-color: #fff9e2;
  z-index: 5; }

.omikuji2021-second-half-bottom-bg-img-area {
  position: relative;
  margin: 0 auto;
  height: 90px; }
  .omikuji2021-second-half-bottom-bg-img-area__bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

@media screen and (max-width: 375px) {
  .omikuji2021-second-half-bottom-bg-img-area {
    height: 50px; } }
.limited-time-diagnosis-premium-report {
  max-width: 600px;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック; }

.discount-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }

.premium-report {
  margin-top: 0; }

.premium-report-lead {
  margin: 0 auto;
  text-align: center; }

.premium-report-lead-introduction {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  .premium-report-lead-introduction__title {
    color: #fa8a06;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 18px;
    padding: 0 32px; }
  .premium-report-lead-introduction__image-info {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .premium-report-lead-introduction__description {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 0 32px; }
  .premium-report-lead-introduction__additional {
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a;
    padding: 0 32px;
    margin-bottom: 22px; }

.book-img {
  width: 50px;
  margin-right: 8px; }

.premium-report-name {
  font-size: 14px;
  font-weight: 600;
  font-style: normal; }

.premium-report-name-color {
  color: #ff4b95; }

.premium-report-price {
  margin: 0;
  font-size: 12px;
  font-weight: 400; }

.premium-report-additional-content {
  border: 4px solid #e2317c;
  margin: 0 16px; }
  .premium-report-additional-content__caption {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #e2317c; }
  .premium-report-additional-content__text {
    padding: 0 1em 1em; }

.premium-report-three {
  margin-bottom: 22px;
  padding: 0 32px; }
  .premium-report-three__talent {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  .premium-report-three__love {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  .premium-report-three__work {
    background-size: cover;
    padding: 0.5em 32px;
    margin: 0 auto;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    text-align: center;
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  .premium-report-three__description {
    margin-top: 1em;
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 14px; }
  .premium-report-three__name {
    font-weight: 600;
    color: #ff4b95; }
  @media screen and (max-width: 375px) {
    .premium-report-three {
      padding: 0 32px; }
      .premium-report-three__talent {
        padding: 1em 0; }
      .premium-report-three__love {
        padding: 1em 0; }
      .premium-report-three__work {
        padding: 1em 0; } }

.purchase-offer-text {
  font-size: 16px;
  font-weight: 600;
  color: #e2317c;
  text-align: center; }

.additional-text {
  margin: 0 auto;
  color: #e2317c;
  font-size: 14px;
  font-weight: 600;
  text-align: center; }

.buy-button {
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  margin-top: 0; }

.premium-report-contents {
  position: relative;
  background-color: #f6f6f6;
  margin: 0 0 40px;
  padding-bottom: 15px; }

.premium-detail-area {
  padding-top: 40px; }
  .premium-detail-area__talent {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/talent-c6a598c877c4c9fa177d5bd31d8c50ffe78ae759d6e394f75ef01d7555ad0822.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  .premium-detail-area__love {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/love-64c413be09112969302bdef2feeb66a169e0f438491e50a82301d382c616e7b0.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  .premium-detail-area__work {
    background-size: cover;
    width: 50%;
    margin-bottom: 18px;
    padding: 0.5em 0 0.5em 32px;
    background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/users/diagnosis/torisetsues/work-44a8d4d580f49ca8e0b57fb4911e6b4d70d063c30e9aa578fdb1813a1e0ec81f.png);
    color: #ffffff;
    font-family: ヒラギノ角ゴシック;
    font-weight: 600;
    font-size: 16px; }
  .premium-detail-area__additional {
    padding: 0 32px;
    font-family: ヒラギノ角ゴシック;
    font-weight: 300;
    font-size: 12px;
    color: #6a6a6a; }
  .premium-detail-area__example {
    margin: 20px auto 30px;
    padding: 0 32px; }

.line {
  position: absolute;
  width: 100%;
  height: 4px; }

.premium-report-before-conclusion {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: 600;
  font-size: 18px; }

.premium-report-conclusion {
  padding: 40px 0;
  margin-top: 40px;
  background-color: #fffef5;
  font-weight: 300; }
  .premium-report-conclusion__appeal-text {
    padding: 0 32px; }

.icon-mini {
  width: 100%;
  padding: 0 20px;
  margin: 3em auto; }

.top-bg-area {
  position: relative;
  max-width: 600px;
  margin-top: 38px;
  padding-top: 0; }
  .top-bg-area__top-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1; }

.limited-time-diagnosis {
  max-width: 600px;
  margin-top: 38px;
  margin-bottom: 30px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 8px solid #ff83b7;
  position: relative;
  text-align: center; }
  .limited-time-diagnosis__heart-with-wing-img {
    position: absolute;
    width: 30%;
    left: 0;
    right: 0;
    top: 100px;
    margin: auto;
    z-index: 1; }
  @media screen and (max-width: 375px) {
    .limited-time-diagnosis__heart-with-wing-img {
      top: 60.5px; } }

.total-fortune {
  position: relative;
  width: 90%;
  margin: 150px auto 80px;
  padding-bottom: 30px;
  border: 5px solid #ff488e;
  border-radius: 10px;
  text-align: center; }
  .total-fortune__caption {
    margin: 120px 0 90px;
    font-size: 90px;
    font-weight: 600;
    text-align: center;
    color: #ff488e; }
  .total-fortune__description {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #651717; }

@media screen and (max-width: 375px) {
  .total-fortune {
    margin-top: 90px;
    margin-bottom: 35px; }
    .total-fortune__caption {
      margin: 60px 0 40px;
      font-size: 60px; } }
.buy-omikuji-report-area {
  position: relative;
  padding-bottom: 120px; }
  .buy-omikuji-report-area__bg-img {
    position: absolute;
    width: 100%;
    left: 0;
    top: -125px; }
  .buy-omikuji-report-area__button-area {
    margin: 0 0 -35px; }

@media screen and (max-width: 375px) {
  .buy-omikuji-report-area {
    padding-bottom: 70px; }
    .buy-omikuji-report-area__bg-img {
      top: -65px; } }
.omikuji-buy-button {
  position: relative;
  width: 60%;
  margin-top: 0;
  padding: 16px;
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  border-radius: 100px; }

.detail-contents {
  width: 90%;
  margin: 0 auto;
  border-top: 2px solid #ff83b7; }
  .detail-contents__item {
    padding: 20px 0;
    border-bottom: 2px solid #ff83b7; }

.omikuji-buy-area {
  z-index: 1;
  width: 70%;
  padding: 11px;
  border: 3px solid #ff7714;
  border-radius: 13px;
  background-color: #ffffff;
  color: #ff7714; }
  .omikuji-buy-area__caption {
    margin-bottom: 13px;
    text-align: center;
    font-size: 16px;
    font-weight: 700; }
  .omikuji-buy-area__description {
    margin-top: 0;
    padding-top: 13px;
    border-top: 1px solid #ff7714;
    font-size: 13px; }

.detail-content-area {
  position: relative; }
  .detail-content-area__purchase-lead-omikuji-report {
    position: absolute;
    top: 35%;
    left: 80px; }
  .detail-content-area__img {
    display: inline-block;
    width: 18%;
    vertical-align: top; }
  .detail-content-area__text {
    display: inline-block;
    width: 80%; }

.detail-content-icon-area__text {
  font-size: 16px;
  text-align: center;
  color: #ff83b7;
  margin-top: 0; }

.detail-content-description {
  color: #651717;
  font-size: 15px;
  text-align: left; }
  .detail-content-description__text {
    margin-top: 0; }

.middle-bg-img-area {
  position: relative;
  height: 110px; }
  .middle-bg-img-area__bg-img {
    position: absolute;
    top: 0;
    left: 0; }

@media screen and (max-width: 375px) {
  .middle-bg-img-area {
    height: 70px; } }
.purchase-lead-omikuji-report {
  margin-bottom: 30px;
  padding: 30px 0 40px;
  background-color: #fff9e2;
  z-index: 5; }
  .purchase-lead-omikuji-report__img-info {
    width: 90%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .purchase-lead-omikuji-report__description {
    width: 90%;
    margin: 0 auto 30px;
    text-align: left;
    color: #651717;
    font-size: 14px;
    font-weight: 600; }

.omikuji-report-info-area__icon {
  width: 90px;
  margin-right: 8px; }
.omikuji-report-info-area__caption {
  font-size: 16px;
  font-weight: 600;
  color: #e82450; }
.omikuji-report-info-area__price {
  margin: 5px 0;
  font-size: 12px;
  font-weight: 300;
  color: #707070; }

.purchase-lead-premium-report {
  margin: 0 10px 30px;
  padding: 40px;
  background-color: #fff9e2;
  z-index: 5; }

.bottom-bg-img-area {
  position: relative;
  margin: 0 auto;
  height: 90px; }
  .bottom-bg-img-area__bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

@media screen and (max-width: 375px) {
  .bottom-bg-img-area {
    height: 50px; } }
.limited-time-diagnosis-fail-love-report {
  max-width: 600px;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  text-align: center; }

.top-bg-area {
  position: relative;
  max-width: 600px;
  margin-top: 38px;
  padding-top: 0; }
  .top-bg-area__top-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1; }

.limited-time-diagnosis {
  max-width: 600px;
  margin-top: 38px;
  margin-bottom: 30px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 8px solid #2139ba;
  position: relative;
  text-align: center; }
  .limited-time-diagnosis__bag-img {
    position: absolute;
    width: 30%;
    left: 0;
    right: 0;
    top: 100px;
    margin: auto;
    z-index: 1; }
  @media screen and (max-width: 375px) {
    .limited-time-diagnosis__bag-img {
      top: 60.5px; } }

.total-fortune {
  position: relative;
  width: 90%;
  margin: 150px auto 80px;
  padding-bottom: 30px;
  border: 5px solid #2139ba;
  border-radius: 10px;
  text-align: center; }
  .total-fortune__caption {
    margin: 120px 0 90px;
    font-size: 90px;
    font-weight: 600;
    text-align: center;
    color: #f21662; }
  .total-fortune__description {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #2f2f2f; }

@media screen and (max-width: 375px) {
  .total-fortune {
    margin-top: 90px;
    margin-bottom: 35px; }
    .total-fortune__caption {
      margin: 60px 0 40px;
      font-size: 60px; } }
.buy-omikuji-report-area {
  position: relative;
  padding-bottom: 120px; }
  .buy-omikuji-report-area__bg-img {
    position: absolute;
    width: 100%;
    left: 0;
    top: -125px; }
  .buy-omikuji-report-area__button-area {
    margin: 0 0 -35px; }

@media screen and (max-width: 375px) {
  .buy-omikuji-report-area {
    padding-bottom: 70px; }
    .buy-omikuji-report-area__bg-img {
      top: -65px; } }
.omikuji-buy-button {
  position: relative;
  width: 60%;
  margin-top: 0;
  padding: 16px;
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  border-radius: 100px; }

.detail-contents {
  width: 90%;
  margin: 0 auto;
  border-top: 2px solid #2139ba; }
  .detail-contents__item {
    padding: 20px 0;
    border-bottom: 2px solid #2139ba; }

.omikuji-buy-area {
  z-index: 1;
  width: 70%;
  padding: 11px;
  border: 3px solid #ff7714;
  border-radius: 13px;
  background-color: #ffffff;
  color: #ff7714; }
  .omikuji-buy-area__caption {
    margin-bottom: 13px;
    text-align: center;
    font-size: 16px;
    font-weight: 700; }
  .omikuji-buy-area__description {
    margin-top: 0;
    padding-top: 13px;
    border-top: 1px solid #ff7714;
    font-size: 13px; }

.detail-content-area {
  position: relative; }
  .detail-content-area__purchase-lead-omikuji-report {
    position: absolute;
    top: 35%;
    left: 80px; }
  .detail-content-area__img {
    display: inline-block;
    width: 18%;
    vertical-align: top; }
  .detail-content-area__text {
    display: inline-block;
    width: 80%; }

.detail-content-icon-area__text {
  font-size: 16px;
  text-align: center;
  color: #2139ba;
  margin-top: 0; }
@media screen and (max-width: 375px) {
  .detail-content-icon-area__text {
    font-size: 14px; } }

.detail-content-description {
  color: #2f2f2f;
  font-size: 15px;
  text-align: left; }
  .detail-content-description__text {
    margin-top: 0; }

.middle-bg-img-area {
  position: relative;
  height: 110px; }
  .middle-bg-img-area__bg-img {
    position: absolute;
    top: 0;
    left: 0; }

@media screen and (max-width: 375px) {
  .middle-bg-img-area {
    height: 70px; } }
.purchase-lead-omikuji-report {
  margin-bottom: 30px;
  padding: 30px 0 40px;
  background-color: #fff9e2;
  z-index: 5; }
  .purchase-lead-omikuji-report__img-info {
    width: 90%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .purchase-lead-omikuji-report__description {
    width: 90%;
    margin: 0 auto 30px;
    text-align: left;
    color: #651717;
    font-size: 14px;
    font-weight: 600; }

.omikuji-report-info-area__icon {
  width: 90px;
  margin-right: 8px; }
.omikuji-report-info-area__caption {
  font-size: 16px;
  font-weight: 600;
  color: #e82450; }
.omikuji-report-info-area__price {
  margin: 5px 0;
  font-size: 12px;
  font-weight: 300;
  color: #707070; }

.purchase-lead-premium-report {
  margin: 0 10px 30px;
  padding: 40px;
  background-color: #fff9e2;
  z-index: 5; }

.bottom-bg-img-area {
  position: relative;
  margin: 0 auto;
  height: 90px; }
  .bottom-bg-img-area__bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

@media screen and (max-width: 375px) {
  .bottom-bg-img-area {
    height: 50px; } }
.limited-time-diagnosis-not-evaluated-report {
  max-width: 600px;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  text-align: center; }

.homunculus-diagnosis {
  max-width: 500px;
  min-width: 320px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0; }

.diagnosis__overview {
  width: 87%;
  margin: 0 auto;
  padding-top: 60px; }
.diagnosis__result-homunculus-type-features {
  margin-top: 40px; }

.recommend-mgram__button {
  margin: 40px 0;
  text-align: center;
  font-size: 10px;
  font-weight: 600; }
.recommend-mgram__title {
  background-image: url(//d3iwxdng5nai8r.cloudfront.net/assets/backgrounds/bg_08-c4dfe79e31f30e12e60e71362979b788d9bb906c74233f42cd4ee47d1e3025c8.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left;
  position: relative;
  color: #fff;
  font-size: 18px;
  padding: 16px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 600; }
.recommend-mgram__text {
  margin: 30px 0;
  text-align: justify;
  font-size: 14px; }
.recommend-mgram__lp-link {
  text-decoration: underline;
  color: #333; }

.summary__main-title {
  text-align: center; }
.summary__result-type-image {
  margin-top: 20px;
  text-align: center; }
.summary__inner-text {
  margin-top: 30px;
  font-family: "ヒラギノ角ゴシック";
  color: #202020; }

.result-top-image {
  width: 320px; }

.main-title__text {
  text-align: center;
  line-height: 1.4;
  font-family: Hiragino Mincho Pro;
  color: #5F2500; }

.title-font-size-normal {
  font-size: 18px; }

.title-font-size-large {
  width: 100%;
  display: block;
  text-align: justify;
  text-align-last: justify;
  font-size: 29px;
  font-weight: 600; }
  @media screen and (max-width: 414px) {
    .title-font-size-large {
      font-size: 5vw; } }

.diagnosis-inner-content-width {
  width: 89%;
  margin: 0 auto; }

.features-commentary__five-homunculus-features-image {
  text-align: center; }
.features-commentary__detailed-explanation {
  margin-top: 40px; }

.result-feature-image {
  width: 327px; }

.features-explanation__content-background {
  padding: 20px 0 10px;
  background: linear-gradient(135deg, #f4f4f4, #bfbfbf); }

.explanation-inner-content__title-background {
  background: #fff;
  padding: 5px 0; }
.explanation-inner-content__text-background {
  background: #fff;
  margin: 14px 24px;
  padding: 10px; }

.title-background__features {
  max-width: 330px; }
.title-background__advice {
  width: 260px; }
.title-background__inner {
  text-align: center;
  font-size: 18px;
  font-family: Hiragino Mincho Pro;
  font-weight: 600; }

.font-color-brown {
  color: #5F2500; }

.font-color-right-brown {
  color: #B93900; }

.adjust-advice-text-backgrond-postion {
  position: relative; }

.twitter-share {
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(6px); }
  .twitter-share__prompt-text {
    margin-top: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #E65A00; }

.result-description {
  margin: 30px 0;
  text-align: center; }

.lead-twitter {
  width: 295px;
  margin: 20px auto 0; }

.sns-share {
  padding-bottom: 60px;
  background: #F7F7F7; }

.result-share__attract {
  padding-top: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #E65A00;
  font-family: "ヒラギノ角ゴシック"; }
.result-share__ogp {
  text-align: center;
  margin-top: 18px; }
.result-share__complement {
  margin-top: 10px;
  text-align: center;
  color: #6A6A6A;
  font-size: 12px;
  font-family: "ヒラギノ角ゴシック"; }
.result-share__text-area {
  overflow: scroll;
  width: 89%;
  height: 161px;
  margin: 14px auto 38px;
  border: solid 2px #D1D1D1;
  border-radius: 10px;
  background-color: #fff;
  text-align: center; }

.result-ogp {
  width: 335px; }

.text-area__text {
  padding: 5px;
  font-size: 12px;
  word-break: break-all; }

.result-description {
  width: 89%;
  margin: 40px auto; }

.menhera-diagnosis {
  max-width: 500px;
  margin: 0 auto 5%;
  padding-top: 80px;
  padding-right: 0;
  padding-left: 0;
  font-family: "ヒラギノ角ゴシック";
  overflow: hidden; }

.menhera__headline {
  margin: 0 25px 30px; }
.menhera__result-img-area {
  margin: 0 10px 40px; }
.menhera__result-img-area img {
  margin: 0;
  max-width: 100%; }
.menhera__introduction {
  margin: 0 25px 40px; }
.menhera__result-type-feature-img {
  margin: 0 10px 40px; }
.menhera__result-type-feature-img img {
  margin: 0;
  max-width: 100%; }
.menhera__result-panel {
  margin-bottom: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6; }
.menhera__result-explanation {
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px; }
.menhera__spread-diagnosis-result {
  box-sizing: border-box;
  padding-bottom: 10px;
  background-color: #f7f7f7; }
.menhera__risk-level {
  margin: 30px 0;
  padding: 0 25px; }
.menhera__report {
  margin-top: 20px; }

.menhera-headline__text {
  margin-top: 0;
  font-weight: 700;
  font-size: 30px; }

.menhera-introduction__overview {
  font-weight: 300; }

.menhera-result-panel__caption {
  width: 70%;
  padding: 0.5em 25px;
  background-color: #ffffff;
  font-size: 17px;
  font-weight: 600; }
.menhera-result-panel__description {
  margin: 1em 25px;
  padding: 1em;
  background-color: #f7f7f7;
  font-size: 14px;
  font-weight: 300; }

.menhera-spread-diagnosis-result__share {
  margin: 0 40px;
  padding-top: 50px;
  padding-bottom: 16px; }
.menhera-spread-diagnosis-result__ogp {
  box-sizing: border-box;
  margin: 10px 12px; }
.menhera-spread-diagnosis-result__guidance {
  margin: 1em 40px; }
.menhera-spread-diagnosis-result__textarea {
  overflow: scroll;
  width: 80%;
  height: 117px;
  margin: 0 auto;
  border: solid 2px #d1d1d1;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: center; }
.menhera-spread-diagnosis-result__twitter {
  width: 70%;
  margin: 40px auto 20px; }

.menhera-ogp__result-img {
  margin: 0;
  max-width: 100%; }

.menhera-risk-level__title {
  margin-bottom: 45px;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4; }
.menhera-risk-level__result {
  display: inline-block;
  font-weight: 600;
  font-size: 30px;
  border-bottom: solid 4px #fd6b3f; }
  .menhera-risk-level__result--level {
    font-size: 64px;
    color: #fd6b3f; }

.menhera-content-center {
  text-align: center; }

.menhera-without-report {
  background: #fffef5; }
  .menhera-without-report__top {
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Hiragino Kaku Gothic Pro';
    color: #fa8a06; }
  .menhera-without-report__title {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .menhera-without-report__description {
    padding: 0 30px; }
  .menhera-without-report__purchase-button {
    background: #fa8a06;
    margin: 30px auto; }

.menhera-report-title__emoji-large {
  margin: 0 20px;
  font-size: 50px; }
.menhera-report-title__text {
  margin-right: 25px;
  font-size: 14px;
  font-weight: 600; }
.menhera-report-title__text--username {
  color: #ff4b95; }
.menhera-report-title__text--date {
  color: #999999;
  font-size: 10px; }

.menhera-report-description__font {
  font-size: 14px;
  font-family: 'ヒラギノ角ゴシック';
  color: #202020;
  text-align: justify; }

.menhera-report {
  background: #fffbdc; }
  .menhera-report__top {
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Hiragino Kaku Gothic Pro';
    color: #fa8a06; }
  .menhera-report__description {
    margin-top: 20px;
    padding: 0 30px; }
  .menhera-report__detail-result-type {
    margin-top: 25px;
    padding-bottom: 1px; }

.menhera-detail-result-type__title {
  width: 300px;
  padding: 10px 30px;
  background: #f7f7f7; }
.menhera-detail-result-type__title--font {
  font-size: 17px;
  font-weight: 600;
  color: #fd6b3f; }
.menhera-detail-result-type__text {
  background: #f7f7f7;
  padding: 10px 20px;
  margin: 20px 30px; }
.menhera-detail-result-type__text--font {
  color: #202020; }

.interpersonal-risk-diagnosis {
  max-width: 500px;
  margin: 0 auto;
  padding: 80px 0 0 0;
  font-size: 14px;
  font-family: Hiragino Kaku Gothic; }
  .interpersonal-risk-diagnosis .headline {
    margin-bottom: 50px;
    padding: 0 30px; }
    .interpersonal-risk-diagnosis .headline__top {
      margin: 0 auto 10px;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 600;
      font-size: 16px; }
    .interpersonal-risk-diagnosis .headline__introduction {
      margin-bottom: 20px; }
  .interpersonal-risk-diagnosis .result-type {
    font-weight: 600; }
  .interpersonal-risk-diagnosis .content-introduction {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .interpersonal-risk-diagnosis .featured-content__title {
    text-align: center;
    font-size: 16px;
    font-weight: 600; }
  .interpersonal-risk-diagnosis .featured-content__lineup {
    display: inline-block;
    padding-left: 0;
    list-style: none; }
  .interpersonal-risk-diagnosis .featured-content__caption {
    text-align: left; }
  .interpersonal-risk-diagnosis .link-decoration {
    color: #222;
    text-decoration: underline; }
  .interpersonal-risk-diagnosis .dotted-line {
    width: 100px;
    margin: 30px auto;
    border-bottom: dotted 2px #dacfd0; }
  .interpersonal-risk-diagnosis .main-content__title {
    margin: 0 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    background-color: #E6E8FC; }
  .interpersonal-risk-diagnosis .reasons-to-keep-people-away {
    padding: 0 30px; }
    .interpersonal-risk-diagnosis .reasons-to-keep-people-away__description {
      margin: 30px auto; }
  .interpersonal-risk-diagnosis .kind-of-beliked-type {
    margin: 30px auto;
    padding: 0 30px; }
    .interpersonal-risk-diagnosis .kind-of-beliked-type__bg {
      position: relative;
      max-width: 350px;
      margin: 0 auto;
      background-color: #E44588;
      border-radius: 10px; }
    .interpersonal-risk-diagnosis .kind-of-beliked-type__bg::before {
      content: "";
      display: block;
      padding-top: 100%; }
    .interpersonal-risk-diagnosis .kind-of-beliked-type__title {
      text-align: center;
      color: #fff;
      font-size: 25px;
      font-weight: 600;
      word-wrap: break-word; }
      @media screen and (max-width: 375px) {
        .interpersonal-risk-diagnosis .kind-of-beliked-type__title {
          line-height: 1.3; } }
    .interpersonal-risk-diagnosis .kind-of-beliked-type__lineup {
      margin-top: 0; }
  .interpersonal-risk-diagnosis .username-length-short {
    padding: 10% 14% 3%; }
  .interpersonal-risk-diagnosis .username-length-long {
    padding: 0 14%; }
  @media screen and (max-width: 375px) {
    .interpersonal-risk-diagnosis .username-length-short {
      padding: 3.5% 14%; }
    .interpersonal-risk-diagnosis .username-length-long {
      padding: 0 14%; } }
  .interpersonal-risk-diagnosis .nickname {
    font-size: 21px; }
  .interpersonal-risk-diagnosis .square-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .interpersonal-risk-diagnosis .result-beliked-type {
    margin: 0 auto;
    padding: 2.5% 0;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    line-height: 170%; }
  .interpersonal-risk-diagnosis .bg-box {
    width: 90%;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 5px; }

.perfectionist-blue-contents {
  max-width: 600px;
  margin-top: 38px;
  margin-bottom: 30px;
  padding-top: 0 !important;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 6px solid #5676BE;
  text-align: center; }
  .perfectionist-blue-contents__introduction {
    margin-right: 5%;
    margin-left: 5%;
    padding: 5%;
    border: 5px solid #2139BA;
    border-radius: 10px; }

.perfectionist-blue-magazine-title__main {
  font-size: 34px;
  text-align: center;
  color: #2139BA;
  font-weight: 600; }
.perfectionist-blue-magazine-title__sub {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #2139BA;
  opacity: 0.5; }

.perfectionist-blue-magazine-description {
  margin-top: 20px;
  margin-bottom: 20px; }
  .perfectionist-blue-magazine-description__text {
    font-size: 14px;
    line-height: 24px;
    color: #2f2f2f; }

.perfectionist-blue-magazine-buy-area {
  margin-top: 30px;
  text-align: center; }

.perfectionist-blue-magazine-purchase-lead__text {
  font-size: 14px;
  text-align: center;
  color: #2f2f2f; }
.perfectionist-blue-magazine-purchase-lead__attention-text {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #2f2f2f; }

.perfectionist-blue-magazine-purchase-lead-information__magazine-sentence-length {
  display: inline-block;
  font-size: 14px;
  color: #2f2f2f; }
.perfectionist-blue-magazine-purchase-lead-information__display-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #2139BA;
  margin-left: 10px; }

.perfectionist-blue-magazine-purchase-button {
  width: 80%;
  margin: 30px auto 0;
  padding: 16px;
  background-color: #fa8a06;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 100px; }

.perfectionist-blue-magazine-purchased {
  margin-top: 20px;
  margin-right: 5%;
  margin-left: 5%;
  padding: 5%; }

.perfectionist-blue-magazine-purchased-content {
  margin-bottom: 20px; }
  .perfectionist-blue-magazine-purchased-content__caption {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #2139BA; }
  .perfectionist-blue-magazine-purchased-content__text {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #2f2f2f; }

.existance-approval-contents {
  max-width: 600px;
  margin-top: 38px;
  margin-bottom: 30px;
  padding-top: 0 !important;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 6px solid #EAD354;
  text-align: center; }
  .existance-approval-contents__introduction {
    margin-right: 5%;
    margin-left: 5%;
    padding: 5%;
    border: 5px solid #EAD354;
    border-radius: 10px; }
  .existance-approval-contents__bg-top {
    width: 588px; }
  .existance-approval-contents__bg-bottom {
    width: 588px; }

.existance-approval-magazine-title__main {
  font-size: min(7vw, 34px);
  text-align: center;
  color: #EAD354;
  font-weight: 600; }
.existance-approval-magazine-title__sub {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #EAD354;
  opacity: 0.5; }

.existance-approval-magazine-description {
  margin-top: 20px;
  margin-bottom: 20px; }
  .existance-approval-magazine-description__text {
    font-size: 14px;
    line-height: 24px;
    color: #2F2F2F; }

.existance-approval-magazine-listening-level__lead {
  padding-top: 20px; }
.existance-approval-magazine-listening-level__catchphrase {
  margin: 30px auto;
  text-align: center;
  font-size: 27px;
  font-weight: 700; }

.existance-approval-magazine-buy-area {
  margin-top: 30px;
  text-align: center; }

.existance-approval-magazine-purchase-lead__text {
  font-size: min(3vw, 14px);
  text-align: center;
  color: #2F2F2F; }
.existance-approval-magazine-purchase-lead__attention-text {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #2F2F2F; }

.existance-approval-magazine-purchase-lead-information__magazine-sentence-length {
  display: inline-block;
  font-size: 14px;
  color: #2F2F2F; }
.existance-approval-magazine-purchase-lead-information__display-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #EAD354;
  margin-left: 10px; }

.existance-approval-magazine-purchase-button {
  width: 80%;
  margin: 30px auto 0;
  padding: 16px;
  background-color: #FF961C;
  border-radius: 100px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .existance-approval-magazine-purchase-button__text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px; }

.existance-approval-magazine-purchase-button-arrow {
  display: inline-block;
  margin: 1px 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #FFFFFF; }

.existance-approval-magazine-purchased {
  margin-top: 20px;
  margin-right: 5%;
  margin-left: 5%;
  padding: 5%; }

.existance-approval-magazine-purchased-content {
  margin-bottom: 20px; }
  .existance-approval-magazine-purchased-content__caption {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #EAD354; }
  .existance-approval-magazine-purchased-content__text {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #2F2F2F; }

.going-forward-contents {
  max-width: 600px;
  margin-top: 38px;
  margin-bottom: 30px;
  padding-top: 0 !important;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 6px solid #FF975E;
  text-align: center; }
  .going-forward-contents__introduction {
    margin-right: 5%;
    margin-left: 5%;
    padding: 5%;
    border: 5px solid #FF975E;
    border-radius: 10px; }
  .going-forward-contents__bg-top {
    width: 588px; }
  .going-forward-contents__bg-bottom {
    width: 588px; }

.going-forward-magazine-title__main {
  font-size: min(7vw, 34px);
  text-align: center;
  color: #FF975E;
  font-weight: 600; }
.going-forward-magazine-title__sub {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #FF975E;
  opacity: 0.5; }

.going-forward-magazine-description {
  margin-top: 20px;
  margin-bottom: 20px; }
  .going-forward-magazine-description__text {
    font-size: 14px;
    line-height: 24px;
    color: #2F2F2F; }

.going-forward-magazine-action-type__lead {
  padding-top: 20px; }
.going-forward-magazine-action-type__catchphrase {
  margin: 30px auto;
  font-size: 27px;
  font-weight: 700; }

.going-forward-magazine-buy-area {
  margin-top: 30px;
  text-align: center; }

.going-forward-magazine-purchase-lead__text {
  font-size: min(3vw, 14px);
  text-align: center;
  color: #2F2F2F; }
.going-forward-magazine-purchase-lead__attention-text {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #2F2F2F; }

.going-forward-magazine-purchase-lead-information__magazine-sentence-length {
  display: inline-block;
  font-size: 14px;
  color: #2F2F2F; }
.going-forward-magazine-purchase-lead-information__display-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #FF975E;
  margin-left: 10px; }

.going-forward-magazine-purchase-button {
  width: 80%;
  margin: 30px auto 0;
  padding: 16px;
  background-color: #FF961C;
  border-radius: 100px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .going-forward-magazine-purchase-button__text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px; }

.going-forward-magazine-purchase-button-arrow {
  display: inline-block;
  margin: 1px 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #FFFFFF; }

.going-forward-magazine-purchased {
  margin-top: 20px;
  margin-right: 5%;
  margin-left: 5%;
  padding: 5%; }

.going-forward-magazine-purchased-content {
  margin-bottom: 20px; }
  .going-forward-magazine-purchased-content__caption {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #FF975E; }
  .going-forward-magazine-purchased-content__text {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #2F2F2F; }

.rapid-progress-contents {
  max-width: 600px;
  margin-top: 38px;
  margin-bottom: 30px;
  padding-top: 0 !important;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 6px solid #AA5C3F;
  text-align: center; }
  .rapid-progress-contents__introduction {
    margin-right: 5%;
    margin-left: 5%;
    padding: 5%;
    border: 5px solid #AA5C3F;
    border-radius: 10px; }
  .rapid-progress-contents__bg-top {
    width: 588px; }
  .rapid-progress-contents__bg-bottom {
    width: 588px; }

.rapid-progress-magazine-title__main {
  font-size: min(7vw, 34px);
  text-align: center;
  color: #AA5C3F;
  font-weight: 600; }
.rapid-progress-magazine-title__sub {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #AA5C3F;
  opacity: 0.5; }

.rapid-progress-magazine-description {
  margin-top: 20px;
  margin-bottom: 20px; }
  .rapid-progress-magazine-description__text {
    font-size: 14px;
    line-height: 24px;
    color: #2F2F2F; }

.rapid-progress-magazine-reflection-type__lead {
  padding-top: 20px; }
.rapid-progress-magazine-reflection-type__catchphrase {
  margin: 30px auto;
  font-size: 27px;
  font-weight: 700; }

.rapid-progress-magazine-buy-area {
  margin-top: 30px;
  text-align: center; }

.rapid-progress-magazine-purchase-lead__text {
  font-size: min(3vw, 14px);
  text-align: center;
  color: #2F2F2F; }
.rapid-progress-magazine-purchase-lead__attention-text {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #2F2F2F; }

.rapid-progress-magazine-purchase-lead-information__magazine-sentence-length {
  display: inline-block;
  font-size: 14px;
  color: #2F2F2F; }
.rapid-progress-magazine-purchase-lead-information__display-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #AA5C3F;
  margin-left: 10px; }

.rapid-progress-magazine-purchase-button {
  width: 80%;
  margin: 30px auto 0;
  padding: 16px;
  background-color: #FF961C;
  border-radius: 100px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .rapid-progress-magazine-purchase-button__text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px; }

.rapid-progress-magazine-purchase-button-arrow {
  display: inline-block;
  margin: 1px 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #FFFFFF; }

.rapid-progress-magazine-purchased {
  margin-top: 20px;
  margin-right: 5%;
  margin-left: 5%;
  padding: 5%; }

.rapid-progress-magazine-purchased-content {
  margin-bottom: 20px; }
  .rapid-progress-magazine-purchased-content__caption {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #AA5C3F; }
  .rapid-progress-magazine-purchased-content__text {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #2F2F2F; }

.reciprocal-assertion-contents {
  max-width: 600px;
  margin-top: 38px;
  margin-bottom: 30px;
  padding-top: 0 !important;
  padding-right: 0;
  padding-left: 0;
  font-family: ヒラギノ角ゴシック;
  border: 6px solid #00FA9A;
  text-align: center; }
  .reciprocal-assertion-contents__introduction {
    margin-right: 5%;
    margin-left: 5%;
    padding: 5%;
    border: 5px solid #00FA9A;
    border-radius: 10px; }
  .reciprocal-assertion-contents__bg-top {
    width: 588px; }
  .reciprocal-assertion-contents__bg-bottom {
    width: 588px; }

.reciprocal-assertion-magazine-title__main {
  font-size: min(7vw, 34px);
  text-align: center;
  color: #00FA9A;
  font-weight: 600; }
.reciprocal-assertion-magazine-title__sub {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #00FA9A;
  opacity: 0.5; }

.reciprocal-assertion-magazine-description {
  margin-top: 20px;
  margin-bottom: 20px; }
  .reciprocal-assertion-magazine-description__text {
    font-size: 14px;
    line-height: 24px;
    color: #2F2F2F; }

.reciprocal-assertion-magazine-assertion-level__lead {
  padding-top: 20px; }
.reciprocal-assertion-magazine-assertion-level__catchphrase {
  margin: 30px auto;
  font-size: 27px;
  font-weight: 700; }

.reciprocal-assertion-magazine-buy-area {
  margin-top: 30px;
  text-align: center; }

.reciprocal-assertion-magazine-purchase-lead__text {
  font-size: min(3vw, 14px);
  text-align: center;
  color: #2F2F2F; }
.reciprocal-assertion-magazine-purchase-lead__attention-text {
  margin-top: 0;
  font-size: 11px;
  text-align: center;
  color: #2F2F2F; }

.reciprocal-assertion-magazine-purchase-lead-information__magazine-sentence-length {
  display: inline-block;
  font-size: 14px;
  color: #2F2F2F; }
.reciprocal-assertion-magazine-purchase-lead-information__display-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #00FA9A;
  margin-left: 10px; }

.reciprocal-assertion-magazine-purchase-button {
  width: 80%;
  margin: 30px auto 0;
  padding: 16px;
  background-color: #FF961C;
  border-radius: 100px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .reciprocal-assertion-magazine-purchase-button__text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px; }

.reciprocal-assertion-magazine-purchase-button-arrow {
  display: inline-block;
  margin: 1px 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #FFFFFF; }

.reciprocal-assertion-magazine-purchased {
  margin-top: 20px;
  margin-right: 5%;
  margin-left: 5%;
  padding: 5%; }

.reciprocal-assertion-magazine-purchased-content {
  margin-bottom: 20px; }
  .reciprocal-assertion-magazine-purchased-content__caption {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #00FA9A; }
  .reciprocal-assertion-magazine-purchased-content__text {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #2F2F2F; }

.break-relationships__summary {
  margin: 30px auto;
  padding: 0 30px; }
.break-relationships__bg {
  width: device-width;
  margin: 30px auto;
  padding: 30px 0;
  background-color: #000; }
.break-relationships__text-decoration p, .break-relationships__text-decoration ul {
  text-align: center; }
.break-relationships__title {
  margin: 0 60px;
  font-size: 26px;
  color: #fff;
  word-wrap: break-word; }
.break-relationships__all-types {
  font-size: 15px;
  color: #fff; }
.break-relationships__lineup {
  margin: 10px; }
.break-relationships__caption {
  position: relative;
  max-width: 260px;
  height: 55px;
  margin-right: auto;
  margin-left: auto;
  padding: 18px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 19px;
  font-weight: 600; }
.break-relationships__judgment {
  margin-top: 20px;
  font-size: 15px;
  color: #fff; }
.break-relationships__result-generic-term {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 600;
  color: #FF0000; }
.break-relationships__result-sentence {
  margin: 30px auto;
  padding: 0 30px; }

.color-dangerous {
  color: #FD6B3F; }

.color-super-caution {
  color: #009DB1; }

.color-caution {
  color: #05BF62; }

.caution-level--dangerous {
  position: absolute;
  left: 8%; }
.caution-level--super-caution {
  position: absolute;
  left: 12%; }
.caution-level--caution {
  position: absolute;
  left: 15%; }

.vertical-line {
  position: absolute;
  left: 50%; }

.caution-quantity {
  position: absolute;
  left: 70%; }

.break-relationships-factor {
  margin: 20px auto;
  text-align: center;
  display: block; }

.detailed-explanation-title {
  padding-left: 0;
  list-style: none;
  display: inline-block; }

.detailed-explanation-title li {
  margin: 10px auto;
  text-align: left; }

.break-relationships-result-factor {
  margin-bottom: 30px;
  border: 12px solid #ACACAC; }
  .break-relationships-result-factor__title {
    margin: 20px;
    background-color: #ACACAC;
    text-align: center;
    color: #fff;
    font-size: 19px;
    font-weight: 600; }
  .break-relationships-result-factor__caution-level {
    margin: 10px auto;
    text-align: center;
    font-size: 16px;
    font-weight: 600; }
  .break-relationships-result-factor__description {
    margin: 20px;
    font-weight: 600; }

.end-of-the-continuation {
  margin: 40px auto;
  text-align: center; }

.lead-risk-report {
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px 40px;
  max-width: 435px; }

.remain-break-relationships-factor {
  margin: 50px auto;
  padding-top: 10px;
  background-color: #F6F6F6; }
  .remain-break-relationships-factor__title {
    margin: 20px 0;
    padding: 5px 0 5px 30px;
    width: 276px;
    color: #FFF;
    font-size: 16px;
    background: linear-gradient(to right, #645677, #A958EF);
    font-size: 16px;
    font-weight: 600; }
  .remain-break-relationships-factor__supplement {
    padding: 0 30px; }
  .remain-break-relationships-factor__other-factor-title {
    margin: 20px 0;
    padding: 0 20px 20px 30px;
    font-weight: 600; }

.username {
  color: #FF4B95;
  font-weight: 600; }

.sentence-length {
  font-size: 10px;
  color: #999; }

.recommend-other-factor {
  margin: 30px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600; }
  .recommend-other-factor__detail-text {
    padding: 0 30px 40px; }

.interpersonal-risk-premium-report {
  background-color: #FFFEF5; }
  .interpersonal-risk-premium-report__recommend-text {
    padding: 30px 20px 20px; }
  .interpersonal-risk-premium-report__recommend-title {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .interpersonal-risk-premium-report__test-period-lead-title {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .interpersonal-risk-premium-report__test-period-recommend-text {
    margin-top: 30px;
    padding: 0 20px; }
  .interpersonal-risk-premium-report__test-period-feature-box {
    background: #fff;
    margin: 30px 20px;
    padding: 10px; }
  .interpersonal-risk-premium-report__test-period-detail-text {
    padding: 0 20px 40px; }
  .interpersonal-risk-premium-report__test-period-subtitle {
    display: flex;
    justify-content: center; }
  .interpersonal-risk-premium-report__test-period-buy-button-area {
    margin-top: 10px;
    padding: 0 20px 30px; }

.book-img {
  width: 50px;
  margin-right: 15px; }

.adjust-line-height {
  margin: 0; }

.settings-font {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1; }

.risk-report-amount-of-money {
  font-size: 10px;
  color: #999999; }

.buy-button {
  background-color: #FA8A06;
  color: #fff;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 20px; }

.customer-reviews {
  margin-top: 30px; }

.reviews__title {
  text-align: center; }
.reviews__contents {
  width: 90%;
  background: #f5f5f5;
  margin: 20px auto;
  padding: 20px;
  border-radius: 20px; }

.test-period-lead-title__text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1; }
  @media screen and (max-width: 320px) {
    .test-period-lead-title__text {
      font-size: 16px; } }

.test-period-book-img {
  width: 25px;
  margin-left: 10px; }

.test-period-feature-box__text {
  text-align: center;
  font-size: 20px;
  font-weight: 600; }
  .test-period-feature-box__text--purple {
    color: #B100FF; }

.test-period-buy-button {
  background-color: #FA8A06;
  color: #fff;
  font-size: 16px; }

.content {
  width: 80%;
  margin: 100px auto; }

.diagnosis-summary {
  max-width: 420px;
  margin: 0 auto 70px; }
  .diagnosis-summary__title {
    margin: 20px 0; }

.inner {
  display: flex;
  justify-content: space-between; }

.back {
  font-size: 10px;
  font-weight: 700; }

.back:before {
  content: "";
  display: inline-block;
  padding-right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.question-navigation {
  margin: auto 0;
  vertical-align: center;
  font-size: 10px;
  color: #999;
  font-weight: 700; }

.question-list {
  margin: 100px 0; }
  .question-list__item {
    margin-top: 70px; }

.lead-text {
  margin: 20px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em; }

.question_form {
  display: table;
  overflow: hidden;
  table-layout: auto;
  max-width: 375px;
  width: 100%;
  margin: 0 auto; }

.form__item {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: top;
  margin-top: 0; }
  .form__item label.button {
    position: relative;
    width: 16vw;
    height: 16vw;
    max-width: 58px;
    max-height: 58px;
    margin: 0 auto 7px;
    padding: 0;
    border-color: #eeeeee;
    border-radius: 100% !important;
    background-color: #eeeeee;
    color: #ffffff;
    font-size: inherit;
    font-weight: inherit;
    text-align: inherit;
    cursor: pointer; }
    .form__item label.button:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 24px;
      height: 24px;
      margin: auto;
      border-radius: 100%;
      background-color: #ffffff;
      content: ""; }
  .form__item input[type="radio"] {
    display: none; }
    .form__item input[type="radio"]:checked + label.button {
      background-color: black; }
  .form__item .buttonLabel {
    display: block;
    width: 58px;
    margin: 0 auto;
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3; }

body[data-controller="diagnosis_landing_pages"] .contents {
  padding-bottom: 0; }
body[data-controller="diagnosis_landing_pages"] .diagnosis-lp {
  padding: 8px; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp__border {
    min-width: 100%;
    padding: 10px 8px;
    border: 8px solid #222;
    text-align: center; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp__img {
    width: 500px; }
body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents {
  margin: 2em 1em; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__interpersonal-risk-title {
    font-size: 15.5px; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__catch-copy {
    line-height: 1.2em;
    font-weight: 400; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__note-text {
    display: inline-block;
    max-width: 500px;
    margin: 10px;
    color: #F00;
    font-size: 12px;
    text-align: justify; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__confirmation-term {
    margin-top: 10px;
    color: #666666;
    font-weight: 200;
    font-size: 10px;
    text-align: center; }
    body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__confirmation-term__link {
      color: #666666;
      text-decoration: underline; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__button {
    padding: 1.2em;
    text-align: center; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__description-title {
    display: inline-block;
    padding: 0 1em;
    background-color: #e6e8fc; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__description {
    max-width: 500px;
    margin: 2em auto 0;
    text-align: justify; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__spacer {
    margin: 3.2em auto; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__link-text {
    display: inline-block;
    color: #666666;
    font-size: 1.1em;
    text-decoration: underline; }
  body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__attention-writing {
    margin: 1.5em auto 2em; }
    body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__attention-writing ul {
      display: flex;
      margin-top: 0;
      justify-content: center;
      align-items: flex-start; }
    body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__attention-writing li {
      margin-top: 0;
      margin-left: 1em; }
      body[data-controller="diagnosis_landing_pages"] .diagnosis-lp-contents__attention-writing li a {
        color: #666666;
        font-size: 12px; }
body[data-controller="diagnosis_landing_pages"] .erasing-button-margin {
  margin-top: 0; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Use this file to include any stylesheet assets from installed gems. All other css is compiled with
 * libsass with Gulp.
 *
 * Pull compiled from /public/assets/stylesheets




 */