/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGOTHIC", Arial, sans-serif; }

/**
 * 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/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
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
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * 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; }

/*csslint important:false*/
/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
/**
 * Extra rules that Pure adds on top of Normalize.css
 */
/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */
.hidden,
[hidden] {
  display: none !important; }

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
  max-width: 100%;
  height: auto;
  display: block; }

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g {
  letter-spacing: -0.31em;
  /* Webkit: collapse white-space between units */
  *letter-spacing: normal;
  /* reset IE < 8 */
  *word-spacing: -0.43em;
  /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
  /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yahoo/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGOTHIC", Arial, sans-serif;
  /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */
  display: -webkit-flex;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  /* Prevents distributing space between rows */
  -ms-align-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em; }

@-moz-document url-prefix() {
  .pure-g {
    letter-spacing: -0.34em; } }

.pure-u {
  display: inline-block;
  *display: inline;
  /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*="pure-u"] {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGOTHIC", Arial, sans-serif; }

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%; }

.pure-u-1-12,
.pure-u-2-24 {
  width: 8.3333%;
  *width: 8.3023%; }

.pure-u-1-8,
.pure-u-3-24 {
  width: 12.5000%;
  *width: 12.4690%; }

.pure-u-1-6,
.pure-u-4-24 {
  width: 16.6667%;
  *width: 16.6357%; }

.pure-u-1-5 {
  width: 20%;
  *width: 19.9690%; }

.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%; }

.pure-u-1-4,
.pure-u-6-24 {
  width: 25%;
  *width: 24.9690%; }

.pure-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%; }

.pure-u-1-3,
.pure-u-8-24 {
  width: 33.3333%;
  *width: 33.3023%; }

.pure-u-3-8,
.pure-u-9-24 {
  width: 37.5000%;
  *width: 37.4690%; }

.pure-u-2-5 {
  width: 40%;
  *width: 39.9690%; }

.pure-u-5-12,
.pure-u-10-24 {
  width: 41.6667%;
  *width: 41.6357%; }

.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%; }

.pure-u-1-2,
.pure-u-12-24 {
  width: 50%;
  *width: 49.9690%; }

.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%; }

.pure-u-7-12,
.pure-u-14-24 {
  width: 58.3333%;
  *width: 58.3023%; }

.pure-u-3-5 {
  width: 60%;
  *width: 59.9690%; }

.pure-u-5-8,
.pure-u-15-24 {
  width: 62.5000%;
  *width: 62.4690%; }

.pure-u-2-3,
.pure-u-16-24 {
  width: 66.6667%;
  *width: 66.6357%; }

.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%; }

.pure-u-3-4,
.pure-u-18-24 {
  width: 75%;
  *width: 74.9690%; }

.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%; }

.pure-u-4-5 {
  width: 80%;
  *width: 79.9690%; }

.pure-u-5-6,
.pure-u-20-24 {
  width: 83.3333%;
  *width: 83.3023%; }

.pure-u-7-8,
.pure-u-21-24 {
  width: 87.5000%;
  *width: 87.4690%; }

.pure-u-11-12,
.pure-u-22-24 {
  width: 91.6667%;
  *width: 91.6357%; }

.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%; }

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
  width: 100%; }

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("//netdna.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("//netdna.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("//netdna.bootstrapcdn.com/font-awesome/4.6.1/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/**/
/*main*/
#svcMenu,
#gNavi,
#ftSiteMap_v2,
#ftSiteMap_group_link {
  display: none; }

#container {
  width: 100%; }

#headerRim,
#footer {
  width: 980px;
  margin-left: auto;
  margin-right: auto; }

/**/
.gutter-30-g {
  margin-left: -15px;
  margin-right: -15px; }

.gutter-30-g > [class*="pure-u"] {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px; }

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

.c-svc-1 {
  color: #5aad07; }

.c-svc-2 {
  color: #3d8bd3; }

.c-svc-3 {
  color: #f7ba00; }

.c-svc-1-d {
  color: #3f9205; }

.c-svc-2-d {
  color: #286bc2; }

.c-svc-3-d {
  color: #f29700; }

/**/
#contents {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGOTHIC", Arial, sans-serif;
  font-size: 16px;
  background-image: url(../images/u-bg_body.png);
  background-repeat: repeat-x;
  width: 100%;
  margin-top: -6px;
  padding: 20px 0 60px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#contents a {
  color: #0075ba; }

#contents .pm-buttons {
  text-align: center;
  margin-top: 2em; }

#contents .pm-buttons ul {
  list-style: none;
  padding: 0;
  letter-spacing: -.41em; }

#contents .pm-buttons li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 35px; }

#contents .pm-buttons a {
  display: block;
  font-size: 1.3125em;
  background-color: #1755b4;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  padding: 1em 1em .8em;
  border-radius: 7px;
  /* width: 330px; */
  width: 360px;
  box-sizing: border-box;
  transition: background-color .3s ease 0; }

#contents .pm-buttons a:after {
  font-family: 'FontAwesome';
  content: "\f061";
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf061;');
  float: right;
  position: relative;
  top: -.075em; }

#contents .pm-buttons a:hover {
  background-color: #1c68dd; }

.cw-g {
  width: 1140px;
  margin: 0 auto; }

.text-img {
  position: absolute;
  top: -999px; }

.pagetop-pm {
  text-align: right;
  margin-top: 1.25em;
  margin-bottom: 1.5em;
  padding-right: 20px; }

.pagetop-pm span:before {
  font-family: 'FontAwesome';
  content: "\f0aa";
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0aa;');
  margin-right: .5em;
  display: inline-block;
  height: 1em;
  width: 1em;
  position: relative;
  top: 1px;
  color: #0075ba; }

.pagetop-pm a {
  text-decoration: none;
  font-size: 0.875em;
  line-height: 1.1; }

.pagetop-pm a:hover {
  text-decoration: underline; }

.sp-line-top {
  border-top: solid 2px #c4ced8; }

.list-hand {
  list-style: none;
  padding: 0;
  line-height: 1.5; }

.list-hand li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-top: .5em;
  margin-bottom: .5em; }

.list-hand li:before {
  font-family: 'FontAwesome';
  content: "\f0a4";
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0a4;');
  display: inline-block;
  width: 1em;
  text-align: center;
  margin-right: .5em;
  text-indent: 0;
  color: #12499d; }

/**/
.hero-g {
  height: 490px;
  background-image: url(../images/hero-img.jpg);
  background-repeat: no-repeat;
  position: relative; }

.hero-g h1 {
  width: 137px;
  height: 57px;
  position: absolute;
  left: -20px;
  top: 48px;
  margin: 0; }

.hero-g #pMenu.scr-menu-g {
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%; }

.hero-g #pMenu.scr-menu-g ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  letter-spacing: -.41em; }

.hero-g #pMenu.scr-menu-g li {
  letter-spacing: normal;
  width: 320px;
  display: inline-block;
  padding: 0 14px; }

.hero-g #pMenu.scr-menu-g a {
  display: block;
  border: solid 2px #dabe62;
  border-radius: 9px;
  line-height: 1;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  padding: 1.45em 0 1.25em;
  background-color: #113961;
  position: relative;
  overflow: hidden;
  transition: background-color .3s ease 0, top .3s ease 0; }

.hero-g #pMenu.scr-menu-g a span {
  display: inline-block; }

.hero-g #pMenu.scr-menu-g a:after {
  font-family: 'FontAwesome';
  content: "\f063";
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf063;');
  color: #7c7861;
  display: block;
  position: absolute;
  bottom: .35em;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 28px;
  line-height: 0;
  transition: bottom .3s ease 0; }

.hero-g #pMenu.scr-menu-g a:hover {
  background-color: #fff;
  color: #1755b4;
  border-color: #113961;
  top: -5px;
  font-weight: bold; }

.hero-g #pMenu.scr-menu-g a:hover:after {
  color: #1755b4; }

.hero-g #pMenu.scr-menu-g a:active {
  top: 0; }

.panel-g {
  background-color: #f7f8fa;
  padding: 40px 25px;
  margin-top: 20px;
  position: relative; }

.panel-g:before, .panel-g:after {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
  position: absolute;
  top: -20px;
  left: 0;
  background-image: url(../images/u-bg-panel-top.png);
  background-repeat: no-repeat; }

.panel-g:after {
  background-position: right top; }

.panel-g h2 {
  margin-top: 0;
  font-size: 1.875em;
  font-weight: normal;
  color: #113961;
  position: relative;
  box-sizing: border-box;
  border-bottom: solid 7px #12499d;
  padding-bottom: .2em; }

.panel-g h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 4em;
  height: 7px;
  background-color: #d7aa00; }

.panel-g .read-g {
  text-align: center;
  line-height: 1.75;
  font-size: 1.125em; }

.panel-g .pb-text {
  text-align: center;
  line-height: 1.75;
  font-size: 1.125em;
  margin: 2em 0 0; }

.panel-g .pb-text p {
  margin: 0; }

.thumb-g {
  margin-top: 40px;
  margin-bottom: 40px; }

.thumb-g .thumb-u {
  width: 205px; }

.thumb-g .thumb-u p {
  margin: 0; }

.thumb-g .text-u {
  width: 915px; }

.thumb-g .text-u h3 {
  font-size: 1.875em;
  font-weight: normal;
  margin-top: 0;
  color: #12499d;
  margin-bottom: .75em;
  line-height: 1.25; }

.thumb-g .text-u p {
  font-size: 0.875em;
  line-height: 1.75; }

.panel-1 #service-menu h3 {
  color: #fff;
  background-color: #393939;
  font-size: 1.3125em;
  font-weight: normal;
  line-height: 1;
  padding: .75em 0 .65em;
  position: relative; }

.panel-1 #service-menu h3:after {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  background-image: url(../images/u-img-pop-gray.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: -20px; }

.panel-1 #service-menu .button-g {
  background-color: #fff;
  padding: 18px 20px 35px;
  border-bottom: solid 7px #4f5050;
  position: relative; }

.panel-1 #service-menu .button-g .button-i {
  position: relative; }

.panel-1 #service-menu .button-g .button-i:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #333;
  left: 4px;
  top: 7px;
  border-radius: 7px; }

.panel-1 #service-menu .button-g a {
  display: block;
  font-weight: bold;
  font-size: 1.4375em;
  text-decoration: none;
  border: solid 2px #333;
  line-height: 1;
  padding: .9em 0 .65em;
  border-radius: 7px;
  position: relative;
  background-color: #fff;
  transition: background-color .3s ease 0, border-color .3s ease 0; }

.panel-1 #service-menu .button-g a:after {
  font-family: 'FontAwesome';
  content: "\f061";
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf061;');
  font-size: 21px;
  font-weight: normal;
  position: absolute;
  right: 1em;
  top: .9em; }

.panel-1 #service-menu .button-g a:hover {
  color: #fff !important; }

.panel-1 #service-menu .button-g a:active {
  top: 6px;
  left: 3px; }

.panel-1 #service-menu [class*="svc-"] svg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -17px; }

.panel-1 #service-menu .svc-1 polygon {
  fill: #5aad07; }

.panel-1 #service-menu .svc-1 .button-g .button-i:before {
  background-color: #5aad07; }

.panel-1 #service-menu .svc-1 .button-g a {
  color: #3f9205;
  border-color: #5aad07; }

.panel-1 #service-menu .svc-1 .button-g a:hover {
  background-color: #3f9205;
  border-color: #3f9205; }

.panel-1 #service-menu .svc-2 polygon {
  fill: #3d8bd3; }

.panel-1 #service-menu .svc-2 .button-g .button-i:before {
  background-color: #3d8bd3; }

.panel-1 #service-menu .svc-2 .button-g a {
  color: #286bc2;
  border-color: #3d8bd3; }

.panel-1 #service-menu .svc-2 .button-g a:hover {
  background-color: #286bc2;
  border-color: #286bc2; }

.panel-1 #service-menu .svc-3 polygon {
  fill: #f7ba00; }

.panel-1 #service-menu .svc-3 .button-g .button-i:before {
  background-color: #f7ba00; }

.panel-1 #service-menu .svc-3 .button-g a {
  color: #f29700;
  border-color: #f7ba00; }

.panel-1 #service-menu .svc-3 .button-g a:hover {
  background-color: #f29700;
  border-color: #f29700; }

.panel-1 .catch {
  margin: 0 0 9px; }

.panel-1 .catch#opMyCar {
  background-color: #5aad07; }

.panel-1 .catch#opBusiness {
  background-color: #3d8bd3; }

.panel-1 .catch#opOutlet {
  background-color: #f7ba00; }

.panel-1 .summary {
  background-color: #fff;
  font-size: 0.875em;
  line-height: 1.5;
  padding: 30px 20px 0;
  position: relative; }

.panel-1 .summary p {
  margin: 0; }

.panel-2 .link-pd {
  text-align: right; }

.panel-2 .link-pd span {
  display: inline-block; }

.panel-2 .link-pd span:before {
  font-family: 'FontAwesome';
  content: "\f0ab";
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0ab;');
  margin-right: .5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  color: #0075ba; }

.panel-2 .link-pd a {
  text-decoration: none; }

.panel-2 .link-pd a:hover {
  text-decoration: underline; }

.panel-2-1 {
  margin-top: 40px;
  padding-top: 40px; }

.panel-2-1 h3 {
  font-size: 1.875em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: .75em; }

.panel-2-1 .list-hand {
  margin: 0;
  font-size: 0.875em;
  padding: 1em 20px; }

.panel-2-1 .recomm-u {
  background-color: #fff;
  border-bottom: solid 7px #4f5050; }

.panel-2-1 .recomm-u .fig-u {
  text-align: center;
  background-color: #12499d; }

.panel-2-1 .recomm-u .fig-u img {
  display: block; }

.panel-2-1 .recomm-u .fig-u img.xs-show {
  display: none; }

.panel-3 .thumb-g .text-u h3 {
  font-size: 1.5em; }

.panel-3 .thumb-g:last-child {
  margin-bottom: 0; }

.mitemiru-link {
  text-align: center;
  background-color: #12499d;
  padding: 30px 0;
  margin-top: -.5em;
  position: relative; }

.mitemiru-link:after, .mitemiru-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 20px;
  background-image: url(../images/u-bg-panel-top.png);
  background-repeat: no-repeat; }

.mitemiru-link:before {
  background-position: right top; }

.mitemiru-link h2 {
  color: #fff;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: .5em; }

.mitemiru-link ul {
  list-style: none;
  padding: 0;
  margin: 0;
  letter-spacing: -.41em; }

.mitemiru-link li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 15px;
  position: relative;
  margin-top: 1.5em; }

.mitemiru-link li strong {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  color: #fff;
  display: block;
  margin-bottom: .25em;
  font-size: 1.2em; }

.mitemiru-link a {
  display: block;
  position: relative;
  z-index: 1; }

.mitemiru-link a:before {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 6px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: -1; }

.mitemiru-link a img {
  display: block;
  transition: opacity .3s ease 0;
  position: relative; }

.mitemiru-link a:hover img {
  top: -2px;
  left: -1px; }

.mitemiru-link a:active img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  top: 6px;
  left: 4px; }

.orix-link {
  padding: 0 25px 25px;
  margin-top: 70px;
  background-color: #f7f8fa; }

.orix-link h2 {
  font-size: 1.125em;
  padding: 1em 0 .75em;
  line-height: 1;
  text-align: center;
  background-color: #113961;
  color: #fff;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 1.5em; }

.orix-link h3 {
  font-size: 1.125em;
  color: #333; }

.orix-link ul {
  list-style: none;
  padding: 0; }

.orix-link li {
  margin-bottom: .25em; }

.orix-link li:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0da;');
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  margin-right: .25em;
  display: inline-block;
  color: #0075ba; }

.orix-link a {
  text-decoration: none; }

.orix-link a:hover {
  text-decoration: underline; }

.orix-link .link-u {
  padding-right: 80px; }

#ucarAlt a[href*="otoshidama2017"] {
  position: relative;
  z-index: 1; }

#ucarAlt a[href*="otoshidama2017"] img {
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; }

#ucarAlt a[href*="otoshidama2017"]:hover img {
  transform: scale(1.1); }

.xs-show {
  display: none; }

.lg-il-blk {
  display: inline-block; }

.lg-blk {
  display: block; }

@media print, screen and (min-width: 35.5em) {
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-1-2,
  .pure-u-sm-1-3,
  .pure-u-sm-2-3,
  .pure-u-sm-1-4,
  .pure-u-sm-3-4,
  .pure-u-sm-1-5,
  .pure-u-sm-2-5,
  .pure-u-sm-3-5,
  .pure-u-sm-4-5,
  .pure-u-sm-5-5,
  .pure-u-sm-1-6,
  .pure-u-sm-5-6,
  .pure-u-sm-1-8,
  .pure-u-sm-3-8,
  .pure-u-sm-5-8,
  .pure-u-sm-7-8,
  .pure-u-sm-1-12,
  .pure-u-sm-5-12,
  .pure-u-sm-7-12,
  .pure-u-sm-11-12,
  .pure-u-sm-1-24,
  .pure-u-sm-2-24,
  .pure-u-sm-3-24,
  .pure-u-sm-4-24,
  .pure-u-sm-5-24,
  .pure-u-sm-6-24,
  .pure-u-sm-7-24,
  .pure-u-sm-8-24,
  .pure-u-sm-9-24,
  .pure-u-sm-10-24,
  .pure-u-sm-11-24,
  .pure-u-sm-12-24,
  .pure-u-sm-13-24,
  .pure-u-sm-14-24,
  .pure-u-sm-15-24,
  .pure-u-sm-16-24,
  .pure-u-sm-17-24,
  .pure-u-sm-18-24,
  .pure-u-sm-19-24,
  .pure-u-sm-20-24,
  .pure-u-sm-21-24,
  .pure-u-sm-22-24,
  .pure-u-sm-23-24,
  .pure-u-sm-24-24 {
    display: inline-block;
    display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-sm-1-24 {
    width: 4.1667%;
    width: 4.1357%; }
  .pure-u-sm-1-12,
  .pure-u-sm-2-24 {
    width: 8.3333%;
    width: 8.3023%; }
  .pure-u-sm-1-8,
  .pure-u-sm-3-24 {
    width: 12.5000%;
    width: 12.4690%; }
  .pure-u-sm-1-6,
  .pure-u-sm-4-24 {
    width: 16.6667%;
    width: 16.6357%; }
  .pure-u-sm-1-5 {
    width: 20%;
    width: 19.9690%; }
  .pure-u-sm-5-24 {
    width: 20.8333%;
    width: 20.8023%; }
  .pure-u-sm-1-4,
  .pure-u-sm-6-24 {
    width: 25%;
    width: 24.9690%; }
  .pure-u-sm-7-24 {
    width: 29.1667%;
    width: 29.1357%; }
  .pure-u-sm-1-3,
  .pure-u-sm-8-24 {
    width: 33.3333%;
    width: 33.3023%; }
  .pure-u-sm-3-8,
  .pure-u-sm-9-24 {
    width: 37.5000%;
    width: 37.4690%; }
  .pure-u-sm-2-5 {
    width: 40%;
    width: 39.9690%; }
  .pure-u-sm-5-12,
  .pure-u-sm-10-24 {
    width: 41.6667%;
    width: 41.6357%; }
  .pure-u-sm-11-24 {
    width: 45.8333%;
    width: 45.8023%; }
  .pure-u-sm-1-2,
  .pure-u-sm-12-24 {
    width: 50%;
    width: 49.9690%; }
  .pure-u-sm-13-24 {
    width: 54.1667%;
    width: 54.1357%; }
  .pure-u-sm-7-12,
  .pure-u-sm-14-24 {
    width: 58.3333%;
    width: 58.3023%; }
  .pure-u-sm-3-5 {
    width: 60%;
    width: 59.9690%; }
  .pure-u-sm-5-8,
  .pure-u-sm-15-24 {
    width: 62.5000%;
    width: 62.4690%; }
  .pure-u-sm-2-3,
  .pure-u-sm-16-24 {
    width: 66.6667%;
    width: 66.6357%; }
  .pure-u-sm-17-24 {
    width: 70.8333%;
    width: 70.8023%; }
  .pure-u-sm-3-4,
  .pure-u-sm-18-24 {
    width: 75%;
    width: 74.9690%; }
  .pure-u-sm-19-24 {
    width: 79.1667%;
    width: 79.1357%; }
  .pure-u-sm-4-5 {
    width: 80%;
    width: 79.9690%; }
  .pure-u-sm-5-6,
  .pure-u-sm-20-24 {
    width: 83.3333%;
    width: 83.3023%; }
  .pure-u-sm-7-8,
  .pure-u-sm-21-24 {
    width: 87.5000%;
    width: 87.4690%; }
  .pure-u-sm-11-12,
  .pure-u-sm-22-24 {
    width: 91.6667%;
    width: 91.6357%; }
  .pure-u-sm-23-24 {
    width: 95.8333%;
    width: 95.8023%; }
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-5-5,
  .pure-u-sm-24-24 {
    width: 100%; } }

@media print, screen and (min-width: 48em) {
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-1-2,
  .pure-u-md-1-3,
  .pure-u-md-2-3,
  .pure-u-md-1-4,
  .pure-u-md-3-4,
  .pure-u-md-1-5,
  .pure-u-md-2-5,
  .pure-u-md-3-5,
  .pure-u-md-4-5,
  .pure-u-md-5-5,
  .pure-u-md-1-6,
  .pure-u-md-5-6,
  .pure-u-md-1-8,
  .pure-u-md-3-8,
  .pure-u-md-5-8,
  .pure-u-md-7-8,
  .pure-u-md-1-12,
  .pure-u-md-5-12,
  .pure-u-md-7-12,
  .pure-u-md-11-12,
  .pure-u-md-1-24,
  .pure-u-md-2-24,
  .pure-u-md-3-24,
  .pure-u-md-4-24,
  .pure-u-md-5-24,
  .pure-u-md-6-24,
  .pure-u-md-7-24,
  .pure-u-md-8-24,
  .pure-u-md-9-24,
  .pure-u-md-10-24,
  .pure-u-md-11-24,
  .pure-u-md-12-24,
  .pure-u-md-13-24,
  .pure-u-md-14-24,
  .pure-u-md-15-24,
  .pure-u-md-16-24,
  .pure-u-md-17-24,
  .pure-u-md-18-24,
  .pure-u-md-19-24,
  .pure-u-md-20-24,
  .pure-u-md-21-24,
  .pure-u-md-22-24,
  .pure-u-md-23-24,
  .pure-u-md-24-24 {
    display: inline-block;
    display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-md-1-24 {
    width: 4.1667%;
    width: 4.1357%; }
  .pure-u-md-1-12,
  .pure-u-md-2-24 {
    width: 8.3333%;
    width: 8.3023%; }
  .pure-u-md-1-8,
  .pure-u-md-3-24 {
    width: 12.5000%;
    width: 12.4690%; }
  .pure-u-md-1-6,
  .pure-u-md-4-24 {
    width: 16.6667%;
    width: 16.6357%; }
  .pure-u-md-1-5 {
    width: 20%;
    width: 19.9690%; }
  .pure-u-md-5-24 {
    width: 20.8333%;
    width: 20.8023%; }
  .pure-u-md-1-4,
  .pure-u-md-6-24 {
    width: 25%;
    width: 24.9690%; }
  .pure-u-md-7-24 {
    width: 29.1667%;
    width: 29.1357%; }
  .pure-u-md-1-3,
  .pure-u-md-8-24 {
    width: 33.3333%;
    width: 33.3023%; }
  .pure-u-md-3-8,
  .pure-u-md-9-24 {
    width: 37.5000%;
    width: 37.4690%; }
  .pure-u-md-2-5 {
    width: 40%;
    width: 39.9690%; }
  .pure-u-md-5-12,
  .pure-u-md-10-24 {
    width: 41.6667%;
    width: 41.6357%; }
  .pure-u-md-11-24 {
    width: 45.8333%;
    width: 45.8023%; }
  .pure-u-md-1-2,
  .pure-u-md-12-24 {
    width: 50%;
    width: 49.9690%; }
  .pure-u-md-13-24 {
    width: 54.1667%;
    width: 54.1357%; }
  .pure-u-md-7-12,
  .pure-u-md-14-24 {
    width: 58.3333%;
    width: 58.3023%; }
  .pure-u-md-3-5 {
    width: 60%;
    width: 59.9690%; }
  .pure-u-md-5-8,
  .pure-u-md-15-24 {
    width: 62.5000%;
    width: 62.4690%; }
  .pure-u-md-2-3,
  .pure-u-md-16-24 {
    width: 66.6667%;
    width: 66.6357%; }
  .pure-u-md-17-24 {
    width: 70.8333%;
    width: 70.8023%; }
  .pure-u-md-3-4,
  .pure-u-md-18-24 {
    width: 75%;
    width: 74.9690%; }
  .pure-u-md-19-24 {
    width: 79.1667%;
    width: 79.1357%; }
  .pure-u-md-4-5 {
    width: 80%;
    width: 79.9690%; }
  .pure-u-md-5-6,
  .pure-u-md-20-24 {
    width: 83.3333%;
    width: 83.3023%; }
  .pure-u-md-7-8,
  .pure-u-md-21-24 {
    width: 87.5000%;
    width: 87.4690%; }
  .pure-u-md-11-12,
  .pure-u-md-22-24 {
    width: 91.6667%;
    width: 91.6357%; }
  .pure-u-md-23-24 {
    width: 95.8333%;
    width: 95.8023%; }
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-5-5,
  .pure-u-md-24-24 {
    width: 100%; } }

@media screen and (min-width: 64em) {
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-2,
  .pure-u-lg-1-3,
  .pure-u-lg-2-3,
  .pure-u-lg-1-4,
  .pure-u-lg-3-4,
  .pure-u-lg-1-5,
  .pure-u-lg-2-5,
  .pure-u-lg-3-5,
  .pure-u-lg-4-5,
  .pure-u-lg-5-5,
  .pure-u-lg-1-6,
  .pure-u-lg-5-6,
  .pure-u-lg-1-8,
  .pure-u-lg-3-8,
  .pure-u-lg-5-8,
  .pure-u-lg-7-8,
  .pure-u-lg-1-12,
  .pure-u-lg-5-12,
  .pure-u-lg-7-12,
  .pure-u-lg-11-12,
  .pure-u-lg-1-24,
  .pure-u-lg-2-24,
  .pure-u-lg-3-24,
  .pure-u-lg-4-24,
  .pure-u-lg-5-24,
  .pure-u-lg-6-24,
  .pure-u-lg-7-24,
  .pure-u-lg-8-24,
  .pure-u-lg-9-24,
  .pure-u-lg-10-24,
  .pure-u-lg-11-24,
  .pure-u-lg-12-24,
  .pure-u-lg-13-24,
  .pure-u-lg-14-24,
  .pure-u-lg-15-24,
  .pure-u-lg-16-24,
  .pure-u-lg-17-24,
  .pure-u-lg-18-24,
  .pure-u-lg-19-24,
  .pure-u-lg-20-24,
  .pure-u-lg-21-24,
  .pure-u-lg-22-24,
  .pure-u-lg-23-24,
  .pure-u-lg-24-24 {
    display: inline-block;
    display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-lg-1-24 {
    width: 4.1667%;
    width: 4.1357%; }
  .pure-u-lg-1-12,
  .pure-u-lg-2-24 {
    width: 8.3333%;
    width: 8.3023%; }
  .pure-u-lg-1-8,
  .pure-u-lg-3-24 {
    width: 12.5000%;
    width: 12.4690%; }
  .pure-u-lg-1-6,
  .pure-u-lg-4-24 {
    width: 16.6667%;
    width: 16.6357%; }
  .pure-u-lg-1-5 {
    width: 20%;
    width: 19.9690%; }
  .pure-u-lg-5-24 {
    width: 20.8333%;
    width: 20.8023%; }
  .pure-u-lg-1-4,
  .pure-u-lg-6-24 {
    width: 25%;
    width: 24.9690%; }
  .pure-u-lg-7-24 {
    width: 29.1667%;
    width: 29.1357%; }
  .pure-u-lg-1-3,
  .pure-u-lg-8-24 {
    width: 33.3333%;
    width: 33.3023%; }
  .pure-u-lg-3-8,
  .pure-u-lg-9-24 {
    width: 37.5000%;
    width: 37.4690%; }
  .pure-u-lg-2-5 {
    width: 40%;
    width: 39.9690%; }
  .pure-u-lg-5-12,
  .pure-u-lg-10-24 {
    width: 41.6667%;
    width: 41.6357%; }
  .pure-u-lg-11-24 {
    width: 45.8333%;
    width: 45.8023%; }
  .pure-u-lg-1-2,
  .pure-u-lg-12-24 {
    width: 50%;
    width: 49.9690%; }
  .pure-u-lg-13-24 {
    width: 54.1667%;
    width: 54.1357%; }
  .pure-u-lg-7-12,
  .pure-u-lg-14-24 {
    width: 58.3333%;
    width: 58.3023%; }
  .pure-u-lg-3-5 {
    width: 60%;
    width: 59.9690%; }
  .pure-u-lg-5-8,
  .pure-u-lg-15-24 {
    width: 62.5000%;
    width: 62.4690%; }
  .pure-u-lg-2-3,
  .pure-u-lg-16-24 {
    width: 66.6667%;
    width: 66.6357%; }
  .pure-u-lg-17-24 {
    width: 70.8333%;
    width: 70.8023%; }
  .pure-u-lg-3-4,
  .pure-u-lg-18-24 {
    width: 75%;
    width: 74.9690%; }
  .pure-u-lg-19-24 {
    width: 79.1667%;
    width: 79.1357%; }
  .pure-u-lg-4-5 {
    width: 80%;
    width: 79.9690%; }
  .pure-u-lg-5-6,
  .pure-u-lg-20-24 {
    width: 83.3333%;
    width: 83.3023%; }
  .pure-u-lg-7-8,
  .pure-u-lg-21-24 {
    width: 87.5000%;
    width: 87.4690%; }
  .pure-u-lg-11-12,
  .pure-u-lg-22-24 {
    width: 91.6667%;
    width: 91.6357%; }
  .pure-u-lg-23-24 {
    width: 95.8333%;
    width: 95.8023%; }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-5-5,
  .pure-u-lg-24-24 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-1-2,
  .pure-u-xl-1-3,
  .pure-u-xl-2-3,
  .pure-u-xl-1-4,
  .pure-u-xl-3-4,
  .pure-u-xl-1-5,
  .pure-u-xl-2-5,
  .pure-u-xl-3-5,
  .pure-u-xl-4-5,
  .pure-u-xl-5-5,
  .pure-u-xl-1-6,
  .pure-u-xl-5-6,
  .pure-u-xl-1-8,
  .pure-u-xl-3-8,
  .pure-u-xl-5-8,
  .pure-u-xl-7-8,
  .pure-u-xl-1-12,
  .pure-u-xl-5-12,
  .pure-u-xl-7-12,
  .pure-u-xl-11-12,
  .pure-u-xl-1-24,
  .pure-u-xl-2-24,
  .pure-u-xl-3-24,
  .pure-u-xl-4-24,
  .pure-u-xl-5-24,
  .pure-u-xl-6-24,
  .pure-u-xl-7-24,
  .pure-u-xl-8-24,
  .pure-u-xl-9-24,
  .pure-u-xl-10-24,
  .pure-u-xl-11-24,
  .pure-u-xl-12-24,
  .pure-u-xl-13-24,
  .pure-u-xl-14-24,
  .pure-u-xl-15-24,
  .pure-u-xl-16-24,
  .pure-u-xl-17-24,
  .pure-u-xl-18-24,
  .pure-u-xl-19-24,
  .pure-u-xl-20-24,
  .pure-u-xl-21-24,
  .pure-u-xl-22-24,
  .pure-u-xl-23-24,
  .pure-u-xl-24-24 {
    display: inline-block;
    display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-xl-1-24 {
    width: 4.1667%;
    width: 4.1357%; }
  .pure-u-xl-1-12,
  .pure-u-xl-2-24 {
    width: 8.3333%;
    width: 8.3023%; }
  .pure-u-xl-1-8,
  .pure-u-xl-3-24 {
    width: 12.5000%;
    width: 12.4690%; }
  .pure-u-xl-1-6,
  .pure-u-xl-4-24 {
    width: 16.6667%;
    width: 16.6357%; }
  .pure-u-xl-1-5 {
    width: 20%;
    width: 19.9690%; }
  .pure-u-xl-5-24 {
    width: 20.8333%;
    width: 20.8023%; }
  .pure-u-xl-1-4,
  .pure-u-xl-6-24 {
    width: 25%;
    width: 24.9690%; }
  .pure-u-xl-7-24 {
    width: 29.1667%;
    width: 29.1357%; }
  .pure-u-xl-1-3,
  .pure-u-xl-8-24 {
    width: 33.3333%;
    width: 33.3023%; }
  .pure-u-xl-3-8,
  .pure-u-xl-9-24 {
    width: 37.5000%;
    width: 37.4690%; }
  .pure-u-xl-2-5 {
    width: 40%;
    width: 39.9690%; }
  .pure-u-xl-5-12,
  .pure-u-xl-10-24 {
    width: 41.6667%;
    width: 41.6357%; }
  .pure-u-xl-11-24 {
    width: 45.8333%;
    width: 45.8023%; }
  .pure-u-xl-1-2,
  .pure-u-xl-12-24 {
    width: 50%;
    width: 49.9690%; }
  .pure-u-xl-13-24 {
    width: 54.1667%;
    width: 54.1357%; }
  .pure-u-xl-7-12,
  .pure-u-xl-14-24 {
    width: 58.3333%;
    width: 58.3023%; }
  .pure-u-xl-3-5 {
    width: 60%;
    width: 59.9690%; }
  .pure-u-xl-5-8,
  .pure-u-xl-15-24 {
    width: 62.5000%;
    width: 62.4690%; }
  .pure-u-xl-2-3,
  .pure-u-xl-16-24 {
    width: 66.6667%;
    width: 66.6357%; }
  .pure-u-xl-17-24 {
    width: 70.8333%;
    width: 70.8023%; }
  .pure-u-xl-3-4,
  .pure-u-xl-18-24 {
    width: 75%;
    width: 74.9690%; }
  .pure-u-xl-19-24 {
    width: 79.1667%;
    width: 79.1357%; }
  .pure-u-xl-4-5 {
    width: 80%;
    width: 79.9690%; }
  .pure-u-xl-5-6,
  .pure-u-xl-20-24 {
    width: 83.3333%;
    width: 83.3023%; }
  .pure-u-xl-7-8,
  .pure-u-xl-21-24 {
    width: 87.5000%;
    width: 87.4690%; }
  .pure-u-xl-11-12,
  .pure-u-xl-22-24 {
    width: 91.6667%;
    width: 91.6357%; }
  .pure-u-xl-23-24 {
    width: 95.8333%;
    width: 95.8023%; }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-5-5,
  .pure-u-xl-24-24 {
    width: 100%; } }

@media screen and (max-width: 47.999em) {
  .hero-g {
    background-image: url(../images/u-hero-img.jpg); }
  .xs-show {
    display: block; }
  .xs-hide {
    display: none; }
  .xs-il-blk {
    display: inline-block; }
  .lg-il-blk,
  .lg-blk {
    display: inline; }
  img {
    max-width: 100%; }
  .cw-g {
    width: 100%; }
  .gutter-30-g {
    margin-left: -10px;
    margin-right: -10px; }
  .gutter-30-g > [class*="pure-u"] {
    padding-left: 10px;
    padding-right: 10px; }
  #contents {
    padding-top: 0;
    background-image: none;
    padding-bottom: 0;
    margin-top: 0; }
  #contents .pm-buttons {
    margin-top: 1em; }
  #contents .pm-buttons li {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px; }
  #contents .pm-buttons a {
    width: auto; }
  .hero-g {
    background-size: 420px;
    background-position: center 48px;
    background-color: #113961;
    height: 280px; }
  .hero-g h1 {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    background-size: 115%;
    background-position: center top;
    background-image: url(../images/u-hero-img.jpg);
    background-repeat: no-repeat;
    padding-top: 7px;
    height: 50px; }
  .hero-g h1 .xs-h1 {
    display: block;
    background-color: #113961; }
  .hero-g h1 .xs-h1 img {
    width: 121px;
    height: 50px;
    margin: auto;
    display: block; }
  .hero-g #pMenu.scr-menu-g {
    position: absolute;
    bottom: 15px; }
  .hero-g #pMenu.scr-menu-g ul {
    display: -ms-flexbox;
    display: flex; }
  .hero-g #pMenu.scr-menu-g li {
    display: inline-block;
    width: auto;
    margin: auto;
    padding: 0; }
  .hero-g #pMenu.scr-menu-g a {
    padding: 0 10px 20px;
    font-size: 12px;
    border: none;
    border-radius: 0; }
  .hero-g #pMenu.scr-menu-g a:hover {
    background-color: transparent;
    color: #fff; }
  .hero-g #pMenu.scr-menu-g a:hover:after {
    color: #d7aa00; }
  .hero-g #pMenu.scr-menu-g a:after {
    font-size: 18px;
    color: #d7aa00; }
  .panel-g {
    padding: 0 10px 30px; }
  .panel-g:before {
    position: relative;
    height: 0;
    top: -20px;
    border-bottom: solid 20px #c4ced8;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    background-image: none; }
  .panel-g h2 {
    font-size: 21px;
    border-bottom-width: 5px;
    margin-top: 10px; }
  .panel-g h2:after {
    height: 5px;
    bottom: -5px; }
  .panel-g .read-g {
    text-align: left;
    font-size: 0.875em; }
  .pagetop-pm {
    padding-right: 10px; }
  .panel-1 #service-menu > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    letter-spacing: -.31em; }
  .panel-1 #service-menu > div * {
    letter-spacing: normal; }
  .panel-1 #service-menu h3 {
    width: 100%;
    margin-top: 10px; }
  .panel-1 #service-menu .catch {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    margin-bottom: 0; }
  .panel-1 #service-menu .summary {
    width: 60%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    text-align: left; }
  .panel-1 #service-menu .summary svg {
    display: none; }
  .panel-1 #service-menu .button-g {
    width: 100%;
    border-bottom: none;
    box-sizing: border-box; }
  .panel-1 .pb-text {
    text-align: left;
    font-size: 0.875em; }
  .panel-1 .pb-text strong {
    font-size: 1.125em; }
  .thumb-g .thumb-u {
    width: auto; }
  .thumb-g .thumb-u p {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 1em; }
  .thumb-g .text-u {
    width: auto; }
  .thumb-g .text-u h3 {
    font-size: 1.5em; }
  .panel-2-1 {
    padding-top: 30px;
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px; }
  .panel-2-1 h3 {
    font-size: 1.5em; }
  .panel-2-1 .recomm-g {
    width: auto;
    margin-left: 0;
    margin-right: 0; }
  .panel-2-1 .recomm-g > div {
    padding-left: 0;
    padding-right: 0; }
  .panel-2-1 .recomm-u {
    height: auto !important;
    border-bottom: none;
    margin-bottom: 10px;
    width: auto;
    letter-spacing: -.43em;
    display: table;
    width: 100%; }
  .panel-2-1 .recomm-u > * {
    letter-spacing: normal; }
  .panel-2-1 .recomm-u .fig-u {
    width: 40%;
    height: auto;
    display: table-cell;
    background-color: #12499e;
    position: relative;
    overflow: hidden; }
  .panel-2-1 .recomm-u .fig-u img.xs-show {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 100%;
    display: block; }
  .panel-2-1 .recomm-u .fig-u img.xs-hide {
    display: none; }
  .panel-2-1 .recomm-u .text-u {
    width: 60%;
    box-sizing: border-box;
    padding: 10px;
    display: table-cell; }
  .panel-2-1 .recomm-u .list-hand {
    margin-top: 0;
    padding: 0; }
  .panel-3 .thumb-g {
    margin-top: 20px;
    margin-bottom: 20px; }
  .panel-3 .thumb-g .thumb-u {
    width: 32%; }
  .panel-3 .thumb-g .thumb-u p {
    margin-left: 0;
    margin-right: 0; }
  .panel-3 .thumb-g .text-u {
    width: 68%;
    padding-left: 0; }
  .panel-3 .thumb-g .text-u h3 {
    font-size: 1.125em; }
  .panel-3 .thumb-g .text-u p {
    font-size: 0.8125em;
    margin-bottom: 0; }
  .mitemiru-link {
    position: relative; }
  .mitemiru-link:after {
    background-image: none;
    position: relative;
    height: 0;
    top: 50px;
    border-bottom: solid 20px #c4ced8;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    background-image: none; }
  .mitemiru-link h2 {
    font-size: 1.5em; }
  .mitemiru-link li {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-top: 2.5em; }
  .orix-link {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 60px; }
  .orix-link .link-u {
    padding-right: 0;
    width: 50%; }
  .orix-link h2 {
    box-sizing: border-box;
    margin-left: -10px;
    margin-right: -10px; }
  .orix-link + .pagetop-pm {
    display: none; }
  #container .ft-view-pc {
    clear: both;
    margin-top: 0; } }