@charset "UTF-8";
.tip_box {
  padding: 6px; }

.tip_box h3 {
  font-weight: bold;
  padding-bottom: 6px; }

.tip_camp_bnr img {
  width: 440px;
  height: 170px; }

.tip_variation {
  width: 420px;
  padding: 6px 0 0 6px; }

.tip_variation p {
  margin-bottom: 10px; }

.tip_variation ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 30px;
  margin-bottom: 10px; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border: 1px solid #cccccc;
  background: #ffffff;
  color: #444444;
  box-shadow: 4px 4px 0 -1px #cbcbcb; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-size: 13px;
  line-height: 16px;
  padding: 6px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid;
  bottom: -6px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 14px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid;
  top: -6px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-bottom: 7px solid;
  top: -6px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 42px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 41px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 44px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 43px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -8px;
  left: -8px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -9px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

/*
 * jQuery FlexSlider v2.7.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * 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,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: rgba(255, 255, 255, 0); }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  box-sizing: border-box; }

html,
body {
  height: 100%; }
  @media (min-width: 769px) {
    html,
    body {
      height: auto; } }

body {
  color: #222222;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  width: 100%;
  max-width: 100%;
  padding-top: 50px;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 769px) {
    body {
      padding-top: 0;
      width: auto;
      max-width: none; } }
  body.noscroll {
    position: fixed; }

/* アンカー（a要素）の基本設定 */
a {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  @media (min-width: 769px) {
    a.ov-alpha img {
      opacity: 1;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      transition-property: opacity;
      transition-duration: 0.3s;
      transition-delay: 0s;
      transition-timing-function: ease-in; }
    a.ov-alpha:hover img {
      opacity: 0.6; } }
  @media (min-width: 769px) {
    a.ov-underline:hover {
      text-decoration: underline; } }

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

em,
strong {
  font-weight: 700;
  font-style: normal; }

@media (min-width: 769px) {
  .forSPOnly {
    display: none !important; } }

@media (max-width: 768px) {
  .forPCOnly {
    display: none !important; } }

.display-inlineBlock {
  display: inline-block !important; }

.slick-disabled {
  cursor: default !important; }

/*　//////////////////////////////////////////////////
　レイアウト用スタイル
//////////////////////////////////////////////////　*/
.l-header {
  z-index: 9999; }

#blackscreen {
  z-index: 9998; }

.keyVisual,
.l-main,
.serviceBanner,
.l-footer {
  z-index: 1; }

.l-header,
.latestNews,
.tabAndAbout__wrapper,
.variation,
.tipsAndSafety,
.serviceBanner {
  margin: 0 auto; }
  @media (min-width: 769px) {
    .l-header,
    .latestNews,
    .tabAndAbout__wrapper,
    .variation,
    .tipsAndSafety,
    .serviceBanner {
      min-width: 980px;
      max-width: 1220px;
      padding-left: 10px !important;
      padding-right: 10px !important; } }

@media (min-width: 769px) {
  #megaMenu-forPC .navMegaMenu,
  .keyVisual,
  .campaign,
  .newsLetter,
  .news__wrapper,
  .cardComparison__container.is-footer,
  .l-footer {
    min-width: 980px; } }

/*　//////////////////////////////////////////////////
　ヘッダー
//////////////////////////////////////////////////　*/
/* ヘッダー全体設定 */
.l-header {
  width: 100%;
  background: white;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
  @media (min-width: 769px) {
    .l-header {
      height: 118px;
      margin: 0 auto;
      box-shadow: none;
      position: static;
      overflow: hidden;
      top: auto;
      left: auto;
      z-index: auto; } }

.header__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .no-flexbox .header__container {
    *zoom: 1;
    box-sizing: content-box; }
    .no-flexbox .header__container:before, .no-flexbox .header__container:after {
      content: " ";
      display: table; }
    .no-flexbox .header__container:after {
      clear: both; }
  @media (min-width: 769px) {
    .header__container {
      display: block;
      padding-top: 10px;
      position: relative; } }

/* ヘッダーロゴ */
.header__logo {
  font-size: 1rem;
  line-height: 1;
  width: 112px;
  height: 20px;
  padding: 0;
  margin: 0 auto 0 10px; }
  .no-flexbox .header__logo {
    float: left;
    margin-top: 14px; }
  @media (min-width: 769px) {
    .header__logo {
      line-height: 28px;
      width: 162px;
      height: 28px;
      margin: 0 0 26px; }
      .no-flexbox .header__logo {
        margin-top: 0; } }
  .header__logo a {
    display: block; }

/*　//////////////////////////////////////////////////
　フッター
//////////////////////////////////////////////////　*/
@media (min-width: 769px) {
  .l-footer a:hover {
    text-decoration: underline; } }

/* フッター > ナビゲーション */
.footerNav {
  background-color: #666666;
  position: relative;
  margin-top: 0; }
  .footerNav a {
    color: #ffffff; }

/* フッター > ナビゲーション > ページトップリンク */
.footerNav-pageTop {
  font-size: 10px;
  line-height: 1;
  text-align: center;
  width: 100px;
  background-color: #666666;
  padding: 6px 0 4px;
  border-radius: 5px 5px 0 0;
  margin: 0;
  position: absolute;
  top: -19px;
  right: 26px; }
  @media (min-width: 769px) {
    .footerNav-pageTop {
      font-size: 12px;
      font-weight: 400;
      width: 140px;
      height: 24px;
      padding: 12px 0 0;
      border-radius: 10px 10px 0 0;
      right: 50px;
      top: -23px; } }
  .footerNav-pageTop a {
    background: url(../images/footer/footerNav-pageTop.svg) left center no-repeat;
    background-size: 5px 5px;
    padding-left: 8px; }
    @media (min-width: 769px) {
      .footerNav-pageTop a {
        background-size: 8px;
        padding-left: 15px; } }

/* フッター > ナビゲーション > メインナビ */
.footerNav-main {
  max-width: 640px;
  margin: 0 auto 32px; }
  @media (min-width: 769px) {
    .footerNav-main {
      max-width: 1160px;
      padding: 0 10px;
      margin-bottom: 0; } }

/* フッター > ナビゲーション > メインナビ > ナビ 第1階層 */
.footerNav-main__list {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 769px) {
    .footerNav-main__list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 30px 0 25px;
      border-bottom: 1px solid #808080; }
      .no-flexbox .footerNav-main__list {
        *zoom: 1; }
        .no-flexbox .footerNav-main__list:before, .no-flexbox .footerNav-main__list:after {
          content: " ";
          display: table; }
        .no-flexbox .footerNav-main__list:after {
          clear: both; } }

.footerNav-main__listItem {
  padding: 8px 26px;
  border-bottom: 1px solid #808080; }
  @media (min-width: 769px) {
    .footerNav-main__listItem {
      width: 33.15789%;
      padding: 0 3.15789% 0 4.91228%;
      border-bottom: none 0; }
      .no-flexbox .footerNav-main__listItem {
        float: left; }
      .footerNav-main__listItem + .footerNav-main__listItem {
        border-left: 1px solid #808080; }
      .footerNav-main__listItem:nth-child(3n-2) {
        padding-left: 0.87719%; }
      .footerNav-main__listItem:nth-child(3n-1) {
        width: 33.68421%; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .footerNav-main__listItem.is-variation {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      width: 33.68421%;
      padding-left: 4.91228%;
      border-left: 1px solid #808080; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .no-flexbox .footerNav-main__listItem.is-variation {
      width: 33.15789%;
      padding-left: 0.87719%;
      border-left: none 0; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .footerNav-main__listItem.is-campaigns {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      width: 33.15789%;
      padding-left: 0.87719%;
      border-left: none 0; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .no-flexbox .footerNav-main__listItem.is-campaigns {
      width: 33.68421%;
      padding-left: 4.91228%;
      border-left: 1px solid #808080; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .footerNav-main__listItem.is-service {
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3; } }

.footerNav-main__anchor {
  color: white;
  font-size: 14px;
  display: block;
  background: url(../images/footer/footerNav-arrow.svg) right center no-repeat;
  background-size: 6px 10px;
  margin-right: 9px; }
  @media (min-width: 769px) {
    .footerNav-main__anchor {
      font-size: 14px;
      line-height: 1;
      font-weight: bold;
      background: url(../images/link-bullet__arrowGray-circleWhite.svg) left center no-repeat;
      background-size: 12px;
      padding-left: 18px; } }
  .footerNav-main__anchor.is-noBullet {
    background: none;
    padding-left: 0; }

/* フッター > ナビゲーション > メインナビ > ナビ 第2階層（スマホは非表示） */
.footerNav_main_2Lv {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 769px) {
    .footerNav_main_2Lv {
      display: block;
      margin-top: 12px; } }
  .footerNav_main_2Lv .is-column2 {
    *zoom: 1; }
    .footerNav_main_2Lv .is-column2:before, .footerNav_main_2Lv .is-column2:after {
      content: " ";
      display: table; }
    .footerNav_main_2Lv .is-column2:after {
      clear: both; }

.footerNav_main_2Lv__item {
  margin-top: 3px; }
  .footerNav_main_2Lv__item:nth-child(1) {
    margin-top: 0; }
  .is-column2 .footerNav_main_2Lv__item {
    width: calc(50% - 5px);
    float: left; }
    .is-column2 .footerNav_main_2Lv__item:nth-child(2) {
      margin-top: 0; }
    .is-column2 .footerNav_main_2Lv__item:nth-child(2n-1) {
      margin-right: 10px; }
      .no-flexbox .is-column2 .footerNav_main_2Lv__item:nth-child(2n-1) {
        margin-right: 9px; }

.footerNav_main_2Lv__anchor {
  font-size: 12px;
  line-height: 1.5;
  display: block;
  background: url(../images/link-bullet__arrowWhite.png) 0 4px no-repeat;
  background-size: 4px 6px;
  padding-left: 13px; }

/* フッター > ナビゲーション > サブナビ1（運営会社について/法人のお客さまへ） */
.footerNav-sub1 {
  font-size: 10px;
  line-height: 1;
  max-width: 640px;
  margin: 0 auto -5px; }
  @media (min-width: 769px) {
    .footerNav-sub1 {
      border-bottom: 1px solid #808080;
      font-size: 13px;
      line-height: 1.5;
      max-width: 1160px;
      padding: 28px 10px 23px;
      margin: 0 auto;
      *zoom: 1; }
      .footerNav-sub1:before, .footerNav-sub1:after {
        content: " ";
        display: table; }
      .footerNav-sub1:after {
        clear: both; } }

/* フッター > ナビゲーション > サブナビ1 > PC用コンテナ */
@media (min-width: 769px) {
  .footerNav-sub1__container {
    display: inline-block;
    margin-left: 8px;
    margin-right: 46px; }
    .footerNav-sub1__container + .footerNav-sub1__container {
      margin-right: 0; } }

.footerNav-sub1__heading {
  color: #ffffff;
  font-size: 12px;
  padding: 0;
  margin: 0 26px 17px; }
  @media (min-width: 769px) {
    .footerNav-sub1__heading {
      font-size: 13px;
      font-weight: 700;
      width:104px;
      margin: 0;
      float: left; } }

.footerNav-sub1__list {
  list-style: none;
  padding: 0;
  margin: 0 26px 10px;
  *zoom: 1; }
  .footerNav-sub1__list:before, .footerNav-sub1__list:after {
    content: " ";
    display: table; }
  .footerNav-sub1__list:after {
    clear: both; }
  @media (min-width: 769px) {
    .footerNav-sub1__list {
      margin: 0;
      float: left; } }

.footerNav-sub1__listItem {
  width: 50%;
  margin: 0 0 15px;
  float: left; }
  @media (min-width: 769px) {
    .footerNav-sub1__listItem {
      width: auto;
      margin: 0; } }

.footerNav-sub1__anchor {
  display: block;
  background: url(../images/footer/footerNav-arrow.svg) right center no-repeat;
  background-size: 6px 10px;
  margin-right: 22px; }
  @media (min-width: 769px) {
    .footerNav-sub1__anchor {
      background-position-x: 0;
      background-size: 4px 6px;
      padding-left: 12px;
      margin-right: 0;
      margin-left: 30px; } }
  .footerNav-sub1__listItem:nth-child(2n) .footerNav-sub1__anchor {
    margin-right: 9px; }
    @media (min-width: 769px) {
      .footerNav-sub1__listItem:nth-child(2n) .footerNav-sub1__anchor {
        margin-right: 0; } }

/* フッター > ナビゲーション > サブナビ2（サイトマップほか） */
.footerNav-sub2__wrapper {
  overflow: hidden; }
  @media (min-width: 769px) {
    .footerNav-sub2__wrapper {
      max-width: 1160px;
      padding: 0 10px;
      margin: 0 auto;
      *zoom: 1; }
      .footerNav-sub2__wrapper:before, .footerNav-sub2__wrapper:after {
        content: " ";
        display: table; }
      .footerNav-sub2__wrapper:after {
        clear: both; } }

.footerNav-sub2 {
  font-size: 10px;
  line-height: 2.1;
  text-align: center;
  background-color: #333333;
  padding: 14px 0;
  margin: 0 -20px; }
  @media (min-width: 769px) {
    .footerNav-sub2 {
      font-size: 12px;
      line-height: 1.5;
      background: #666666;
      padding: 18px 0 21px;
      margin: 0 0 0 6px;
      *zoom: 1; }
      .footerNav-sub2:before, .footerNav-sub2:after {
        content: " ";
        display: table; }
      .footerNav-sub2:after {
        clear: both; } }

.footerNav-sub2__list {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }
  @media (min-width: 769px) {
    .footerNav-sub2__list {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      float: left;
      *zoom: 1; }
      .footerNav-sub2__list:before, .footerNav-sub2__list:after {
        content: " ";
        display: table; }
      .footerNav-sub2__list:after {
        clear: both; } }

.footerNav-sub2__listItem {
  display: inline-block; }
  @media (min-width: 769px) {
    .footerNav-sub2__listItem {
      display: block;
      float: left; } }
  .footerNav-sub2__listItem + .footerNav-sub2__listItem::before {
    content: "|";
    color: #ffffff; }
    @media (max-width: 768px) {
      .footerNav-sub2__listItem + .footerNav-sub2__listItem::before {
        padding: 0 0.3em 0 0.35em; } }
  @media (min-width: 769px) {
    .footerNav-sub2__listItem::before {
      content: "|";
      color: #ffffff;
      padding: 0 1em 0 1em; } }
  @media (min-width: 769px) {
    .footerNav-sub2__list:nth-of-type(1) .footerNav-sub2__listItem:first-child::before {
      content: none;
      padding: 0; } }
  @media (max-width: 1141px) {
    .footerNav-sub2__list:nth-of-type(3) .footerNav-sub2__listItem:first-child::before {
      content: none;
      padding: 0; } }

/* フッター > 認証マーク・コピーライト */
.footer-marksAndCopyright {
  padding: 12px 0 0; }
  @media (min-width: 769px) {
    .footer-marksAndCopyright {
      background-color: #666666;
      padding: 0 0 39px; } }

/* フッター > 認証マーク・コピーライト > PC用のコンテナ */
@media (min-width: 769px) {
  .footer-marksAndCopyright__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    max-width: 1160px;
    padding: 0 10px;
    margin: 0 auto; }
    .no-flexbox .footer-marksAndCopyright__container {
      *zoom: 1; }
      .no-flexbox .footer-marksAndCopyright__container:before, .no-flexbox .footer-marksAndCopyright__container:after {
        content: " ";
        display: table; }
      .no-flexbox .footer-marksAndCopyright__container:after {
        clear: both; } }

/* フッター > 認証マーク・コピーライト > 認証マーク */
.footer-marks {
  margin-bottom: 20px; }
  @media (min-width: 769px) {
    .footer-marks {
      background-color: white;
      padding: 11px 35px 17px 18px;
      margin-bottom: 0; }
      .no-flexbox .footer-marks {
        float: left; } }

/* フッター > 認証マーク・コピーライト > 認証マーク > リスト（UL） */
.footer-marks__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0; }

/* フッター > 認証マーク・コピーライト > 認証マーク > リストアイテム（LI） */
.footer-marks__listItem {
  display: inline-block;
  vertical-align: middle;
  margin: 0; }
  .footer-marks__listItem + .footer-marks__listItem {
    margin-left: 10px; }
    @media (min-width: 769px) {
      .footer-marks__listItem + .footer-marks__listItem {
        margin-left: 12px; } }
  .footer-marks__listItem img {
    vertical-align: bottom; }

/* フッター > 認証マーク・コピーライト > 認証マーク > Pマーク */
.footer-marks__listItem.is-PMark img {
  width: 35px;
  height: auto; }
  @media (min-width: 769px) {
    .footer-marks__listItem.is-PMark img {
      width: 70px; } }

/* フッター > 認証マーク・コピーライト > 認証マーク > ISO14001 */
.footer-marks__listItem.is-iso14001 img {
  width: 50px;
  height: auto; }

/* フッター > 認証マーク・コピーライト > 認証マーク > i-roi */
.footer-marks__listItem.is-iroiAll img {
  vertical-align: middle;
  width: 88px;
  height: auto; }

/* フッター > 認証マーク・コピーライト > 認証マーク > i-roi > 説明文 */
.iroiAll__text {
  font-size: 9px;
  line-height: 1.33333;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  margin-left: 12px; }
  @media (min-width: 769px) {
    .iroiAll__text {
      font-size: 12px;
      white-space: nowrap;
      margin-left: 14px; } }
  @media (min-width: 769px) {
    .iroiAll__text .forSPOnly {
      display: inline; } }
  @media (min-width: 900px) {
    .iroiAll__text .forSPOnly {
      display: none; } }

/* フッター > 認証マーク・コピーライト > コピーライト */
.copyright {
  font-size: 9px;
  line-height: 1;
  text-align: center;
  padding: 0 0 16px;
  margin: 0; }
  @media (min-width: 769px) {
    .copyright {
      color: white;
      font-size: 12px;
      padding: 0;
      margin-left: auto; }
      .no-flexbox .copyright {
        margin-top: 88px;
        float: right; } }
  .copyright small {
    font-size: 100%; }

/*　//////////////////////////////////////////////////
　サイドバー
//////////////////////////////////////////////////　*/
/*　//////////////////////////////////////////////////
　グローバルナビゲーション
//////////////////////////////////////////////////　*/
/* スマホ用グロナビ */
.navGlobal-sp__container {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0; }
  .no-flexbox .navGlobal-sp__container {
    *zoom: 1;
    float: right;
    margin-right: 3px; }
    .no-flexbox .navGlobal-sp__container:before, .no-flexbox .navGlobal-sp__container:after {
      content: " ";
      display: table; }
    .no-flexbox .navGlobal-sp__container:after {
      clear: both; }
  @media (min-width: 769px) {
    .navGlobal-sp__container {
      display: none; } }

.navGlobal-sp__item {
  width: 50px;
  height: 50px; }
  .no-flexbox .navGlobal-sp__item {
    float: left;
    overflow: hidden; }
  .navGlobal-sp__item.navGlobal__item-help img {
    width: 24px; }
  .navGlobal-sp__item.navGlobal__item-balance {
    width: 56px;
    background-color: #426ccf; }
    .navGlobal-sp__item.navGlobal__item-balance img {
      width: 38px; }
  .navGlobal-sp__item.navGlobal__item-drawer img {
    width: 28px;
    padding-top: 1px; }
  .navGlobal-sp__item.navGlobal__item-drawer.is-active {
    background: #999999 url(../images/nav/nav-sp__drawer-active.png) center center no-repeat;
    background-size: 28px 26px; }
    .navGlobal-sp__item.navGlobal__item-drawer.is-active img {
      opacity: 0; }
  .navGlobal-sp__item .navGlobal__anchor {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%; }
    .no-flexbox .navGlobal-sp__item .navGlobal__anchor {
      display: block;
      position: relative; }
      .no-flexbox .navGlobal-sp__item .navGlobal__anchor img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }

#blackscreen {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0; }

/* ナビゲーション > メインナビ */
.navGlobal-navMain {
  width: 100%;
  background-color: white;
  padding: 0;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #999999;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1000;
  overflow: auto; }
  .navGlobal-navMain::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6; }
    @media (min-width: 769px) {
      .navGlobal-navMain::before {
        display: none; } }
  .navGlobal-navMain.is-hidden {
    display: none; }
  @media (min-width: 769px) {
    .navGlobal-navMain {
      display: block;
      border: none 0;
      position: static;
      top: auto;
      left: auto; }
      .navGlobal-navMain.is-hidden {
        display: block; } }

/* メインナビ */
.navMain__wrapper {
  background-color: white;
  padding: 0;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .navMain__wrapper {
      width: 100%;
      position: static;
      overflow: hidden; } }

.navMain__container {
  list-style: none;
  padding: 0 10px;
  margin: 0; }
  @media (min-width: 769px) {
    .navMain__container {
      padding: 0 !important;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -js-display: flex; } }

.navMain__item {
  border-top: 2px solid #e6e6e6; }
  @media (min-width: 769px) {
    .navMain__item {
      line-height: 1px;
      border: none 0;
      margin-left: auto; }
      .no-flexbox .navMain__item {
        height: 54px; } }
  .navMain__item:first-child {
    border-top: none 0; }
  @media (min-width: 769px) {
    .navMain__item:first-child {
      margin-left: 0; } }

.navMain__item-dummy {
  border-right: 2px solid rgba(204, 204, 204, 0.5);
  margin: 18px 0 18px auto; }

.navMain__anchor {
  color: #313333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
  padding: 18px 10px 18px 35px;
  position: relative;
  coursor: pointer; }
  @media (min-width: 769px) {
    .navMain__anchor {
      color: #222222;
      font-size: 15px;
      padding-right: 21px;
      padding-bottom: 15px;
      border-bottom: 5px solid transparent; } }
  .navMain__anchor.is-active {
    color: white; }
  .navMain__anchor::after {
    content: "";
    display: block;
    width: 7px;
    height: 10px;
    background-image: url(../images/link-bullet__arrow-gray.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 769px) {
      .navMain__anchor::after {
        width: 14px;
        height: 8px;
        background-image: url(../images/link-bullet__arrowGray-t2b.svg);
        top: 52%;
        right: 0;
        z-index: 100; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-wmcard {
      padding-right: 0; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-beginner::after {
      display: none; } }
  @media (max-width: 768px) {
    .navMain__anchor.navMain__anchor-buy::after, .navMain__anchor.navMain__anchor-use::after, .navMain__anchor.navMain__anchor-variation::after {
      right: 14px;
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      -webkit-transform: rotate(90deg) translateX(-50%);
          -ms-transform: rotate(90deg) translateX(-50%);
              transform: rotate(90deg) translateX(-50%); } }
  @media (max-width: 768px) {
    .navMain__anchor.navMain__anchor-buy.is-active::after, .navMain__anchor.navMain__anchor-use.is-active::after, .navMain__anchor.navMain__anchor-variation.is-active::after {
      background-image: url(../images/link-bullet__arrowWhite.png);
      -webkit-transform: rotate(-90deg) translateX(50%);
          -ms-transform: rotate(-90deg) translateX(50%);
              transform: rotate(-90deg) translateX(50%); } }
  .navMain__anchor::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 769px) {
      .navMain__anchor::before {
        top: 52%; } }
/*201909追記*/
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-wmcard::after {
      display: none; } }
@media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-wmcard {
      padding-left: 20px; } }
  .navMain__anchor.navMain__anchor-wmcard::before {
    width: 11px;
    height: 15px;
    background-image: url(../images/nav/navMain__icon-wmcard.png);
    left: 10px; }
    .no-flexbox .navMain__anchor.navMain__anchor-wmcard::before {
      background-image: url(../images/nav/navMain__icon-wmcard.png); }
    @media (min-width: 769px) {
      .navMain__anchor.navMain__anchor-wmcard::before {
        width: 14px;
        height: 20px;
        left: 0; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-wmcard.is-activePC {
      color: #ff6600;
      border-bottom-color: #ff6600; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-wmcard.is-activePC::before {
      background-image: url(../images/nav/navMain__icon-wmcard-ov.png); }
      .no-flexbox .navMain__anchor.navMain__anchor-wmcard.is-activePC::before {
        background-image: url(../images/nav/navMain__icon-wmcard-ov.png); } }
/*201909追記*/
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-beginner {
      padding-left: 20px; } }
  .navMain__anchor.navMain__anchor-beginner::before {
    width: 11px;
    height: 15px;
    background-image: url(../images/nav/navMain__icon-beginner.svg);
    left: 10px; }
    .no-flexbox .navMain__anchor.navMain__anchor-beginner::before {
      background-image: url(../images/nav/navMain__icon-beginner.png); }
    @media (min-width: 769px) {
      .navMain__anchor.navMain__anchor-beginner::before {
        width: 14px;
        height: 20px;
        left: 0; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-beginner.is-activePC {
      color: #7ad01e;
      border-bottom-color: #7ad01e; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-beginner.is-activePC::before {
      background-image: url(../images/nav/navMain__icon-beginner-pc-ov.svg); }
      .no-flexbox .navMain__anchor.navMain__anchor-beginner.is-activePC::before {
        background-image: url(../images/nav/navMain__icon-beginner-pc-ov.png); } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-buy {
      padding-left: 27px; } }
  .navMain__anchor.navMain__anchor-buy::before {
    width: 14px;
    height: 14px;
    background-image: url(../images/nav/navMain__icon-buy.svg);
    left: 9px; }
    .no-flexbox .navMain__anchor.navMain__anchor-buy::before {
      background-image: url(../images/nav/navMain__icon-buy.png); }
    @media (min-width: 769px) {
      .navMain__anchor.navMain__anchor-buy::before {
        width: 20px;
        height: 20px;
        left: 0; } }
  .navMain__anchor.navMain__anchor-buy.is-active {
    background-color: #426ccf; }
    .navMain__anchor.navMain__anchor-buy.is-active::before {
      background-image: url(../images/nav/navMain__icon-buy-active.png); }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-buy.is-activePC {
      color: #4873ce;
      background: none;
      border-bottom-color: #4873ce; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-buy.is-activePC::before {
      background-image: url(../images/nav/navMain__icon-buy-pc-ov.svg); }
      .no-flexbox .navMain__anchor.navMain__anchor-buy.is-activePC::before {
        background-image: url(../images/nav/navMain__icon-buy-pc-ov.png); } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-use {
      padding-left: 25px; } }
  .navMain__anchor.navMain__anchor-use::before {
    width: 17px;
    height: 13px;
    background-image: url(../images/nav/navMain__icon-use.svg);
    left: 8px; }
    .no-flexbox .navMain__anchor.navMain__anchor-use::before {
      background-image: url(../images/nav/navMain__icon-use.png); }
    @media (min-width: 769px) {
      .navMain__anchor.navMain__anchor-use::before {
        width: 22px;
        height: 17px;
        left: 0; } }
  .navMain__anchor.navMain__anchor-use.is-active {
    background-color: #ffb10d; }
    .navMain__anchor.navMain__anchor-use.is-active::before {
      background-image: url(../images/nav/navMain__icon-use-active.png); }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-use.is-activePC {
      color: #e79e02;
      border-bottom-color: #e79e02; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-use.is-activePC::before {
      background-image: url(../images/nav/navMain__icon-use-pc-ov.svg); }
      .no-flexbox .navMain__anchor.navMain__anchor-use.is-activePC::before {
        background-image: url(../images/nav/navMain__icon-use-pc-ov.png); } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-variation {
      padding-left: 34px; } }
  .navMain__anchor.navMain__anchor-variation::before {
    width: 15px;
    height: 10px;
    background-image: url(../images/nav/navMain__icon-variation.svg);
    left: 9px; }
    .no-flexbox .navMain__anchor.navMain__anchor-variation::before {
      background-image: url(../images/nav/navMain__icon-variation.png); }
    @media (min-width: 769px) {
      .navMain__anchor.navMain__anchor-variation::before {
        width: 28px;
        height: 20px;
        left: 0; } }
  .navMain__anchor.navMain__anchor-variation.is-active {
    background-color: #53b566; }
    .navMain__anchor.navMain__anchor-variation.is-active::before {
      background-image: url(../images/nav/navMain__icon-variation-active.png); }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-variation.is-activePC {
      color: #53b566;
      border-bottom-color: #53b566; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-variation.is-activePC::before {
      background-image: url(../images/nav/navMain__icon-variation-pc-ov.svg); }
      .no-flexbox .navMain__anchor.navMain__anchor-variation.is-activePC::before {
        background-image: url(../images/nav/navMain__icon-variation-pc-ov.png); } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-campaign {
      padding-left: 20px; } }
  .navMain__anchor.navMain__anchor-campaign::before {
    width: 12px;
    height: 15px;
    background-image: url(../images/nav/navMain__icon-campaign.svg);
    left: 11px; }
    .no-flexbox .navMain__anchor.navMain__anchor-campaign::before {
      background-image: url(../images/nav/navMain__icon-campaign.png); }
    @media (min-width: 769px) {
      .navMain__anchor.navMain__anchor-campaign::before {
        width: 15px;
        height: 18px;
        left: 0; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-campaign.is-activePC {
      color: #ea4c5f;
      border-bottom-color: #ea4c5f; } }
  @media (min-width: 769px) {
    .navMain__anchor.navMain__anchor-campaign.is-activePC::before {
      background-image: url(../images/nav/navMain__icon-campaign-pc-ov.svg); }
      .no-flexbox .navMain__anchor.navMain__anchor-campaign.is-activePC::before {
        background-image: url(../images/nav/navMain__icon-campaign-pc-ov.png); } }

/* メガメニュー（下層メニュー） */
.navMegaMenu {
  background-color: #f2f2f2;
  margin-bottom: -1px;
  overflow: hidden; }
  .navMegaMenu.is-hidden {
    display: none; }
  @media (min-width: 769px) {
    .navMegaMenu {
      width: 100%;
      position: absolute;
      top: 117px;
      left: 0;
      z-index: 2000; } }

.navMegaMenu__container {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% + 1px);
  padding: 0;
  margin: 0; }
  .no-flexbox .navMegaMenu__container {
    *zoom: 1; }
    .no-flexbox .navMegaMenu__container:before, .no-flexbox .navMegaMenu__container:after {
      content: " ";
      display: table; }
    .no-flexbox .navMegaMenu__container:after {
      clear: both; }

.navMegaMenu__item {
  font-size: 12px;
  line-height: 1.25;
  width: 50%;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6; }
  .navMegaMenu__item.is-full {
    width: 100%; }
    @media (min-width: 769px) {
      .navMegaMenu__item.is-full {
        display: none !important; } }
  .no-flexbox .navMegaMenu__item {
    float: left; }

.navMegaMenu__anchor {
  color: #333333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 17px 0 10px;
  position: relative; }
  .no-flexbox .navMegaMenu__anchor {
    display: block; }
  .navMegaMenu__anchor::after {
    content: "";
    display: block;
    width: 7px;
    height: 10px;
    background: url(../images/link-bullet__arrow-gray.png) right center no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.is-use .navMegaMenu__image {
  display: none; }

.no-flexbox .navMegaMenu__text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.navMegaMenu__search {
  padding: 10px 10px 0;
  position: relative; }
  .navMegaMenu__search .search__inputText {
    font-size: 12px;
    width: 100%;
    background-color: #cccccc;
    padding: 10px 25px 10px 6px;
    border: none 0;
    border-radius: 4px;
    outline: none 0; }
  .navMegaMenu__search .search__btn {
    line-height: 0;
    display: block;
    box-sizing: content-box;
    width: 10px;
    height: 13px;
    background-color: transparent;
    padding: 10px;
    margin: 0;
    border: none 0;
    position: absolute;
    top: calc(50% + 5px);
    right: 15px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

/* PC用メガメニューのコンテナ  */
#megaMenu-forPC .navMegaMenu {
  background-color: white;
  -ms-overflow-style: none; }

#megaMenu-forPC .navMegaMenu__container {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  *zoom: 1; }
  #megaMenu-forPC .navMegaMenu__container:before, #megaMenu-forPC .navMegaMenu__container:after {
    content: " ";
    display: table; }
  #megaMenu-forPC .navMegaMenu__container:after {
    clear: both; }

#megaMenu-forPC .navMegaMenu__item {
  width: auto;
  border: none; }

#megaMenu-forPC .navMegaMenu__anchor {
  display: block;
  width: auto;
  height: auto;
  background: none;
  padding: 0; }
  #megaMenu-forPC .navMegaMenu__anchor::after {
    display: none;
    height: auto;
    background: none;
    padding: 0; }

#megaMenu-forPC .megaMenu__linkPt1 {
  text-align: center;
  margin: 0; }

#megaMenu-forPC .megaMenu__linkPt1_Anchor {
  color: #4873ce;
  font-size: 16px;
  line-height: 1;
  background: url(../images/link-bullet__arrowWhite-circleBlue.svg) 0 center no-repeat;
  background-size: 12px;
  padding-left: 29px; }

#megaMenu-forPC .is-buy {
  padding: 40px 0 44px;
  border-top: 4px solid #4873ce;
  border-bottom: 4px solid #4873ce; }
  #megaMenu-forPC .is-buy .navMegaMenu__container {
    max-width: 1060px;
    margin: 0 auto; }
  #megaMenu-forPC .is-buy .navMegaMenu__item {
    width: 100%;
    height: 90px;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 18px;
    *zoom: 1; }
    #megaMenu-forPC .is-buy .navMegaMenu__item:before, #megaMenu-forPC .is-buy .navMegaMenu__item:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-buy .navMegaMenu__item:after {
      clear: both; }
  #megaMenu-forPC .is-buy .navMegaMenu__anchor {
    color: white;
    font-size: 16px;
    text-align: center;
    display: block;
    width: 177px;
    height: 100%;
    background-color: #4873ce;
    position: relative;
    float: left; }
  #megaMenu-forPC .is-buy .navMegaMenu__text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  #megaMenu-forPC .is-buy .navMegaMenu__shopListWrapper {
    padding: 0 63px 0 240px;
    position: relative; }
  #megaMenu-forPC .is-buy .navMegaMenu__shopList {
    height: 100%;
    padding: 12px 0; }
  #megaMenu-forPC .is-buy .navMegaMenu__shop {
    width: 92px !important; }
  #megaMenu-forPC .is-buy .flex-viewport {
    height: 86px; }
  #megaMenu-forPC .is-buy .flex-nav-prev,
  #megaMenu-forPC .is-buy .flex-nav-next {
    width: 45px;
    height: 100%;
    background-color: #e6e6e6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    margin: 0;
    top: 0;
    opacity: 1 !important;
    overflow: hidden;
    position: absolute;
    z-index: 600; }
    #megaMenu-forPC .is-buy .flex-nav-prev:hover,
    #megaMenu-forPC .is-buy .flex-nav-next:hover {
      outline: none; }
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev,
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-next,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-prev,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-next {
      text-align: left;
      text-indent: -9999px;
      display: block;
      width: 45px;
      height: 86px;
      background-color: #e6e6e6;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 21px 21px;
      margin: 0;
      opacity: 1 !important;
      left: 0;
      right: auto;
      top: 0; }
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev::before,
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-next::before,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-prev::before,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-next::before {
        content: '';
        display: none; }
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev.flex-disabled,
      #megaMenu-forPC .is-buy .flex-nav-prev .flex-next.flex-disabled,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-prev.flex-disabled,
      #megaMenu-forPC .is-buy .flex-nav-next .flex-next.flex-disabled {
        display: none; }
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-prev,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-prev {
      background-image: url(../images/nav/megaMenu__carouselBtn-left.svg); }
    #megaMenu-forPC .is-buy .flex-nav-prev .flex-next,
    #megaMenu-forPC .is-buy .flex-nav-next .flex-next {
      background-image: url(../images/nav/megaMenu__carouselBtn-right.svg); }
  #megaMenu-forPC .is-buy .flex-nav-prev {
    background-image: url(../images/nav/megaMenu__carouselBtnDisabled-left.svg);
    left: 177px; }
  #megaMenu-forPC .is-buy .flex-nav-next {
    background-image: url(../images/nav/megaMenu__carouselBtnDisabled-right.svg);
    right: 0; }

#megaMenu-forPC .is-use {
  padding: 30px 0 46px;
  border-top: 4px solid #e79e02;
  border-bottom: 4px solid #e79e02; }
  #megaMenu-forPC .is-use .navMegaMenu__search {
    max-width: 640px;
    padding: 0;
    margin: 0 auto; }
  #megaMenu-forPC .is-use .search__inputText {
    font-size: 14px;
    background-color: #eeeeee;
    padding-left: 15px;
    border: 1px solid #cccccc;
    border-radius: 8px; }
  #megaMenu-forPC .is-use .search__btn {
    width: 19px;
    height: 24px;
    top: 50%;
    right: 9px; }
  #megaMenu-forPC .is-use .navMegaMenu__container {
    *zoom: 1;
    background: url(../images/nav/megaMenu__use_bg.png) 0 0 repeat-x;
    padding: 0 90px 11px; }
    #megaMenu-forPC .is-use .navMegaMenu__container:before, #megaMenu-forPC .is-use .navMegaMenu__container:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-use .navMegaMenu__container:after {
      clear: both; }
  #megaMenu-forPC .is-use .navMegaMenu__item {
    text-align: center;
    width: 20%;
    height: 121px;
    margin: 0 0 13px;
    position: relative;
    float: left; }
    .no-flexbox #megaMenu-forPC .is-use .navMegaMenu__item {
      overflow: hidden; }
  #megaMenu-forPC .is-use .navMegaMenu__anchor {
    font-size: 14px;
    line-height: 1;
    display: block;
    background-position: center top;
    background-repeat: no-repeat; }
    .no-flexbox #megaMenu-forPC .is-use .navMegaMenu__anchor {
      height: 121px; }
    #megaMenu-forPC .is-use .navMegaMenu__anchor:hover {
      color: #e79e02; }
      #megaMenu-forPC .is-use .navMegaMenu__anchor:hover .navMegaMenu__image {
        opacity: 1; }
  #megaMenu-forPC .is-use .navMegaMenu__image {
    display: inline; }
  #megaMenu-forPC .is-use .navMegaMenu__text {
    text-align: center;
    white-space: nowrap;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) 0 center no-repeat;
    background-size: 12px;
    padding-left: 21px;
    position: absolute;
    top: 75px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    .no-flexbox #megaMenu-forPC .is-use .navMegaMenu__text {
      position: absolute;
      top: 65%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }

#megaMenu-forPC .is-variation {
  padding: 15px 0 5px;
  border-top: 4px solid #53b566;
  border-bottom: 4px solid #53b566; }
  #megaMenu-forPC .is-variation .navMegaMenu__container {
    text-align: center;
    max-width: 865px;
    background: url(../images/nav/megaMenu__variation_bg.png) 0 -18px repeat-x;
    padding: 0 10px;
    *zoom: 1; }
    #megaMenu-forPC .is-variation .navMegaMenu__container:before, #megaMenu-forPC .is-variation .navMegaMenu__container:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-variation .navMegaMenu__container:after {
      clear: both; }
  #megaMenu-forPC .is-variation .navMegaMenu__item {
    width: 100%;
    max-width: 200px;
    margin: 0 0 33px 15px;
    float: left; }
    #megaMenu-forPC .is-variation .navMegaMenu__item:nth-child(2), #megaMenu-forPC .is-variation .navMegaMenu__item:nth-child(6) {
      margin-left: 0; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-sheet {
      background: url(../images/nav/megaMenu__var-sheet.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-gift {
      background: url(../images/nav/megaMenu__var-gift.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-wmcard {
      background: url(../images/nav/megaMenu__var-wmcard.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-app {
      background: url(../images/nav/megaMenu__var-app.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-auWallet {
      background: url(../images/nav/megaMenu__var-auWallet.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-proper {
      background: url(../images/nav/megaMenu__var-proper.png) center 54% no-repeat; }
    #megaMenu-forPC .is-variation .navMegaMenu__item.is-wallet {
      background: url(../images/nav/megaMenu__var-wallet.png) center 54% no-repeat; }
  #megaMenu-forPC .is-variation .navMegaMenu__anchor {
    color: #222222;
    display: block;
    padding-top: 95px; }
    #megaMenu-forPC .is-variation .navMegaMenu__anchor:hover {
      color: #53b566; }
  #megaMenu-forPC .is-variation .navMegaMenu__subTitle {
    color: white;
    font-size: 12px;
    line-height: 1.4;
    display: block;
    height: 40px;
    background-color: #53b566;
    border-radius: 8px;
    position: relative; }
    #megaMenu-forPC .is-variation .navMegaMenu__subTitle::after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-top: 10px solid #53b566;
      position: absolute;
      bottom: -14px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    #megaMenu-forPC .is-variation .navMegaMenu__subTitle span {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  #megaMenu-forPC .is-variation .navMegaMenu__textWrapper {
    display: block;
    width: 100%;
    height: 35px;
    position: relative; }
  #megaMenu-forPC .is-variation .navMegaMenu__text {
    font-size: 13px;
    white-space: nowrap;
    display: inline-block;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) 0 center no-repeat;
    background-size: 12px;
    padding-left: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

#megaMenu-forPC .is-campaign {
  padding: 29px 0 38px;
  border-top: 4px solid #ea4c5f;
  border-bottom: 4px solid #ea4c5f; }
  #megaMenu-forPC .is-campaign .navMegaMenu__container {
    max-width: 751px;
    margin-bottom: 12px;
    *zoom: 1; }
    #megaMenu-forPC .is-campaign .navMegaMenu__container:before, #megaMenu-forPC .is-campaign .navMegaMenu__container:after {
      content: " ";
      display: table; }
    #megaMenu-forPC .is-campaign .navMegaMenu__container:after {
      clear: both; }
  #megaMenu-forPC .is-campaign .navMegaMenu__item {
    max-width: 363px;
    margin: 0 0 17px;
    float: left; }
    #megaMenu-forPC .is-campaign .navMegaMenu__item:nth-child(2n-1) {
      margin-right: 25px; }

.tip_box {
  padding: 6px; }

.tip_box h3 {
  font-weight: bold;
  padding-bottom: 6px; }

.tip_camp_bnr img {
  width: 440px;
  height: 170px; }

.tip_variation {
  width: 420px;
  padding: 6px 0 0 6px; }

.tip_variation p {
  margin-bottom: 10px; }

.tip_variation ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.tip_variation ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 30px;
  margin-bottom: 10px; }

.tip_variation ul li:nth-child(3n),
.tip_variation ul li:last-child {
  margin-right: 0; }

/* ユーティリティナビ（お問い合わせ・ヘルプ） */
.navUtility__wrapper {
  background-color: #e6e6e6;
  padding: 20px 20px 36px; }
  @media (min-width: 769px) {
    .navUtility__wrapper {
      background: none;
      padding: 0;
      position: absolute;
      top: 17px;
      right: 260px; } }

/* ユーティリティナビ > リスト（UL） */
.navUtility__container {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 0 20px; }
  .no-flexbox .navUtility__container {
    *zoom: 1; }
    .no-flexbox .navUtility__container:before, .no-flexbox .navUtility__container:after {
      content: " ";
      display: table; }
    .no-flexbox .navUtility__container:after {
      clear: both; }
  @media (min-width: 769px) {
    .navUtility__container {
      margin: 0; } }

/* ユーティリティナビ > リストアイテム（LI） */
.navUtility__item {
  font-size: 11px;
  line-height: 1;
  text-align: center;
  background: white url(../images/link-bullet__arrow-gray.png) 12px center no-repeat;
  background-size: 7px 10px;
  border-radius: 4px;
  width: calc(50% - 4px); }
  .no-flexbox .navUtility__item {
    float: left; }
  .navUtility__item:nth-child(3n-1) {
    margin-right: 4px; }
  .navUtility__item:nth-child(3n) {
    margin-left: 4px; }
  @media (min-width: 769px) {
    .navUtility__item {
      font-size: 12px;
      background: none;
      width: auto;
      margin: 0 0 0 25px !important; } }

/* ユーティリティナビ > アンカータグ（a） */
.navUtility__anchor {
  color: #6a6d6d;
  display: block;
  padding: 10px 0; }
  @media (min-width: 769px) {
    .navUtility__anchor {
      color: #222222;
      padding: 0; } }
  @media (min-width: 769px) {
    .navUtility__anchor:hover {
      text-decoration: underline; } }
  @media (min-width: 769px) {
    .navUtility__anchor.is-company {
      background-image: url(../images/nav/utility_company-pc.svg);
      background-size: 7px 13px;
      background-repeat: no-repeat;
      padding-left: 11px; }
      .no-flexbox .navUtility__anchor.is-company {
        background-image: url(../images/nav/utility_company-pc.png); } }
  @media (min-width: 769px) {
    .navUtility__anchor.is-contact {
      background-image: url(../images/nav/utility_contact-pc.svg);
      background-repeat: no-repeat;
      background-size: 17px 13px;
      padding-left: 20px; }
      .no-flexbox .navUtility__anchor.is-contact {
        background-image: url(../images/nav/utility_contact-pc.png); } }
  @media (min-width: 769px) {
    .navUtility__anchor.is-help {
      background-image: url(../images/nav/utility_help-pc.svg);
      background-repeat: no-repeat;
      padding-left: 17px; } }

/* ナビゲーション > 残高の確認（残高照会・引き継ぎ・ウォレット） */
.navGlobal-balance {
  width: 100%;
  background-color: #426ccf;
  padding: 0 20px;
  position: absolute;
  top: 50px;
  left: 0; }
  .navGlobal-balance.is-hidden {
    display: none; }
  @media (min-width: 769px) {
    .navGlobal-balance {
      display: block;
      width: auto;
      background: none;
      left: auto;
      top: 0;
      right: 0;
      padding: 0; }
      .navGlobal-balance.is-hidden {
        display: block; } }

/* ナビゲーション > 残高の確認 > レイアウト用div */
.navGlobal-balanceInner {
  max-width: 528px;
  padding: 20px 0 42px;
  margin: 0 auto;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 769px) {
    .navGlobal-balanceInner {
      padding: 0;
      margin: 0;
      overflow: hidden; } }

/* ナビゲーション > 残高の確認 > リスト（UL） */
.navGlobal-balance__container {
  list-style: none;
  padding: 0;
  margin: 0 auto 14px; }
  @media (min-width: 769px) {
    .navGlobal-balance__container {
      *zoom: 1; }
      .navGlobal-balance__container:before, .navGlobal-balance__container:after {
        content: " ";
        display: table; }
      .navGlobal-balance__container:after {
        clear: both; } }

/* ナビゲーション > 残高の確認 > リストアイテム（LI） */
.navGlobal-balance__item {
  background-color: #2a4482;
  border-radius: 4px; }
  @media (min-width: 769px) {
    .navGlobal-balance__item {
      text-align: center;
      width: 120px;
      background: none;
      border-radius: 0;
      float: left; } }
  .navGlobal-balance__item + .navGlobal-balance__item {
    margin: 10px 0 0; }
    @media (min-width: 769px) {
      .navGlobal-balance__item + .navGlobal-balance__item {
        margin: 0 0 0 2px; } }
.navGlobal-balance__item-takeover{
  background-color: #aaaaaa;
  }

/* ナビゲーション > 残高の確認 > アンカータグ（a） */
.navGlobal-balance__anchor {
  color: white;
  display: block;
  padding: 10px 10px 10px 18.92857%;
  position: relative; }
  @media (min-width: 769px) {
    .navGlobal-balance__anchor {
      background-color: #4873ce;
      padding: 15px 0 14px;
      opacity: 1;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      transition-property: opacity;
      transition-duration: 0.3s;
      transition-delay: 0s;
      transition-timing-function: ease-in; }
      .navGlobal-balance__anchor-off {
      background-color: #aaaaaa;} }
  @media (min-width: 769px) {
    .navGlobal-balance__anchor:hover {
      opacity: 0.5; } }
  .navGlobal-balance__anchor::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/link-bullet__arrowBlue-circleWhite.png);
    background-size: contain;
    position: absolute;
    top: 19px;
    right: 12px; }
    @media (min-width: 769px) {
      .navGlobal-balance__anchor::after {
        display: none; } }
  .navGlobal-balance__anchor::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute; }
  .navGlobal-balance__item-balance .navGlobal-balance__anchor::before {
    width: 26px;
    height: 18px;
    background-image: url(../images/nav/navGlobal_balance__balance.png);
    top: 15px;
    left: 14px; }
    @media (min-width: 769px) {
      .navGlobal-balance__item-balance .navGlobal-balance__anchor::before {
        width: 20px;
        height: 14px;
        background-image: url(../images/nav/navGlobal_balance__balance-pc.svg);
        left: 18px; }
        .no-flexbox .navGlobal-balance__item-balance .navGlobal-balance__anchor::before {
          background-image: url(../images/nav/navGlobal_balance__balance-pc.png); } }
  @media (min-width: 769px) {
    .navGlobal-balance__item-balance .navGlobal-balance__anchor .navGlobal-balance__title {
      padding-left: 24px; } }
  .navGlobal-balance__item-takeover .navGlobal-balance__anchor::before {
    width: 26px;
    height: 21px;
    background-image: url(../images/nav/navGlobal_balance__takeover.png);
    top: 14px;
    left: 16px; }
    @media (min-width: 769px) {
      .navGlobal-balance__item-takeover .navGlobal-balance__anchor::before {
        width: 18px;
        height: 14px;
        background-image: url(../images/nav/navGlobal_balance__takeover-pc.svg);
        top: 16px;
        left: 5px; }
        .no-flexbox .navGlobal-balance__item-takeover .navGlobal-balance__anchor::before {
          background-image: url(../images/nav/navGlobal_balance__takeover-pc.png); } }
  @media (min-width: 769px) {
    .navGlobal-balance__item-takeover .navGlobal-balance__anchor .navGlobal-balance__title {
      padding-left: 20px; } }
  .navGlobal-balance__item-wallet .navGlobal-balance__anchor::before {
    width: 17px;
    height: 17px;
    background-image: url(../images/nav/navGlobal_balance__wallet.png);
    top: 16px;
    left: 21px; }
    @media (min-width: 769px) {
      .navGlobal-balance__item-wallet .navGlobal-balance__anchor::before {
        width: 13px;
        height: 13px;
        background-image: url(../images/nav/navGlobal_balance__wallet-pc.svg);
        top: 15px;
        left: 17px; }
        .no-flexbox .navGlobal-balance__item-wallet .navGlobal-balance__anchor::before {
          background-image: url(../images/nav/navGlobal_balance__wallet-pc.png); } }
  @media (min-width: 769px) {
    .navGlobal-balance__item-wallet .navGlobal-balance__anchor .navGlobal-balance__title {
      padding-left: 17px; } }

.navGlobal-balance__subTitle {
  font-size: 9px;
  line-height: 1;
  display: block;
  margin: 0 0 5px; }
  @media (min-width: 769px) {
    .navGlobal-balance__subTitle {
      display: none; } }

.navGlobal-balance__title {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  margin: 0 0 1px; }
  @media (min-width: 769px) {
    .navGlobal-balance__title {
      font-weight: normal; } }

.navGlobal-balance__title>span{
	font-size:75%;
}


/* カードのバリエーション */
.navGlobal-balance__btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 22px; }
  .no-flexbox .navGlobal-balance__btn {
    *zoom: 1; }
    .no-flexbox .navGlobal-balance__btn:before, .no-flexbox .navGlobal-balance__btn:after {
      content: " ";
      display: table; }
    .no-flexbox .navGlobal-balance__btn:after {
      clear: both; }
  @media (min-width: 769px) {
    .navGlobal-balance__btn {
      display: none; } }
  .navGlobal-balance__btn .btn__item {
    text-align: center;
    width: 46%;
    width: calc(50% - 10px);
    background-color: white;
    border: 3px solid #eeeeee;
    border-radius: 6px; }
    .no-flexbox .navGlobal-balance__btn .btn__item {
      float: left; }
    .navGlobal-balance__btn .btn__item:nth-child(2n-1) {
      margin-right: 10px; }
    .navGlobal-balance__btn .btn__item:nth-child(2n) {
      margin-left: 10px; }
  .navGlobal-balance__btn .btn__anchor {
    color: #222222;
    display: block; }
  .navGlobal-balance__btn .btn__image {
    margin: 0 0 7px; }
  .navGlobal-balance__btn .btn__subTitle {
    font-size: 9px;
    line-height: 1.33333;
    text-align: center;
    display: block;
    margin-bottom: 3px; }
  .navGlobal-balance__btn .btn__title {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) left center no-repeat;
    background-size: 12px;
    padding-left: 15px;
    margin-bottom: 9px; }

.navGlobal-balance__btn .btn__item2{
    text-align: center;
    width:100%;
    background-color: white;
    border: 3px solid #eeeeee;
    border-radius: 6px;
	clear: both;}
  .navGlobal-balance__btn .btn__item2 .btn__anchor {
    color: #222222;
    display: block; }
  .navGlobal-balance__btn .btn__item2 .btn__image {
	  margin:0;width:40%; float:left;}
  .navGlobal-balance__btn .btn__item2 .btn__subTitle {
    font-size: 9px;
    line-height: 1.33333;
    text-align: center;
    display: block;
    margin:20px 3px 3px 3px;
	width:58%;
	float:right;
	}
  .navGlobal-balance__btn .btn__item2 .btn__title {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    background: url(../images/link-bullet__arrowWhite-circleGray.svg) right center no-repeat;
    background-size: 12px;
    padding:0;
    margin:2% 4%;
width:52%;float:right;}
/* スマホ用ドロワー > 閉じるボタン */
.navGlobal__btnClose {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  border-radius: 4px;
  background-position: 13px center;
  background-repeat: no-repeat;
  background-size: 22px 26px;
  margin: 0; }
  @media (min-width: 769px) {
    .navGlobal__btnClose {
      display: none; } }
  .navGlobal__btnClose .btnClose__anchor {
    display: block;
    padding: 14px 0; }
  .navGlobal-navMain .navGlobal__btnClose {
    background-color: #666666;
    background-image: url(../images/nav/navGlobal__btnClose-white.png); }
    .navGlobal-navMain .navGlobal__btnClose .btnClose__anchor {
      color: white; }
  .navGlobal-balance .navGlobal__btnClose {
    background-color: white;
    background-image: url(../images/nav/navGlobal__btnClose-gray.png); }
    .navGlobal-balance .navGlobal__btnClose .btnClose__anchor {
      color: #606363; }

/*　//////////////////////////////////////////////////
　見出し
//////////////////////////////////////////////////　*/
.heading-Lv2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin: 0 0 28px; }
  @media (min-width: 769px) {
    .heading-Lv2 {
      font-size: 36px;
      font-weight: 400;
      margin-bottom: 62px; } }

/*　//////////////////////////////////////////////////
　 リンクとボタン
//////////////////////////////////////////////////　*/
/* もっとかしこく、あんぜんに > たとえばこんな使い方ボタン */
.linkBtn__regular {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  width: 100%;
  max-width: 240px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .linkBtn__regular {
      font-size: 16px;
      max-width: 280px; } }
  .linkBtn__regular a {
    color: #426ccf;
    display: block;
    background-color: #ffffff;
    padding: 14px 0;
    border: 2px solid #426ccf;
    border-radius: 22px;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transition-property: color, background-color;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: ease-in; }
    @media (min-width: 769px) {
      .linkBtn__regular a {
        padding: 16px 0;
        border-radius: 27px; } }
    @media (min-width: 769px) {
      .linkBtn__regular a:hover {
        color: white;
        background-color: #426ccf; } }
  .linkBtn__regular span {
    padding-left: 13px;
    position: relative; }
    @media (min-width: 769px) {
      .linkBtn__regular span {
        padding-left: 20px; } }
    .linkBtn__regular span::before, .linkBtn__regular span::after {
      content: "";
      display: block;
      width: 7px;
      height: 11px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (min-width: 769px) {
        .linkBtn__regular span::before, .linkBtn__regular span::after {
          width: 8px;
          height: 14px; } }
    .linkBtn__regular span::before {
      background-image: url(../images/link-bullet__arrowWhite.png); }
    .linkBtn__regular span::after {
      background-image: url(../images/link-bullet__arrow-blue.png);
      opacity: 1; }
      @media (min-width: 769px) {
        .linkBtn__regular span::after {
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          transition-property: opacity;
          transition-duration: 0.3s;
          transition-delay: 0s;
          transition-timing-function: ease-in; } }
  @media (min-width: 769px) {
    .linkBtn__regular a:hover span::after {
      opacity: 0; } }
  .linkBtn__regular.is-bold {
    font-weight: bold;
    font-weight: 700; }
  .linkBtn__regular + .linkBtn__regular {
    margin-top: 10px; }
    @media (min-width: 769px) {
      .linkBtn__regular + .linkBtn__regular {
        margin-top: 0; } }

/*　//////////////////////////////////////////////////
　汎用レイアウトモジュール
//////////////////////////////////////////////////　*/
/* フッター直上のSNSシェアボタン */
.footerSNS {
  padding: 0 0 48px; }
  @media (min-width: 769px) {
    .footerSNS {
      padding-bottom: 36px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .no-flexbox .footerSNS {
        text-align: center;
        display: block; } }

.footerSNS__heading {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin: 0 0 20px; }
  @media (min-width: 769px) {
    .footerSNS__heading {
      font-size: 16px;
      font-weight: bold;
      margin-right: 26px;
      margin-bottom: 0; }
      .no-flexbox .footerSNS__heading {
        vertical-align: middle;
        display: inline-block; } }

.footerSNS__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 769px) {
    .no-flexbox .footerSNS__list {
      vertical-align: middle;
      display: inline-block; } }

.footerSNS__listItem {
  display: inline-block;
  padding: 0;
  margin: 0; }
  .footerSNS__listItem + .footerSNS__listItem {
    margin-left: 10px; }
    @media (min-width: 769px) {
      .footerSNS__listItem + .footerSNS__listItem {
        margin-left: 15px; } }
  .footerSNS__listItem img {
    vertical-align: bottom;
    width: 40px; }
    @media (min-width: 769px) {
      .footerSNS__listItem img {
        width: 48px; } }