@charset "UTF-8";
/*
#モジュール
お問い合わせ
```
<section class="container container_gray container_div3" id="info">
  <div class="box box_rd box_white box_contact">

    <div class="box box_rd">
      <div class="box_header box_header_gry">お電話でのお問い合わせ</div>
      <div class="box_body tC pt5">
        <p class="tC mb5">コミュニケーションセンター</p>
        <div class="btn"><a class="icon icon_tel icon_freedial" href="tel:0120-662-332"> 0120-662-332</a></div>
        <dl class="h_dl w220">
          <dt>月曜～金曜：</dt><dd>9:00～18:00</dd>
          <dt>土曜：</dt><dd>9:00～17:00</dd>
        </dl>
        <p>(いずれも祝日・年末年始は除く)</p>
      </div>
    </div>

    <div class="box box_rd">
      <div class="box_header box_header_gry">ご来店でのお問い合わせ</div>
      <div class="box_body tC">
        <div class="btn"><a class="icon icon_arw" href="/sp/support/location/index.html">ご来店窓口一覧</a></div>
      </div>
    </div>

    <div class="btn tC"><a class="icon icon_arw" href="/sp/support/index.html">お客さまサポートのご案内</a></div>

  </div>
</section>
```
```
<section class="container container_gray container_div3" id="info">
  <div class="box box_rd box_white box_contact">

    <div class="box box_rd">
      <div class="box_header box_header_gry">お電話でのお問い合わせ</div>
      <div class="box_body tC pt5">
        <p class="tC mb5">コミュニケーションセンター</p>
        <p class="tL mb5">注意喚起エリア□注意喚起エリア□注意喚起エリア□注意喚起エリア□</p>
        <div class="btn"><a class="icon icon_tel icon_freedial" href="tel:0120-662-332"> 0120-662-332</a></div>
        <dl class="h_dl w220">
          <dt>月曜～金曜：</dt><dd>9:00～18:00</dd>
          <dt>土曜：</dt><dd>9:00～17:00</dd>
        </dl>
        <p>(いずれも祝日・年末年始は除く)</p>
      </div>
    </div>

    <div class="box box_rd">
      <div class="box_header box_header_gry">ご来店でのお問い合わせ</div>
      <div class="box_body tC">
        <p class="mb5 tx_attention tL">注意喚起エリア□注意喚起エリア□注意喚起エリア□注意喚起エリア□</p>
        <div class="btn"><a class="icon icon_arw" href="/sp/support/location/index.html">ご来店窓口一覧</a></div>
      </div>
    </div>

    <div class="btn tC"><a class="icon icon_arw" href="/sp/support/index.html">お客さまサポートのご案内</a></div>

  </div>
</section>
```
ぱんくず
```
<section class="container topic_path">
  <div class="box">
    <ol>
      <li><a href="/sp/index.html">TOP</a></li>
      <li><a href="/sp/support/index.html">お客様サポート</a></li>
      <li>よくあるご質問</li>
    </ol>
  </div>
</section>
```
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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.
 */
img {
  border: 0;
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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;
}

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

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

.fr,
.imgR {
  float: right;
  margin-left: 10px;
}

.fl,
.imgL {
  float: left;
  margin-right: 10px;
}

.imgC,
.tC {
  text-align: center;
}

.tL,
.sign {
  text-align: left;
}

.tR,
.sign {
  text-align: right;
}

.m0 {
  margin: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.m5 {
  margin: 5px !important;
}

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

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

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

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

.pt5 {
  padding-top: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.m10 {
  margin: 10px !important;
}

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

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

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

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

.pt10 {
  padding-top: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.m15 {
  margin: 15px !important;
}

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

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

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

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

.pt15 {
  padding-top: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.m20 {
  margin: 20px !important;
}

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

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

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

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

.pt20 {
  padding-top: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.m25 {
  margin: 25px !important;
}

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

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

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

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

.pt25 {
  padding-top: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.m30 {
  margin: 30px !important;
}

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

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

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

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

.pt30 {
  padding-top: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.w0 {
  width: 0px !important;
}

.wp0 {
  width: 0% !important;
}

.w5 {
  width: 5px !important;
}

.wp5 {
  width: 5% !important;
}

.w10 {
  width: 10px !important;
}

.wp10 {
  width: 10% !important;
}

.w15 {
  width: 15px !important;
}

.wp15 {
  width: 15% !important;
}

.w20 {
  width: 20px !important;
}

.wp20 {
  width: 20% !important;
}

.w25 {
  width: 25px !important;
}

.wp25 {
  width: 25% !important;
}

.w30 {
  width: 30px !important;
}

.wp30 {
  width: 30% !important;
}

.w35 {
  width: 35px !important;
}

.wp35 {
  width: 35% !important;
}

.w40 {
  width: 40px !important;
}

.wp40 {
  width: 40% !important;
}

.w45 {
  width: 45px !important;
}

.wp45 {
  width: 45% !important;
}

.w50 {
  width: 50px !important;
}

.wp50 {
  width: 50% !important;
}

.w55 {
  width: 55px !important;
}

.wp55 {
  width: 55% !important;
}

.w60 {
  width: 60px !important;
}

.wp60 {
  width: 60% !important;
}

.w65 {
  width: 65px !important;
}

.wp65 {
  width: 65% !important;
}

.w70 {
  width: 70px !important;
}

.wp70 {
  width: 70% !important;
}

.w75 {
  width: 75px !important;
}

.wp75 {
  width: 75% !important;
}

.w80 {
  width: 80px !important;
}

.wp80 {
  width: 80% !important;
}

.w85 {
  width: 85px !important;
}

.wp85 {
  width: 85% !important;
}

.w90 {
  width: 90px !important;
}

.wp90 {
  width: 90% !important;
}

.w95 {
  width: 95px !important;
}

.wp95 {
  width: 95% !important;
}

.w100 {
  width: 100px !important;
}

.wp100 {
  width: 100% !important;
}

.w105 {
  width: 105px !important;
}

.wp105 {
  width: 105% !important;
}

.w110 {
  width: 110px !important;
}

.wp110 {
  width: 110% !important;
}

.w115 {
  width: 115px !important;
}

.wp115 {
  width: 115% !important;
}

.w120 {
  width: 120px !important;
}

.wp120 {
  width: 120% !important;
}

.w125 {
  width: 125px !important;
}

.wp125 {
  width: 125% !important;
}

.w130 {
  width: 130px !important;
}

.wp130 {
  width: 130% !important;
}

.w135 {
  width: 135px !important;
}

.wp135 {
  width: 135% !important;
}

.w140 {
  width: 140px !important;
}

.wp140 {
  width: 140% !important;
}

.w145 {
  width: 145px !important;
}

.wp145 {
  width: 145% !important;
}

.w150 {
  width: 150px !important;
}

.wp150 {
  width: 150% !important;
}

.w155 {
  width: 155px !important;
}

.wp155 {
  width: 155% !important;
}

.w160 {
  width: 160px !important;
}

.wp160 {
  width: 160% !important;
}

.w165 {
  width: 165px !important;
}

.wp165 {
  width: 165% !important;
}

.w170 {
  width: 170px !important;
}

.wp170 {
  width: 170% !important;
}

.w175 {
  width: 175px !important;
}

.wp175 {
  width: 175% !important;
}

.w180 {
  width: 180px !important;
}

.wp180 {
  width: 180% !important;
}

.w185 {
  width: 185px !important;
}

.wp185 {
  width: 185% !important;
}

.w190 {
  width: 190px !important;
}

.wp190 {
  width: 190% !important;
}

.w195 {
  width: 195px !important;
}

.wp195 {
  width: 195% !important;
}

.w200 {
  width: 200px !important;
}

.wp200 {
  width: 200% !important;
}

.w205 {
  width: 205px !important;
}

.wp205 {
  width: 205% !important;
}

.w210 {
  width: 210px !important;
}

.wp210 {
  width: 210% !important;
}

.w215 {
  width: 215px !important;
}

.wp215 {
  width: 215% !important;
}

.w220 {
  width: 220px !important;
}

.wp220 {
  width: 220% !important;
}

.w225 {
  width: 225px !important;
}

.wp225 {
  width: 225% !important;
}

.w230 {
  width: 230px !important;
}

.wp230 {
  width: 230% !important;
}

.w235 {
  width: 235px !important;
}

.wp235 {
  width: 235% !important;
}

.w240 {
  width: 240px !important;
}

.wp240 {
  width: 240% !important;
}

.w245 {
  width: 245px !important;
}

.wp245 {
  width: 245% !important;
}

.w250 {
  width: 250px !important;
}

.wp250 {
  width: 250% !important;
}

.w255 {
  width: 255px !important;
}

.wp255 {
  width: 255% !important;
}

.w260 {
  width: 260px !important;
}

.wp260 {
  width: 260% !important;
}

.w265 {
  width: 265px !important;
}

.wp265 {
  width: 265% !important;
}

.w270 {
  width: 270px !important;
}

.wp270 {
  width: 270% !important;
}

.w275 {
  width: 275px !important;
}

.wp275 {
  width: 275% !important;
}

.w280 {
  width: 280px !important;
}

.wp280 {
  width: 280% !important;
}

.w285 {
  width: 285px !important;
}

.wp285 {
  width: 285% !important;
}

.w290 {
  width: 290px !important;
}

.wp290 {
  width: 290% !important;
}

.w295 {
  width: 295px !important;
}

.wp295 {
  width: 295% !important;
}

.w300 {
  width: 300px !important;
}

.wp300 {
  width: 300% !important;
}

.w305 {
  width: 305px !important;
}

.wp305 {
  width: 305% !important;
}

.w310 {
  width: 310px !important;
}

.wp310 {
  width: 310% !important;
}

.w315 {
  width: 315px !important;
}

.wp315 {
  width: 315% !important;
}

.w320 {
  width: 320px !important;
}

.wp320 {
  width: 320% !important;
}

.w325 {
  width: 325px !important;
}

.wp325 {
  width: 325% !important;
}

.w330 {
  width: 330px !important;
}

.wp330 {
  width: 330% !important;
}

.w335 {
  width: 335px !important;
}

.wp335 {
  width: 335% !important;
}

.w340 {
  width: 340px !important;
}

.wp340 {
  width: 340% !important;
}

.w345 {
  width: 345px !important;
}

.wp345 {
  width: 345% !important;
}

.w350 {
  width: 350px !important;
}

.wp350 {
  width: 350% !important;
}

.w355 {
  width: 355px !important;
}

.wp355 {
  width: 355% !important;
}

.w360 {
  width: 360px !important;
}

.wp360 {
  width: 360% !important;
}

.w365 {
  width: 365px !important;
}

.wp365 {
  width: 365% !important;
}

.w370 {
  width: 370px !important;
}

.wp370 {
  width: 370% !important;
}

.w375 {
  width: 375px !important;
}

.wp375 {
  width: 375% !important;
}

.w380 {
  width: 380px !important;
}

.wp380 {
  width: 380% !important;
}

.w385 {
  width: 385px !important;
}

.wp385 {
  width: 385% !important;
}

.w390 {
  width: 390px !important;
}

.wp390 {
  width: 390% !important;
}

.w395 {
  width: 395px !important;
}

.wp395 {
  width: 395% !important;
}

.w400 {
  width: 400px !important;
}

.wp400 {
  width: 400% !important;
}

.w405 {
  width: 405px !important;
}

.wp405 {
  width: 405% !important;
}

.w410 {
  width: 410px !important;
}

.wp410 {
  width: 410% !important;
}

.w415 {
  width: 415px !important;
}

.wp415 {
  width: 415% !important;
}

.w420 {
  width: 420px !important;
}

.wp420 {
  width: 420% !important;
}

.w425 {
  width: 425px !important;
}

.wp425 {
  width: 425% !important;
}

.w430 {
  width: 430px !important;
}

.wp430 {
  width: 430% !important;
}

.w435 {
  width: 435px !important;
}

.wp435 {
  width: 435% !important;
}

.w440 {
  width: 440px !important;
}

.wp440 {
  width: 440% !important;
}

.w445 {
  width: 445px !important;
}

.wp445 {
  width: 445% !important;
}

.w450 {
  width: 450px !important;
}

.wp450 {
  width: 450% !important;
}

.w455 {
  width: 455px !important;
}

.wp455 {
  width: 455% !important;
}

.w460 {
  width: 460px !important;
}

.wp460 {
  width: 460% !important;
}

.w465 {
  width: 465px !important;
}

.wp465 {
  width: 465% !important;
}

.w470 {
  width: 470px !important;
}

.wp470 {
  width: 470% !important;
}

.w475 {
  width: 475px !important;
}

.wp475 {
  width: 475% !important;
}

.w480 {
  width: 480px !important;
}

.wp480 {
  width: 480% !important;
}

.w485 {
  width: 485px !important;
}

.wp485 {
  width: 485% !important;
}

.w490 {
  width: 490px !important;
}

.wp490 {
  width: 490% !important;
}

.w495 {
  width: 495px !important;
}

.wp495 {
  width: 495% !important;
}

.w500 {
  width: 500px !important;
}

.wp500 {
  width: 500% !important;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.indent1 {
  text-indent: -1em;
  padding-left: 1em;
}

.indent2 {
  text-indent: -2em;
  padding-left: 2em;
}

.indent3 {
  text-indent: -3em;
  padding-left: 3em;
}

.indent4 {
  text-indent: -4em;
  padding-left: 4em;
}

.indent5 {
  text-indent: -5em;
  padding-left: 5em;
}

.indent6 {
  text-indent: -6em;
  padding-left: 6em;
}

.indent7 {
  text-indent: -7em;
  padding-left: 7em;
}

.indent8 {
  text-indent: -8em;
  padding-left: 8em;
}

.indent9 {
  text-indent: -9em;
  padding-left: 9em;
}

.indent10 {
  text-indent: -10em;
  padding-left: 10em;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.index .indexShow,
.second .indexHide {
  display: block;
}

.index .indexHide,
.second .indexShow {
  display: none;
}

.sprt-sprite {
  background: url('/sp/css/images/sprt.png') no-repeat;
}

body {
  background: #fff;
  color: #333333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Sans-Serif;
  line-height: 1.6em;
}

dl, p {
  padding: 0;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding-left: 1.5em;
}

em {
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

input, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Sans-Serif;
}

.externalIcon {
  margin: 0 3px;
  vertical-align: middle;
}

a {
  line-height: 1.3em;
  text-decoration: none;
}
a:link {
  color: #333333;
}
a:visited {
  color: #333333;
}
a:hover {
  text-decoration: underline;
  color: #333333;
}
a:active {
  color: #333333;
}

h1, h2, h3, h4, h5, h6, caption {
  line-height: 1.4em;
}

.btn_padding, .box .box_header_grd a, .btn a, .btn_top a, .btn button, .btn_top button, .btn span, .btn_top span, .btn_simple a, .btn_simple_in a, .btn_group2 .btn.btn_active a, .btn_group2 .btn_active.btn_top a, .pinpoint_search_area .coice_btn ul li a {
  padding: 10px 8px;
  display: block;
}

.btn_padding2, .list_item li a, .list_item_grd li a, .list_item_grd li a.img_link, .table_ranking td a {
  padding: 11px 8px;
}

.btn_padding3, .btn_label a {
  padding: 6px;
}

/*
#アイコン
PDF
```
<p class="tx_notice icon icon_pdf">(pdf 128KB)</p>
```
```
<p><a class="icon icon_sq_grn" href="#">個人情報の保護に関する基本方針</a></p>
```
```
<p class="link"><a href="#">個人情報の保護に関する基本方針</a></p>
```
```
<p class="link tR"><a class="icon icon_pc2" href="#">個人情報の保護に関する基本方針</a></p>
```
```
<div class="btn"><a class="icon icon_arw" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_pc2" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_win" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_darw icon_left" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_down" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_darw_down" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_plus" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_minus" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_refresh" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_freedial icon_tel" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="btn"><a class="icon icon_top" href="#">ご契約後のお手続き・サービスについて</a></div>
```
 */
.icon, .heading_lv1, .heading_lv2, .container_div3, .container_div4, .list_item li a, .list_item_grd li a, .list_item_grd li a.img_link, .list_grn_dot li, .link a, .global_header .navigation a {
  display: inline-block;
  position: relative;
  padding-right: 20px !important;
}
.icon:after, .heading_lv1:after, .heading_lv2:after, .container_div3:after, .container_div4:after, .list_item li a:after, .list_item_grd li a:after, .list_item_grd li a.img_link:after, .list_grn_dot li:after, .link a:after, .global_header .navigation a:after {
  content: "";
  display: block;
  position: absolute;
  right: 7px;
  top: 50%;
}

a.ic_search {
  padding: 10px 8px 10px 35px !important;
}

.ic_search {
  display: inline-block;
  position: relative;
  padding-right: 20px !important;
}
.ic_search:before {
  content: "";
  display: block;
  position: absolute;
  left: 7px;
  top: 50%;
}

a.ic_search_s {
  padding: 10px 8px 10px 0px !important;
}

.ic_search_s {
  display: inline-block;
  position: relative;
}
.ic_search_s:before {
  content: "";
  display: block;
  position: absolute;
  left: -22px;
  top: 50%;
}

.icon_arw:after, .list_item li a:after {
  width: 7px;
  height: 7px;
  border-top: 2px solid #00a08d;
  border-right: 2px solid #00a08d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -5px;
  right: 12px;
}

.ic_question {
  display: inline-block;
  position: relative;
  padding-right: 30px !important;
}
.ic_question:after {
  content: "";
  display: block;
  position: absolute;
  right: 7px;
  top: 50%;
}

.icon_left, .global_header .navigation a {
  padding-left: 25px !important;
}
.icon_left:after, .global_header .navigation a:after {
  left: 5px;
}

.icon_minus, .icon_plus, .icon_slide {
  padding-right: 30px !important;
}
.icon_minus:after, .icon_plus:after, .icon_slide:after {
  right: 4px;
}

.icon_plus:after,
.close .icon_minus:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: 0 -433px;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_slide:after,
.close .icon_slide:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 12px;
  height: 12px;
  background-position: 0 -527px;
  margin-top: -6px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_top:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 12px;
  height: 10px;
  background-position: 0 -732px;
  margin-top: -5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_win:after, .list_item li a.icon_win:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 12px;
  height: 12px;
  background-position: 0 -796px;
  margin-top: -6px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_pc3:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 16px;
  height: 12px;
  background-position: 0 -755px;
  margin-top: -6px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_pc2:after, .list_item li a.icon_pc2:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 19px;
  height: 14px;
  background-position: 0 -767px;
  margin-top: -7px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_tel:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background-position: 0 -657px;
  margin-top: -7.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_menu:after, .global_header .navigation a:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 15px;
  background-position: 0 -781px;
  margin-top: -7.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_down:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 12px;
  height: 10px;
  background-position: 0 -722px;
  margin-top: -5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  right: 5px;
}

.icon_darw:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 12px;
  height: 12px;
  background-position: 0 -702px;
  margin-top: -6px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_minus:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: 0 -453px;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_slide:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 12px;
  height: 12px;
  background-position: 0 -577px;
  margin-top: -6px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_refresh:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 15px;
  height: 19px;
  background-position: 0 -126px;
  margin-top: -9.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_darw_down:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 12px;
  height: 12px;
  background-position: 0 -690px;
  margin-top: -6px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.ic_arw_wht:after, .list_item li a.ic_arw_wht:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 8px;
  height: 13px;
  background-position: 0 -742px;
  margin-top: -6.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.ic_question:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background-position: 0 -231px;
  margin-top: -12px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  right: 0px;
}

.ic_search:before {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 22px;
  background-position: 0 -255px;
  margin-top: -11px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.ic_search_s:before {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 17px;
  height: 18px;
  background-position: 0 -489px;
  margin-top: -9px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_freedial:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 29px;
  height: 16px;
  background-position: 0 -473px;
  margin-top: -8px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  position: relative;
  top: 1px;
}

.icon_num1:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: 0 -548px;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  position: relative;
  top: 4px;
}

.icon_num2:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: 0 -413px;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  position: relative;
  top: 4px;
}

.icon_num3:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: 0 0;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  position: relative;
  top: 4px;
}

.icon_num4:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: 0 -40px;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  position: relative;
  top: 4px;
}

.icon_num5:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: 0 -20px;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  position: relative;
  top: 4px;
}

.icon_siryo, .icon_mitumori, .icon_pdf, .icon_sarw, .link a, .icon_sq_grn {
  padding-right: 8px !important;
}
.icon_siryo:before, .icon_mitumori:before, .icon_pdf:before, .icon_sarw:before, .link a:before, .icon_sq_grn:before {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 23px;
  height: 20px;
  background-position: 0 -507px;
  margin-top: -10px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 2px;
  margin-right: 6px;
  top: 6px;
}

.icon_mitumori:before {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 14px;
  height: 18px;
  background-position: 0 -672px;
  margin-top: -9px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  top: 3px;
}

.icon_pdf:before {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 15.5px;
  height: 16px;
  background-position: 0 -215px;
  margin-top: -8px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  top: 3px;
}

.icon_sarw, .link a {
  text-indent: -0.5em;
  padding-left: 0.5em;
}
.icon_sarw:before, .link a:before {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 4px;
  height: 6px;
  background-position: 0 -808px;
  margin-top: -3px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  top: -2px;
}

.icon_sq_grn:before {
  width: 12px;
  height: 12px;
  background: #00a08d;
  top: 0px;
}

/*
#見出し

```
<div class="heading_lv1"><h2>楽しむ・学ぶ</h2></div>
```

```
<div class="heading_lv2"><h3>楽しむ・学ぶ</h3></div>
```

```
<div class="heading_lv3"><h4>楽しむ・学ぶ</h4></div>
```
```
<div class="heading_lv4">楽しむ・学ぶ</div>
```
 
 
 */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
}

.heading_lv1, .heading_lv2, .container_div3, .container_div4 {
  margin: 15px 10px;
  padding-right: 0 !important;
  display: block;
}
.heading_lv1 h1, .heading_lv2 h1, .container_div3 h1, .container_div4 h1, .heading_lv1 h2, .heading_lv2 h2, .container_div3 h2, .container_div4 h2, .heading_lv1 h3, .heading_lv2 h3, .container_div3 h3, .container_div4 h3, .heading_lv1 h4, .heading_lv2 h4, .container_div3 h4, .container_div4 h4, .heading_lv1 h5, .heading_lv2 h5, .container_div3 h5, .container_div4 h5, .heading_lv1 h6, .heading_lv2 h6, .container_div3 h6, .container_div4 h6 {
  font-size: 20px;
  padding: 0 0 0 10px;
  position: relative;
  border-left: 4px solid #00a08d;
  font-weight: bold;
}
.heading_lv1:after, .heading_lv2:after, .container_div3:after, .container_div4:after {
  left: 0;
  top: 1px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 4px;
  height: 5px;
  background-position: 0 -816px;
  margin-top: -2.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.heading_lv2, .container_div3, .container_div4 {
  display: block;
  margin: 0 0 10px;
  padding: 8px 8px 7px 0 !important;
  background-color: #eee;
}
.heading_lv2 h1, .container_div3 h1, .container_div4 h1, .heading_lv2 h2, .container_div3 h2, .container_div4 h2, .heading_lv2 h3, .container_div3 h3, .container_div4 h3, .heading_lv2 h4, .container_div3 h4, .container_div4 h4, .heading_lv2 h5, .container_div3 h5, .container_div4 h5, .heading_lv2 h6, .container_div3 h6, .container_div4 h6 {
  font-size: 18px;
  border: none;
}
.heading_lv2:after, .container_div3:after, .container_div4:after {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
  height: 2px;
  background-position: 0 -814px;
  margin-top: -1px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  background-color: #00a08d;
  top: 0;
}

.heading_lv3 {
  padding: 0 0 0 10px !important;
  margin: 10px 10px 10px 0px;
  line-height: 1.4em;
  font-weight: bold;
  position: relative;
}
.heading_lv3 :before {
  display: block;
  content: "";
  height: 20px;
  width: 3px;
  background: #00A08D;
  position: absolute;
  left: 0px;
}
.heading_lv3 h1, .heading_lv3 h2, .heading_lv3 h3, .heading_lv3 h4, .heading_lv3 h5, .heading_lv3 h6 {
  font-weight: bold;
  font-size: 16px;
}

.heading_lv3_square {
  padding: 0 0 0 17px !important;
  margin: 10px 0 10px 0px;
  line-height: 1.4em;
  font-weight: bold;
  position: relative;
}
.heading_lv3_square :before {
  display: block;
  content: "";
  height: 12px;
  width: 12px;
  background: #00A08D;
  position: absolute;
  left: 0px;
  top: 4px;
}
.heading_lv3_square h1, .heading_lv3_square h2, .heading_lv3_square h3, .heading_lv3_square h4, .heading_lv3_square h5, .heading_lv3_square h6 {
  font-weight: bold;
  font-size: 16px;
}

.heading_lv4 {
  font-weight: bold;
  margin: 8px 10px;
  line-height: 1.4em;
}
.heading_lv4 h1, .heading_lv4 h2, .heading_lv4 h3, .heading_lv4 h4, .heading_lv4 h5, .heading_lv4 h6 {
  font-weight: bold;
  font-size: 16px;
}

.box .heading_lv4 a {
  text-decoration: underline;
}
.box .heading_lv4 a:hover {
  text-decoration: none;
}

.box_body .heading_lv3,
.box_body .heading_lv4,
.box_link .heading_lv4 {
  margin: 0 0 10px 2px;
}

.box_body a.link_txt {
  text-decoration: underline;
}

/*
#コンテナ

上線つき

```
<section class="container container_div">
  <div class="box">
    <p class="link"><a href="#">いつから保障が開始しますか</a></p>
  </div>
</section>
```
```
<section class="container container_div2">
  <div class="box">
    <p class="link"><a href="#">いつから保障が開始しますか</a></p>
  </div>
</section>
```
```
<section class="container container_div3">
  <div class="box">
    <p class="link"><a href="#">いつから保障が開始しますか</a></p>
  </div>
</section>
```
```
<section class="container container_div4">
  <div class="box">
    <p class="link"><a href="#">いつから保障が開始しますか</a></p>
  </div>
</section>
```

```
<section class="container container_gray">
  <div class="box">
    <p class="link"><a href="#">いつから保障が開始しますか</a></p>
  </div>
</section>
```
```
<section class="container container_yellow pt10">
  <div class="box">
    <p class="link"><a href="#">いつから保障が開始しますか</a></p>
  </div>
</section>
```
```
<div class="container_conv">
  <div class="row tC">
    <div class="col6">
      <div class="btn btn_gold mb0 ml10 mr5"><a class="icon icon_siryo" href="https://www.meijiyasuda.co.jp/webapl/secure/Cservice/scripts/wjsry00a.asp">資料請求</a></div>
    </div>
    <div class="col6">
      <div class="btn btn_gold mb0 ml5 mr10"><a class="icon icon_mitumori" href="https://www.meijiyasuda.co.jp/webapl/secure/Cservice/scripts/wjhkn00a.asp">見積り請求</a></div>
    </div>
  </div> 
</div>
```
*/
.container {
  margin: 10px 0 15px 0;
}

.container_gray {
  padding: 15px 0 0;
  background: #eee;
  padding-bottom: 15px;
}
.container_gray :last-child {
  margin-bottom: 0 !important;
}

.container_conv {
  background: #fef2cc;
  padding: 15px 0;
}

.container_yellow {
  background: #faebd2;
  padding-bottom: 10px;
}

.container_div {
  border-top: 2px solid #00a08d;
}

.container_div2 {
  border-top: 1px solid #00a08d;
}

.container_div3, .container_div4 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 0 !important;
  margin-bottom: 0;
}

.container_div4 {
  padding: 1px 0 0 0 !important;
  background-color: transparent;
}

/*
#ボックス

通常
```
<div class="box box_rd">
  <div class="heading_lv3 mb0"><h4>当社以外の窓口のご案内</h4></div>
  <div class="box_body nb">当社以外の窓口でも苦情・紛争の解決を図っております。</div>
</div>
```

ステップ
```
<div class="box box_rd">
  <div class="box_header box_header_step">
    <span>step1</span><h3>送金口座の登録について</h3>
  </div>
  <div class="box_body nb">
    「myほけんページid発行のお知らせ」同封の「送金口座登録書類」にご記入・ご捺印のうえ、本人確認書類とあわせて当社までご返送ください。<br>
    お手続きが完了するとmyほけんページに送金口座情報が表示されるとともに、お客さまにお手続き完了のお知らせを郵送します。
  </div>
</div>
```

注意1
```
<div class="box box_rd box_attention1">
  <div class="box_body nb">明治安田生命カードをお持ちのお客さまが、MYほけんページIDのお申込みをされますと、明治安田生命カードが無効となりますのでご注意ください。</div>
</div>
```

注意2
```
<div class="box box_rd box_attention2">
  <div class="box_body nb">
    <p class="tx_notice indent">※お客さまに関する情報の取扱いについては、個人情報の保護に関する基本方針をご覧ください。</p>
    <p class="link"><a href="#">個人情報の保護に関する基本方針</a></p>
    <p class=""><a class="icon icon_sq_grn" href="#">個人情報の保護に関する基本方針</a></p>
  </div>
</div>
```

境界線
```
<div class="hr"></div>
```

ボックスヘッダ付き1
```
<div class="box box_rd">
  <div class="box_header box_header_grn"><h3>楽しむ・学ぶ</h3></div>
  <div class="box_body">
    <div class="heading_lv3"><h4>見出し</h4></div>
   客さまに関する情報の取扱いについては、個人情報の保護に関する基本方針をご覧ください。 
  </div>
</div>
```
ボックスヘッダ付き2
```
<div class="box box_rd">
  <div class="box_header box_header_brown"><h3>楽しむ・学ぶ</h3></div>
  <div class="box_body">
   客さまに関する情報の取扱いについては、個人情報の保護に関する基本方針をご覧ください。 
  </div>
</div>
```
ボックス お知らせ付き
```
<div class="box box_rd">
  <div class="box_header box_header_brown"><h3>楽しむ・学ぶ</h3></div>
  <div class="box_message">メッセージ</div>
  <div class="box_body">
   客さまに関する情報の取扱いについては、個人情報の保護に関する基本方針をご覧ください。 
  </div>
</div>
```

*/
.wrap {
  margin: 0 10px;
}

.box {
  margin: 10px;
}
.box .link {
  margin: 0 0 15px;
}
.box a {
  text-decoration: none;
}
.box .box_header h1, .box .box_header h2, .box .box_header h3, .box .box_header h4, .box .box_header h5, .box .box_header h6 {
  font-size: 18px;
}
.box .box_header_grn, .box .box_header_gry, .box .box_header_brown {
  background: #44b9ac;
  padding: 6px 8px 6px;
  color: white;
  text-align: center;
}
.box .box_header_step {
  position: relative;
  font-weight: bold;
}
.box .box_header_step h1, .box .box_header_step h2, .box .box_header_step h3, .box .box_header_step h4, .box .box_header_step h5 {
  display: inline-block;
  font-weight: bold;
  float: left;
  padding: 5px 10px 0 90px;
  font-size: 16px;
}
.box .box_header_step span {
  display: inline-block;
  padding: 4px 10px 3px;
  background: #eee;
  margin-right: 8px;
  color: #00a08d;
  float: left;
  width: 60px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 0;
}
.box .box_header_gry {
  background: #999;
  font-size: 18px;
}
.box .box_header_brown {
  background: #674611;
}
.box .box_header_grd {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: linear-gradient(top, #ffffff, #e8e8e8);
  border: 1px solid white !important;
}
.box .box_header_grd a {
  padding-right: 0;
}
.box .box_acd_btn {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: linear-gradient(top, #ffffff, #e8e8e8);
}
.box .box_acd_btn a {
  padding: 11px 3px 11px 8px;
  display: block;
}
.box .box_message {
  background: #eee;
  padding: 6px 6px 4px;
  text-align: center;
  border-top: 1px solid #ccc;
}
.box .box_body {
  padding: 10px 8px 10px;
  border-top: 1px solid #ccc;
  clear: both;
}
.box .box_body.box_body_brown {
  background-color: #faebd2;
}
.box .box_body:first-child {
  border: none;
}
.box.box_bdrbtm, .box .box_bdrbtm {
  border: none;
  border-bottom: 1px solid #ccc !important;
  padding: 10px 5px;
  margin: 0 5px;
}
.box.box_bdrtop,
.box .box_bdrtop {
  padding: 10px 5px 0;
  margin: 0 5px 10px;
  border: none;
  border-top: 1px solid #ccc;
}
.box.box_bdrtop > .btn, .box.box_bdrtop > .btn_top,
.box .box_bdrtop > .btn,
.box .box_bdrtop > .btn_top {
  margin-left: 0;
  margin-right: 0;
}

.hr {
  display: block;
  border-top: 1px solid #ccc;
  margin: 10px 5px;
  line-height: 1px;
  font-size: 1px;
}

.toggle {
  border-top: 1px solid #ccc;
}
.toggle:first-child {
  border: none;
}

.box_rd {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  background: #fff;
}
.box_rd .box_header {
  -webkit-border-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.box_rd :last-child.close .box_header_grd {
  -webkit-border-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.box_sq {
  border: 1px solid #ccc;
  margin-bottom: 15px;
  background: #fff;
}

.box_attention1 {
  border-width: 2px;
  color: #c00;
  background: #fcf2f2;
  font-weight: bold;
}
.box_attention1 a {
  color: #CC0000;
  text-decoration: underline;
}

.box_attention2 {
  border-width: 2px;
}

.box_white {
  border: none;
  background: #fff;
}

.close.box_rd .box_header {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}

.box_contact {
  padding: 15px 0;
  margin-top: 0;
}
.box_contact > .box {
  margin: 0 15px 15px;
}
.box_contact > .btn, .box_contact > .btn_top {
  margin: 0 15px;
}

/*

#リスト
 
```
<ul class="list_grn_dot">
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
</ul>
```
```
<div class="box box_rd">
  <ul class="list_item">
    <li><a href="/sp/index.html">リンクリンク</a></li>
  </ul>
</div>
```
```
<div class="box box_rd">
  <ul class="list_item">
    <li><a href="/sp/index.html">リンクリンク</a></li>
    <li><a href="/sp/index.html">リンクリンク</a></li>
  </ul>
</div>
```
```
<div class="box box_rd">
  <ul class="list_item_grd">
    <li><a href="/sp/index.html" class="icon icon_pc2">リンクリンク</a></li>
    <li><a href="/sp/index.html" class="icon icon_win">リンクリンク</a></li>
    <li><a href="/sp/index.html" class="icon icon_arw">リンクリンク</a></li>
  </ul>
</div>
```
```
<div class="box box_rd">
  <div class="box_header box_header_grn"><h3>楽しむ・学ぶ</h3></div>
  <ul class="list_item">
    <li><a href="/sp/index.html">リンクリンク</a></li>
    <li><a href="/sp/index.html">リンクリンク</a></li>
  </ul>
</div>

```
 */
.list_item {
  margin: 0;
  padding: 0;
}
.list_item li {
  list-style: none;
  width: 100%;
}
.list_item li a {
  display: block;
  border-top: 1px solid #ccc;
  color: #333;
}
.list_item li a:after {
  right: 7px;
}
.list_item li a:hover {
  background-color: #fcfcfc;
}
.list_item li a.icon_pc2:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border: none;
  right: 4px;
}
.list_item li a.icon_win:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border: none;
}
.list_item li a.ic_arw_wht:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border: none;
}
.list_item:first-child li:first-child a {
  border-top: none !important;
}

.list_item_grd {
  margin: 0;
  padding: 0;
}
.list_item_grd li {
  list-style: none;
  width: 100%;
  border-top: 1px solid #ccc;
}
.list_item_grd li:first-child a {
  -webkit-border-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.list_item_grd li:last-child a {
  -webkit-border-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list_item_grd li a {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: linear-gradient(top, #ffffff, #e8e8e8);
  overflow: hidden;
  display: block;
  color: #333;
  border: 1px solid #fff;
}
.list_item_grd li a:after {
  right: 7px;
}
.list_item_grd li a:hover {
  background-color: #fcfcfc;
}
.list_item_grd li a.icon_pc2:after {
  right: 4px;
}
.list_item_grd li a.img_link {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: linear-gradient(top, #ffffff, #e8e8e8);
  overflow: hidden;
  padding: 9px 9px 4px 9px;
  display: table;
  color: #333;
  border: 1px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.list_item_grd li a.img_link:after {
  right: 7px;
}
.list_item_grd li a.img_link:hover {
  background-color: #fcfcfc;
}
.list_item_grd li a.img_link.icon_pc2:after {
  right: 4px;
}
.list_item_grd li a.img_link span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.list_item_grd li a.img_link img {
  margin-right: 10px;
}
.list_item_grd:first-child li:first-child {
  border-top: none !important;
}
.list_item_grd:first-child li:first-child a {
  border-top: none !important;
}

.list_grn_dot {
  padding-left: 0;
}
.list_grn_dot li {
  padding-left: 12px;
  padding-right: 0 !important;
  display: block;
}
.list_grn_dot li:after {
  width: 3px;
  height: 3px;
  background-color: #00a08d;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  left: 2px;
  top: 10px;
}

/*
# 文字

注記
```
<p class="tx_notice indent">※ご契約後のお手続きサービスについて<br>ご契約後のお手続きサービスについて</p>
```
文字色 赤 太字
```
<p class="tx_attention">ご契約後のお手続きサービスについて</p>
```
文字色 緑
```
<p class="tx_grn">ご契約後のお手続きサービスについて</p>
```
文字色 赤
```
<p class="tx_red">ご契約後のお手続きサービスについて</p>
```
太字
```
<p class="tx_bold">ご契約後のお手続きサービスについて</p>
```
 
 */
.tx_notice {
  font-size: 75%;
  line-height: 1.4em;
}

.tx_attention {
  font-weight: bold;
  color: #c00;
}

.tx_bold {
  font-weight: bold;
}

.tx_normal {
  font-weight: normal;
}

.tx_red {
  color: #cc0000;
}

.tx_grn, a.dfn {
  color: #00a08d;
}

a.dfn {
  text-decoration: underline;
}

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

.contentText, .box p {
  margin-bottom: 8px;
}
.contentText:last-child, .box p:last-child {
  margin-bottom: 0;
}

.nb {
  border: none !important;
}

.h_dl {
  display: inline-block;
}
.h_dl dt {
  width: 100px;
  text-align: right;
  float: left;
}

/*
# ボタン

***
##センター寄せ
```
<div class="btn tC"><a class="icon icon_arw" href="#">ご契約後のお手続き・サービスについて</a></div>
```
```
<div class="tC mb10">
<div class="btn btn_ib"><a class="icon icon_arw icon_freedial" href="#">0120-662-332</a></div>
</div>
```
```
<div class="btn btn_simple"><a class="icon icon_arw" href="#">ご契約後のお手続き・サービスについて</a></div>
```
高さが若干低いもの
```
<div class="tR mr10 mb10">
  <div class="btn btn_simple btn_compact btn_ib"><a href="#" class="icon icon_top">ページ先頭へ</a></div>
</div>
```

```
<div class="container container_yellow pt15 pb15">
  <div class="row tC">
    <div class="col6">
      <div class="btn btn_gold mb0 ml10 mr5"><a class="icon icon_siryo" href="https://www.meijiyasuda.co.jp/webapl/secure/Cservice/scripts/wjsry00a.asp">資料請求</a></div>
    </div>
    <div class="col6">
      <div class="btn btn_gold mb0 ml5 mr10"><a class="icon icon_mitumori" href="https://www.meijiyasuda.co.jp/webapl/secure/Cservice/scripts/wjhkn00a.asp">見積り請求</a></div>
    </div>
  </div> 
</div>
```
***

 
*/
.btn, .btn_top {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin: 0 10px 10px;
}
.btn a, .btn_top a, .btn button, .btn_top button, .btn span, .btn_top span {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: linear-gradient(top, #ffffff, #e8e8e8);
  display: block;
  border: 1px solid white !important;
  text-decoration: none;
}
.btn button, .btn_top button {
  padding: 9px 8px;
}

.btn_top {
  margin-bottom: 15px;
}
.btn_top a {
  text-align: center;
  color: #674611;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffdfb), color-stop(100%, #faecd4));
  background-image: -webkit-linear-gradient(top, #fffdfb, #faecd4);
  background-image: -moz-linear-gradient(top, #fffdfb, #faecd4);
  background-image: -o-linear-gradient(top, #fffdfb, #faecd4);
  background-image: linear-gradient(top, #fffdfb, #faecd4);
}

.btn_ib {
  margin: 0;
  display: inline-block;
}
.btn_ib .icon_tel:after,
.btn_ib .icon_top:after {
  right: 5px;
}

.btn_yellow {
  border: 1px solid #fabf00;
  font-size: 18px;
  text-align: center;
}
.btn_yellow a, .btn_yellow button {
  color: #674611;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe07d), color-stop(100%, #fac002));
  background-image: -webkit-linear-gradient(top, #ffe07d, #fac002);
  background-image: -moz-linear-gradient(top, #ffe07d, #fac002);
  background-image: -o-linear-gradient(top, #ffe07d, #fac002);
  background-image: linear-gradient(top, #ffe07d, #fac002);
  border: none !important;
}

.btn_label {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.btn_label a {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
}

.img_btn a {
  display: block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-right: 5px;
}
.img_btn a img {
  -webkit-border-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 100%;
  display: block;
  height: auto;
  border-bottom: none;
}
.img_btn a .btn, .img_btn a .btn_top {
  -webkit-border-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 !important;
  width: 100%;
  display: block;
}
.img_btn:last-child a {
  padding: 0 0 0 5px;
}
.img_btn:last-child a .btn, .img_btn:last-child a .btn_top {
  margin: 0 !important;
}

.btn_compact a {
  padding: 7px 30px 6px 8px !important;
}

.btn_sq {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.btn_sq a {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn_simple {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.btn_simple a {
  background: none;
  text-decoration: none;
}

.btn_simple_in {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0 5px;
}
.btn_simple_in a {
  background: none;
  text-decoration: none;
}

.btn_gold {
  border: 1px solid #ff8d00;
}
.btn_gold a {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc700), color-stop(100%, #ff8d00));
  background-image: -webkit-linear-gradient(top, #ffc700, #ff8d00);
  background-image: -moz-linear-gradient(top, #ffc700, #ff8d00);
  background-image: -o-linear-gradient(top, #ffc700, #ff8d00);
  background-image: linear-gradient(top, #ffc700, #ff8d00);
  border: none !important;
  color: #fff;
}

.btn_boy a {
  color: #4281d7;
}
.btn_boy.btn_active a {
  background: #e3ecf9;
}

.btn_girl a {
  color: #de166f;
}
.btn_girl.btn_active a {
  background: #ffecf9;
}

.btn_active {
  position: relative;
  top: 1px !important;
  background: none;
  background: none;
  background: none;
  background: none;
}
.btn_active a {
  padding-bottom: 9px;
  font-weight: bold;
}

.btn_group {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_group .btn, .btn_group .btn_top {
  width: 42%;
  margin: 0 5px;
  margin-bottom: 0;
}

.btn_group2 {
  text-align: center;
}
.btn_group2 .btn, .btn_group2 .btn_top {
  position: relative;
  top: 1px;
  width: 50%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
.btn_group2 .btn.btn_active, .btn_group2 .btn_active.btn_top {
  position: relative;
  top: -1px;
}
.btn_group2 .btn:first-child, .btn_group2 .btn_top:first-child {
  border-right: none;
  -webkit-border-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn_group2 .btn:first-child a, .btn_group2 .btn_top:first-child a {
  -webkit-border-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn_group2 .btn:last-child, .btn_group2 .btn_top:last-child {
  -webkit-border-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn_group2 .btn:last-child a, .btn_group2 .btn_top:last-child a {
  -webkit-border-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
#テーブル

```
<table class="table" summary="手続き一覧">
  <thead>
    <tr>
      <th rowspan="2">人生の節目を迎えられたお客さま(ご結婚、ご就職、引越し、転職、退職(定年)等)</th>
      <th rowspan="2">必要となる手続き</th>
      <th colspan="2">インターネット手続き可否（MYほけんページ）</th>
    </tr>
    <tr>
      <th>登録あり</th>
      <th>登録なし</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>
      <ul class="list list_grn_dot">
        <li>転居にともない住所が変わったとき</li>
        <li>住所の町名や番地が変わったとき</li>
        <li>通信先を変えたいとき</li>
      </ul>
    </td>
    <td>住所変更<a class="dfn" href="#dfn01">※1</a></td>
    <td class="tC">○</td>
    <td class="tC">△</td>
  </tr>
  </tbody>
</table>

```

*/
.table, .table_ranking {
  width: 100%;
  border: 1px solid #ccc;
  table-layout: fixed;
  margin: 10px 0;
}
.table th, .table_ranking th, .table td, .table_ranking td {
  border: 1px solid #ccc;
  padding: 6px 5px 6px;
  width: 50%;
}
.table th, .table_ranking th {
  font-weight: normal;
  background: #d9f1ee;
}
.table td a, .table_ranking td a {
  text-decoration: underline;
}
.table td a:hover, .table_ranking td a:hover {
  text-decoration: none;
}

.table_flex {
  table-layout: auto;
}
.table_flex th, .table_flex td {
  width: auto;
  line-height: 1.2;
}

.table_compact tbody {
  font-size: 14px;
}

/* ======== FORM ======== */
.nameinput {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  padding: 8px 4px;
  margin-right: 6px;
  height: 47px;
}

.select {
  width: 100%;
}

/*
#タブ

```
<div class="tab">

<div class="tab_navi">
  <ul class="row">
    <li class="col4"><div class="btn tab_active"><a href="#T01"><div>解決したい</div></a></div></li>
    <li class="col4"><div class="btn"><a href="#T02"><div>相談したい</div></a></div></li>
    <li class="col4"><div class="btn"><a href="#T03"><div>手続きしたい</div></a></div></li>
  </ul>
</div>

<section class="container tab_body" id="T01">
  <div class="box">
    <p>コミュニケーションセンターにお電話で寄せられるご質問をまとめました。</p>
  </div>
  <div class="btn"><a class="icon icon_arw" href=/sp/support/faq/index.html">よくあるご質問一覧</a></div>

  <div class="box">
    <ul class="pl0">
      <li class="link"><a href="#">いつから保障が開始しますか</a></li>
      <li class="link"><a href="#">契約者貸付を利用できますか</a></li>
      <li class="link"><a href="#">保険料振替日に口座残高が足りず、振り替えができなかったのですが</a></li>
      <li class="link"><a href="#">明治安田生命カードはどのようなカードですか</a></li>
      <li class="link"><a href="#">税金について教えてください</a></li>
      <li class="link"><a href="#">保険金・給付金の請求手続きについて教えてください</a></li>
    <ul>
  </div>

</section><!-- /.container.tab_body -->

</div>

```
 
*/
.box .tab_pagelink .tab_navi ul li a {
  padding: 0 8px;
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box .tab_pagelink .tab_navi ul li a span {
  background: none;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}

.tab_navi ul {
  padding-left: 0 !important;
}
.tab_navi ul li {
  list-style: none;
  padding-left: 3px;
}
.tab_navi ul li .btn, .tab_navi ul li .btn_top {
  text-align: center;
  margin: 0 0 10px !important;
}
.tab_navi ul li .btn a, .tab_navi ul li .btn_top a {
  padding: 15px 0;
}
.tab_navi ul li .btn.tab_active, .tab_navi ul li .tab_active.btn_top {
  border-color: #00a08d !important;
  position: relative;
}
.tab_navi ul li .btn.tab_active a, .tab_navi ul li .tab_active.btn_top a {
  background: #00a08d !important;
  border-color: #00a08d !important;
  color: white !important;
}
.tab_navi ul li .btn.tab_active:after, .tab_navi ul li .tab_active.btn_top:after {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: -7px;
  background-color: #00a08d;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -7px;
  -webkit-transform: rotate(-45deg) skew(-10deg, -10deg);
  transform: rotate(-45deg) skew(-10deg, -10deg);
}

.tab2 {
  padding: 0 3px 0 0;
}

/* #BANNER */
.banners {
  padding: 0;
}

.banners > div, .banner {
  margin-bottom: 15px;
  text-align: center;
}
.banners > div:last-child, .banner:last-child {
  margin-bottom: 15px !important;
}

.banner_dum {
  width: 100%;
  height: 30px;
  background: white;
}

.banner_dum2 {
  width: 100%;
  padding: 13px;
  background: #ccc;
  text-align: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
#リンク

リンク
```
<p class="link"><a href="#">個人情報の保護に関する基本方針</a></p>
<p class="link"><a href="">個人情報の保護に関する基本方針<span class="ml5 icon icon_pdf">(1KB)</span></a></p>
```

ボックスリンク

```
<div class="box box_rd">
  <ul class="list_item">
    <li class="box_link"><a href="/profile/news/release/2013/pdf/20131120_01.pdf">
      <div class="heading_lv4">2013/11/20</div>
      <p>明治安田生命「いい夫婦の日」に関するアンケート調査を実施!
        <span class="tx_notice icon icon_pdf">(PDF 512KB)</span>
      </p>
    </a></li>
    <li class="box_link"><a href="/profile/news/release/2013/pdf/20131119_01.pdf">
      <div class="heading_lv4">2013/11/19</div>
      <p>2013-2015年度経済見通しについて
        <span class="tx_notice icon icon_pdf">(PDF 2.71MB)</span>
      </p>
    </a></li>
    <li class="box_link"><a href="/profile/news/release/2013/pdf/20131101_01.pdf">
      <div class="heading_lv4">2013/11/01</div>
      <p>個人情報の不適切な開示について</p>
    </a></li>
    <li class="box_link"><a class="icon_pc2" href="">
      住所変更のお手続きのお願い
    </a></li>
    <li class="box_link"><a class="icon_pc2" href="">
      金融ADR制度について
    </a></li>
  </ul>
</div>
```

*/
.box_link a {
  line-height: 1.3em;
  padding-right: 20px !important;
  display: block;
}
.box_link a:after {
  right: 5px;
}
.box_link a > p, .box_link a > div {
  margin-bottom: 5px !important;
}
.box_link a > :last-child {
  margin-bottom: 0 !important;
}

.link {
  margin-top: 15px;
  margin-bottom: 15px;
}
.link a {
  display: block;
  text-decoration: underline;
  padding-right: 0 !important;
}
.link a:after {
  right: 0 !important;
}
.link a:hover {
  text-decoration: underline;
}
.link a.icon_pc2, .link .list_item li a.icon_pc2, .list_item li .link a.icon_pc2 {
  display: inline-block;
  padding-right: 25px !important;
}

li.link {
  list-style: none;
}

/*
#アコーディオン
動作していないですが、include.js を読み込むと動作します。
つなげられます
```
<section class="box box_rd">

<div class="toggle" id="Q01">
  <div class="box_header box_header_grd"><a href="#Q01" class="toggle_btn">
      <h3 class="icon icon_minus">いつから保障が開始しますか</h3>
  </a></div>
  <div class="box_body toggle_body">
    <p class="tx_attention indent">※一般的な例【申し込みと告知で保障が開始するパターン】</p>
    <ul class="list list_grn_dot mt20">
      <li>申し込まれたご契約を当社が承諾した場合には、お申込みと告知がともに完了した時から、ご契約上の保障が開始されます。</li>
      <li>お伺いしている当社の担当者に保険料をお払込みいただくときは、必ず当社の社名・社印が印刷された領収証をお受取りください。</li>
    </ul>
  </div>
</div>
<div class="toggle" id="Q02">
  <div class="box_header box_header_grd"><a href="#Q02" class="toggle_btn">
      <h3 class="icon icon_minus">いつから保障が開始しますか</h3>
  </a></div>
  <div class="box_body toggle_body">
    <p class="tx_attention indent">※一般的な例【申し込みと告知で保障が開始するパターン】</p>
    <ul class="list list_grn_dot mt20">
      <li>申し込まれたご契約を当社が承諾した場合には、お申込みと告知がともに完了した時から、ご契約上の保障が開始されます。</li>
      <li>お伺いしている当社の担当者に保険料をお払込みいただくときは、必ず当社の社名・社印が印刷された領収証をお受取りください。</li>
    </ul>
  </div>
</div>
<div class="toggle close" id="Q03">
  <div class="box_header box_header_grd"><a href="#Q03" class="toggle_btn">
      <h3 class="icon icon_minus">いつから保障が開始しますか</h3>
  </a></div>
</div>

</section>
```
 
 */
.toggle_body {
  display: none;
}

.toggle_btn h3, .toggle_btn a, .toggle_btn span {
  display: block;
}

/* flow box */
.flow_box {
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url(/common/images/sp_bg_flow.png) no-repeat center bottom;
  -webkit-background-size: 18px auto;
  -moz-background-size: 18px auto;
  -ms-background-size: 18px auto;
  background-size: 18px auto;
}

.step_img_box .box_body {
  overflow: hidden;
  position: relative;
  min-height: 76px;
}
.step_img_box .box_body .img_box {
  width: 70px;
  position: absolute;
  top: 14px;
  left: 9px;
}
.step_img_box .box_body .txt_box {
  float: left;
  padding-left: 82px;
}

/* info_box */
.info_box dl {
  min-height: 80px;
  padding: 0 10px 0;
}
.info_box .photo {
  margin: 0;
  position: absolute;
  width: 70px;
}
.info_box .title, .info_box .txt {
  margin: 0;
  padding-left: 80px;
}
.info_box .title {
  font-weight: bold;
}
.info_box .txt_note {
  margin: 0;
  padding-left: 90px;
}

.box_rd .inner_box .btn_box {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}

.inner_box {
  padding: 0;
  border-top: 1px solid #ccc;
  clear: both;
}
.inner_box .hr {
  margin-top: 0;
}
.inner_box .inner {
  margin: 0 10px;
}
.inner_box .inner p a {
  text-decoration: underline;
}

.link_box {
  padding: 0;
}
.link_box a {
  display: block;
}
.link_box a span {
  display: block;
  padding: 5px 15px;
}
.link_box a img {
  width: 100%;
}

.btn_box {
  margin-top: 15px;
  padding: 15px 0px;
  background: #FEF2CC;
}

/* detail */
.list_detail {
  margin: 0 10px;
  padding: 0;
}
.list_detail dl dt {
  padding: 0;
  margin: 0;
  text-align: center;
}
.list_detail dl dt img {
  width: 100%;
  line-height: 0;
  vertical-align: top;
  margin-top: -10px;
}
.list_detail dl dd.txt {
  padding: 0;
  margin: 0 0 5px;
  font-weight: bold;
}
.list_detail dl dd.txt .bg_gray {
  background: #EEEEEE;
}
.list_detail dl dd.image {
  padding: 0;
  margin: 0;
}
.list_detail dl dd.image img {
  width: 100%;
}

/* numlist */
ol.numlist {
  list-style-type: none;
  padding: 0;
  margin: 0;
  /* toggle */
}
ol.numlist li {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #FEF2CC;
  padding: 10px 10px 5px;
  margin: 0 0 10px;
  font-weight: bold;
}
ol.numlist li .link {
  margin: 5px 0 0 10px;
}
ol.numlist li span {
  display: block;
  padding: 0 0 0 28px;
}
ol.numlist li span :before {
  content: "";
  display: inline-block;
  margin-right: 0;
  position: absolute;
  top: center;
  left: -10px;
  margin: 0px 0 0;
}
ol.numlist li.toggle_area {
  padding: 0;
  margin: 0;
}
ol.numlist li.toggle_area .toggle_body {
  background: #FFF;
  border-bottom: 1px solid #CCCCCC;
}
ol.numlist li.toggle_area p.btn_toggle {
  display: block;
  padding: 12px;
  font-weight: normal;
  text-align: center;
}
ol.numlist li.toggle_area .txt_detail {
  display: none;
}
ol.numlist li.toggle_area .close .txt_detail {
  display: block;
}
ol.numlist li.toggle_area .close .txt_close {
  display: none;
}
ol.numlist :before {
  content: "";
  display: inline-block;
  margin-right: 0;
  position: absolute;
  top: 9px;
  left: 10px;
  margin: 3px 0 0;
}

.bg_gray {
  background: #EEEEEE !important;
}

.bg_blue {
  background: #E3ECF9 !important;
}

.bg_pink {
  background: #FADCEA !important;
}

.disp_none {
  display: none;
}

.box p.indent, .box p.indent2 {
  margin-bottom: 0;
}

.list_item li a:after {
  right: 12px;
}

/*　pinpoint_search　*/
.pinpoint_search_area .tab_area * {
  line-height: 0;
  vertical-align: top;
}
.pinpoint_search_area .search_body {
  overflow: hidden;
}
.pinpoint_search_area .tab_area {
  position: relative;
}
.pinpoint_search_area .tab_area .inner {
  margin: 10px;
}
.pinpoint_search_area .tab_area ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pinpoint_search_area .tab_area ul li {
  float: left;
  width: 25%;
  height: 100%;
  list-style: none;
  cursor: pointer;
}
.pinpoint_search_area .tab_area ul li span {
  display: none;
}
.pinpoint_search_area .coice_btn ul {
  padding: 0;
  margin: 0 10px;
  overflow: hidden;
}
.pinpoint_search_area .coice_btn ul li:nth-child(even) {
  float: right;
}
.pinpoint_search_area .coice_btn ul li:nth-child(odd) {
  float: left;
}
.pinpoint_search_area .coice_btn ul li {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin: 0 0 3% 0;
  list-style: none;
  width: 48%;
  display: table;
}
.pinpoint_search_area .coice_btn ul li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8);
  background-image: linear-gradient(top, #ffffff, #e8e8e8);
  display: table-cell;
  border: 1px solid white !important;
  text-decoration: none;
  text-align: center;
  position: relative;
  vertical-align: middle;
  height: 60px;
  padding: 1px;
}
.pinpoint_search_area .select_area {
  position: relative;
}
.pinpoint_search_area .choice_box01, .pinpoint_search_area .choice_box02, .pinpoint_search_area .choice_box03, .pinpoint_search_area .choice_box04,
.pinpoint_search_area .tab_status01, .pinpoint_search_area .tab_status02, .pinpoint_search_area .tab_status03, .pinpoint_search_area .tab_status04 {
  display: none;
}
.pinpoint_search_area .choice_box01, .pinpoint_search_area .tab_status01 {
  display: block;
}
.pinpoint_search_area .coice_btn .selected {
  -moz-opacity: 0.60;
  opacity: 0.60;
}
.pinpoint_search_area .choice_box04 .btn, .pinpoint_search_area .choice_box04 .btn_top {
  display: none;
}

/* old contact
---------------------------------------------------------- */
.contactarea {
  margin: 20px 0;
}

.contactarea .contactheader {
  width: 100%;
  background: -moz-linear-gradient(top, #e8e8e8 0%, white 50%);
  background: -webkit-gradient(linear, left top, left 50%, from(#e8e8e8), to(white));
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  padding-bottom: 1px;
}

.contactarea .contactheader h3 {
  display: block;
  border-bottom: #00a08e 2px solid;
}

.contactarea .contactheader h3 span {
  display: block;
  padding: 15px;
  border-bottom: #ccc 1px solid;
}

.contactarea .contactbody {
  margin: 20px 10px 0;
  padding: 10px;
  background: #dce9e7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.contactarea .contactbodyinnner {
  padding: 10px;
  margin: 0 0 10px 0;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.contactarea .contactbodyinnner:last-child {
  margin: 0;
}

.contactarea .contactbodyinnner h3 {
  color: #333;
  font-size: 18px;
  text-align: center;
}

.contactarea .contactbodyinnner p {
  margin-top: 10px;
}

.contactarea .contactbodyinnner p.desc {
  line-height: 1.4em;
}

.contactarea .contactbodyinnner .contactbtn {
  text-align: center;
  padding: 0 25px 10px;
  margin-top: 10px;
}

.contactarea div p.attention {
  font-size: 13px;
  line-height: 1.4em;
}

a.roundbtn_white_big_2col {
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #333333;
  padding: 4px;
  background: -moz-linear-gradient(top, white 50%, #e8e8e8);
  background: -webkit-gradient(linear, left 50%, left bottom, from(white), to(#e8e8e8));
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

a.roundbtn_white_big_2col > span {
  display: table-cell;
  clear: none;
  vertical-align: middle;
  height: auto;
}

a.roundbtn_white_big_2col > span:first-child {
  height: 35px;
  line-height: 1px;
}

a.roundbtn_white_big_2col > span:last-child {
  width: 100%;
}

/* 白丸で大きいアイコン、右にもあいこん roundbtn_white_big_3col*/
a.roundbtn_white_big_3col {
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #333333;
  padding: 4px;
  background: -moz-linear-gradient(top, white 50%, #e8e8e8);
  background: -webkit-gradient(linear, left 50%, left bottom, from(white), to(#e8e8e8));
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

a.roundbtn_white_big_3col > span {
  width: 100%;
  display: table-cell;
  clear: none;
  vertical-align: middle;
  height: auto;
}

a.roundbtn_white_big_3col > span.icon, a.roundbtn_white_big_3col > span.heading_lv1, a.roundbtn_white_big_3col > span.heading_lv2, a.roundbtn_white_big_3col > span.container_div3, a.roundbtn_white_big_3col > span.container_div4 {
  width: 35px;
  height: 35px;
  line-height: 1px;
}

a.roundbtn_white_big_3col > span.icon2 {
  padding-right: 12px;
  width: 30px;
  min-width: 1px;
}

/* 白丸で小さいアイコン、右にもアイコン roundbtn_white_small_3col*/
a.roundbtn_white_small_3col {
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #333333;
  padding: 4px 10px;
  background: -moz-linear-gradient(top, white 50%, #e8e8e8);
  background: -webkit-gradient(linear, left 50%, left bottom, from(white), to(#e8e8e8));
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

a.roundbtn_white_small_3col > span {
  display: table-cell;
  clear: none;
  vertical-align: middle;
  height: auto;
  width: 100%;
}

a.roundbtn_white_small_3col > span.icon, a.roundbtn_white_small_3col > span.heading_lv1, a.roundbtn_white_small_3col > span.heading_lv2, a.roundbtn_white_small_3col > span.container_div3, a.roundbtn_white_small_3col > span.container_div4 {
  min-width: 30px;
  width: 30px;
  height: 35px;
  line-height: 1px;
  text-align: left;
}

a.roundbtn_white_small_3col > span.icon2 {
  min-width: 30px;
  width: 30px;
  height: 35px;
  line-height: 1px;
  text-align: center;
}

/* 白丸で小さいアイコン、右にもアイコン roundbtn_white_small_2col*/
a.roundbtn_white_small_2col {
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #333333;
  padding: 4px 10px;
  background: -moz-linear-gradient(top, white 50%, #e8e8e8);
  background: -webkit-gradient(linear, left 50%, left bottom, from(white), to(#e8e8e8));
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

a.roundbtn_white_small_2col > span {
  display: table-cell;
  clear: none;
  vertical-align: middle;
  height: auto;
  width: 100%;
}

a.roundbtn_white_small_2col > span.icon2 {
  min-width: 1px;
  width: 16px;
  height: 35px;
  line-height: 1px;
  text-align: center;
}

/* オレンジ丸で小さいアイコン、右にもアイコン roundbtn_orange_small_3col*/
a.roundbtn_orange_small_3col {
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #fff;
  padding: 4px 10px;
  background: -moz-linear-gradient(top, #ffbf00 40%, #ffa800 60%);
  background: -webkit-gradient(linear, left 40%, left 60%, from(#ffbf00), to(#ffa800));
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

a.roundbtn_orange_small_3col > span {
  display: table-cell;
  clear: none;
  vertical-align: middle;
  height: auto;
  width: 100%;
}

a.roundbtn_orange_small_3col > span.icon, a.roundbtn_orange_small_3col > span.heading_lv1, a.roundbtn_orange_small_3col > span.heading_lv2, a.roundbtn_orange_small_3col > span.container_div3, a.roundbtn_orange_small_3col > span.container_div4 {
  min-width: 30px;
  width: 30px;
  height: 35px;
  line-height: 1px;
  text-align: left;
}

a.roundbtn_orange_small_3col > span.icon2 {
  min-width: 30px;
  width: 30px;
  height: 35px;
  line-height: 1px;
  text-align: center;
}

/* オレンジ丸で小さいアイコン、右にもアイコン roundbtn_orange_small_2col*/
a.roundbtn_orange_small_2col {
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #fff;
  padding: 4px 10px;
  background: -moz-linear-gradient(top, #ffbf00 40%, #ffa800 60%);
  background: -webkit-gradient(linear, left 40%, left 60%, from(#ffbf00), to(#ffa800));
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

a.roundbtn_orange_small_2col > span {
  display: table-cell;
  clear: none;
  vertical-align: middle;
  height: auto;
  width: 100%;
}

a.roundbtn_orange_small_2col > span.icon2 {
  min-width: 1px;
  width: 16px;
  height: 35px;
  line-height: 1px;
  text-align: center;
}

.center {
  text-align: center;
}

.topdot_ccc {
  border-top: 1px dotted #CCCCCC;
  line-height: 1.4em;
  padding-top: 10px !important;
}

.global_header {
  border-top: 3px solid #00a08d;
  padding: 13px 10px 12px;
}
.global_header h1 {
  background-size: 133px 19px;
}
.global_header .navigation a {
  -webkit-border-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 4px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-radius: 4px;
  -ms-border-top-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1b3), color-stop(100%, #009380));
  background-image: -webkit-linear-gradient(top, #00c1b3, #009380);
  background-image: -moz-linear-gradient(top, #00c1b3, #009380);
  background-image: -o-linear-gradient(top, #00c1b3, #009380);
  background-image: linear-gradient(top, #00c1b3, #009380);
  position: absolute;
  padding-right: 10px !important;
  padding-left: 40px !important;
  right: 0;
  top: 7px;
  height: 29px;
  border: 1px solid #009380;
  border-right: none;
  color: white;
  text-decoration: none;
  line-height: 26px;
}

.topic_path {
  border-top: 1px solid #cccccc;
}
.topic_path ol {
  padding-left: 0;
}
.topic_path li {
  display: inline-block;
  font-size: 12px;
}
.topic_path li a {
  text-decoration: underline;
}
.topic_path li:after {
  content: " > ";
}
.topic_path li:last-child:after {
  content: "";
}

.second .global_footer footer.footer ul li:first-child a,
.global_footer footer.footer ul:first-child li:first-child a {
  border: none;
}

.global_footer footer.footer {
  padding: 0;
}
.global_footer footer.footer .goPc a {
  color: white;
  display: inline-block;
  text-decoration: none;
  padding: 15px 0 10px;
}
.global_footer footer.footer .goPc a:after {
  right: 5px;
  margin-top: -4px;
}
.global_footer footer.footer ul {
  border-bottom: 2px solid white;
  margin-bottom: 20px;
}
.global_footer footer.footer ul li {
  margin: 0 10px;
  float: none;
}
.global_footer footer.footer ul li:first-child a {
  border-top: 1px solid white;
}
.global_footer footer.footer ul li a {
  border-top: 1px solid #40b8aa;
  display: block;
  padding: 14px 15px 13px;
  text-decoration: none;
}
.global_footer footer.footer ul li a:before {
  width: 4px;
  height: 1px;
  content: "";
  background-color: #e9bd09;
  position: absolute;
  top: 50%;
  left: 5px;
}
.global_footer .copyright {
  line-height: 1.3em;
}
.global_footer .container_div #bottompagetop {
  padding-bottom: 0 !important;
}

.row {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.row:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  content: " ";
  display: table;
  clear: both;
}
.row > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.row .col6 {
  width: 50%;
}
.row .col5 {
  width: 41.6%;
}
.row .col4 {
  width: 33.3%;
}
.row .col3 {
  width: 25%;
}
.row .col2 {
  width: 16.6%;
}
.row .col1 {
  width: 8.3%;
}

/*
 * 旧ヘッダ
 */
header {
  padding: 10px;
  border-top: #00a08d 6px solid;
  border-bottom: #c0c0c0 1px solid;
  position: relative;
}

header h1 {
  width: 140px;
  height: 20px;
  display: block;
  margin: 0;
  background: url(/common/images/sp_logo.png) no-repeat left top;
  -webkit-background-size: 140px 20px;
  background-size: 140px 20px;
}

header h1 a {
  width: 140px;
  height: 20px;
  display: block;
  text-indent: -100000px;
  font-size: 1px;
  line-height: 1px;
}

header .headerbtn {
  top: 11px;
  right: 10px;
  position: absolute;
  line-height: 1em;
}

.topics .headerbtn {
  display: none;
}

header .headerbtn a {
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  padding: 8px 10px;
  background: -moz-linear-gradient(top, white 0%, #e8e8e8);
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e8e8e8));
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

.icon_pc {
  padding: 0 24px 0 0;
  background: url(/common/images/sp_icon_pc.png) no-repeat right center;
  -webkit-background-size: 14px 13px;
  background-size: 14px 13px;
}

/*
 * 旧フッタ
 * 
 */
footer {
  padding: 20px 10px;
  background: #009d85;
}

footer ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

footer ul li {
  font-size: 12px;
  margin: 0 15px 20px 0;
  float: left;
  list-style: none;
}

footer ul li a {
  color: #fff !important;
}

footer p.copyright {
  font-size: 9px;
  color: #fff;
  font-weight: bold;
}

.icon_pc_white {
  padding: 0 24px 0 0;
  background: url(/common/images/sp_icon_pc_white.png) no-repeat right center;
  -webkit-background-size: 14px 13px;
  background-size: 14px 13px;
}

.arrowup {
  padding: 0 0 0 19px;
  background: url(/common/images/sp_arrowup.png) no-repeat left center;
  -webkit-background-size: 9px 7px;
  -moz-background-size: 9px 7px;
  -o-background-size: 9px 7px;
  background-size: 9px 7px;
}

#bottompagetop {
  margin: 10px 10px;
  text-align: right;
}

#bottompagetop p a {
  font-size: 13px;
  text-decoration: none;
  color: #333;
}

::-webkit-input-placeholder {
  padding-top: 2px;
  text-align: center;
  font-size: 13px;
}

.ranking .mv.second {
  display: none;
}
.ranking.second .mv.second {
  display: block;
}
.ranking.index .info {
  display: block;
}
.ranking .info {
  display: none;
}
.ranking .util_link,
.ranking .wrap_topic_path,
.ranking .global_footer {
  display: none;
}

.topics .goPc {
  display: none;
}
.topics .footer ul li:first-child a {
  border-top: none !important;
}

.util_link {
  padding-bottom: 1px !important;
}
.util_link .btn, .util_link .btn_top {
  margin-bottom: 15px;
}

.mv {
  width: 100%;
  position: relative;
  background: white top left repeat-x;
  background-image: url(/sp/enjoy/ranking/images/second/bg_top.png);
  background-size: 100% 110px;
}
.mv.top {
  background-image: url(/sp/enjoy/ranking/images/index/bg_top.png);
  background-size: 100% 335px;
}
.mv.top h1 {
  padding: 8px 0 0 10px;
}
.mv.top .prize_top {
  padding-left: 10px;
  position: relative;
  z-index: 31;
  margin: 0;
}
.mv h1 {
  position: relative;
  line-height: 1em;
  z-index: 30;
  padding: 7px 0 6px 10px;
}
.mv > img {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
}

.box_search {
  margin: 0 auto;
  width: 293px;
  background: top left no-repeat;
  background-image: url(/sp/enjoy/ranking/images/index/bg_search.png);
  background-size: 305px 141px;
  border: none;
  text-align: left;
  position: relative;
  padding: 33px 0 30px 12px;
  z-index: 10;
}
.box_search .btn_wrap {
  padding-left: 67px;
  padding-top: 11px;
}
.box_search .btn_wrap > .btn, .box_search .btn_wrap > .btn_top {
  margin-left: 10px;
}

.name_boy {
  color: #4281d7;
}

.name_girl {
  color: #de166f;
}

.detail_name {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 1em;
  padding-top: 20px;
  text-align: center;
  position: relative;
}

.catLabel {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1em;
  position: absolute;
  top: 20px;
  left: 10px;
  color: #674611;
  border: 1px solid #674611;
  background: white;
  padding: 3px;
}
.catLabel.name {
  color: white;
  background-color: #674611;
}

.icons {
  position: absolute;
  right: 4px;
  top: 50%;
  font-size: 0px;
}

.icon_boy {
  display: inline-block;
  margin-right: 5px;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 25px;
  height: 35px;
  background-position: 0 -180px;
  margin-top: -17.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.icon_girl {
  margin-right: 5px;
  display: inline-block;
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 25px;
  height: 35px;
  background-position: 0 -145px;
  margin-top: -17.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}

.related_name {
  text-align: center;
  margin-bottom: 10px;
}

.btns .btn, .btns .btn_top {
  margin-bottom: 10px;
}
.btns .btn:last-child, .btns .btn_top:last-child {
  margin-bottom: 10px !important;
}

.year .table, .year .table_ranking {
  border: none;
}
.year .table th:first-child, .year .table_ranking th:first-child, .year .table td:first-child, .year .table_ranking td:first-child {
  border-left: none;
}
.year .table th:last-child, .year .table_ranking th:last-child, .year .table td:last-child, .year .table_ranking td:last-child {
  border-right: none;
}
.year .table.lastPage tr:last-child td, .year .lastPage.table_ranking tr:last-child td {
  border-bottom: none;
}

.table_topics {
  width: 100%;
  text-align: center;
  border: 1px solid #cccccc;
  table-layout: fixed;
}
.table_topics caption {
  font-weight: bold;
  margin-bottom: 5px;
}
.table_topics thead th {
  color: white;
}
.table_topics th, .table_topics td {
  border: 1px solid #cccccc;
  padding: 4px 0;
}
.table_topics th:first-child, .table_topics td:first-child {
  border-left: none;
}
.table_topics th:last-child, .table_topics td:last-child {
  border-right: none;
}

.table_boy thead th {
  background: #4281d7;
}
.table_boy tbody th {
  background: #e3ecf9;
  color: #4281d7;
}

.table_girl thead th {
  background: #de166f;
}
.table_girl tbody th {
  background: #fadcea;
  color: #de166f;
}

.table_diff .th_boy {
  background: #4281d7;
}
.table_diff .th_girl {
  background: #de166f;
}

caption {
  text-align: left;
  margin-left: 2px;
  font-weight: bold;
}

.table_topics .place1,
.table_diff .place1 {
  background: #fdffd0;
}

.list_item_ranking {
  font-size: 14px;
}

.table_ranking {
  margin: 0;
}
.table_ranking th {
  color: white;
  text-align: center;
}
.table_ranking th:first-child {
  background-color: #4281d7;
}
.table_ranking th:last-child {
  background-color: #de166f;
}
.table_ranking td {
  padding: 0;
}
.table_ranking td > div {
  position: relative;
}
.table_ranking td a {
  display: block;
  padding-left: 47px;
  text-decoration: none;
}

.rank {
  position: relative;
  padding-left: 45px !important;
}

.list_item .rank {
  padding-right: 15px !important;
}

.prize {
  position: absolute;
  left: 0;
  top: 11px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 44px;
}
.prize span {
  font-size: 10px;
}

.place1 .prize {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 32px;
  height: 22px;
  background-position: 0 -104px;
  margin-top: -11px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  top: 20px;
  left: 5px;
  font-size: 18px;
}

.place2 .prize {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 32px;
  height: 22px;
  background-position: 0 -82px;
  margin-top: -11px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  top: 20px;
  left: 5px;
  font-size: 18px;
}

.place3 .prize {
  background-image: url('/sp/css/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 32px;
  height: 22px;
  background-position: 0 -60px;
  margin-top: -11px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
  top: 20px;
  left: 5px;
  font-size: 18px;
}

.contractor-sprite {
  background: url('/sp/css/images/contractor.png') no-repeat;
}

.ic_img:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  margin-top: 5px;
}

.ic_01:before {
  background-image: url('/sp/css/images/contractor.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-position: 0 0;
  margin-top: -15px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  -o-background-size: 30px auto;
  background-size: 30px auto;
  top: 0px;
  margin-top: 8px;
}

.ic_02:before {
  background-image: url('/sp/css/images/contractor.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-position: 0 -30px;
  margin-top: -15px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  -o-background-size: 30px auto;
  background-size: 30px auto;
  top: 0px;
  margin-top: 8px;
}

.ic_03:before {
  background-image: url('/sp/css/images/contractor.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-position: 0 -120px;
  margin-top: -15px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  -o-background-size: 30px auto;
  background-size: 30px auto;
  top: 0px;
  margin-top: 8px;
}

.ic_04:before {
  background-image: url('/sp/css/images/contractor.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-position: 0 -60px;
  margin-top: -15px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  -o-background-size: 30px auto;
  background-size: 30px auto;
  top: 0px;
  margin-top: 8px;
}

.ic_05:before {
  background-image: url('/sp/css/images/contractor.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-position: 0 -90px;
  margin-top: -15px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  -o-background-size: 30px auto;
  background-size: 30px auto;
  top: 0px;
  margin-top: 8px;
}

.ic_06:before {
  background-image: url('/sp/css/images/contractor.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-position: 0 -150px;
  margin-top: -15px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  -o-background-size: 30px auto;
  background-size: 30px auto;
  top: 0px;
  margin-top: 8px;
}

.flow_box .ic_body {
  position: relative;
}
.flow_box .ic_body p span {
  padding: 0 0 0 100px;
  display: block;
  width: 75%;
  overflow: hidden;
}

.ic_img .ic_txt {
  display: block;
  font-weight: bold;
  padding: 0 0 12px 38px;
}

.logo_wrap {
  background: #fef2cc;
  padding: 0 0 15px;
}
.logo_wrap h4 {
  padding: 15px 30px 10px;
}
.logo_wrap ul {
  overflow: hidden;
}
.logo_wrap li {
  display: inline-block;
  padding-right: 25px;
  margin-top: 15px;
}

.heading_lv3{
  margin: 10px 0 10px 10px;
}

/* ======== contact ======== */
.time dl {
  overflow: hidden;
}
.time dt {
  float: left;
  width: 49%;
  margin: 0;
  padding: 0;
}
.time dd {
  float: right;
  width: 49%;
  margin: 0;
  text-align: left;
}






/* Navi
---------------------------------------------------------- */
#menu_area .toggle_body {
  padding: 0;
}

#menu_area .toggle .box_body .list_item {
  margin: 0;
}

.global_header {
  padding: 0;
  margin: 0;
}

.global_header .header_inner {
  padding: 13px 10px 12px;
}

#glayLayer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.60;
  filter: alpha(opacity=60);
  z-index: 5555;
  display: none;
}

#overLayer {
  border-top: 3px solid #00A08D;
  position: absolute;
  top: -3px;
  z-index: 6666;
  background: #FFF;
  width: 100%;
  display: none;
}

#overLayer #menu_area {
  padding: 10px 0 10px;
  background: #00A08D;
}

#overLayer #menu_area .btn, #overLayer #menu_area .btn_top {
  margin: 0 30px 10px;
}

#overLayer #menu_area .hr {
  border-top: 1px solid #FFF;
}
.global_header .navigation a:after, .global_header .navigation_close a:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
}
.global_header {
  border-top: 3px solid #00a08d;
}
.global_header h1 {
  background-size: 133px 19px;
}
.global_header .navigation a {
  -webkit-border-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 4px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-radius: 4px;
  -ms-border-top-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1b3), color-stop(100%, #009380));
  background-image: -webkit-linear-gradient(top, #00c1b3, #009380);
  background-image: -moz-linear-gradient(top, #00c1b3, #009380);
  background-image: -o-linear-gradient(top, #00c1b3, #009380);
  background-image: linear-gradient(top, #00c1b3, #009380);
  position: absolute;
  padding-right: 10px !important;
  padding-left: 40px !important;
  right: 0;
  top: 7px;
  height: 29px;
  border: 1px solid #009380;
  border-right: none;
  color: white;
  text-decoration: none;
  line-height: 26px;
}
.global_header .navigation_close a {
  -webkit-border-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 4px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-radius: 4px;
  -ms-border-top-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1b3), color-stop(100%, #009380));
  background-image: -webkit-linear-gradient(top, #00c1b3, #009380);
  background-image: -moz-linear-gradient(top, #00c1b3, #009380);
  background-image: -o-linear-gradient(top, #00c1b3, #009380);
  background-image: linear-gradient(top, #00c1b3, #009380);
  position: absolute;
  padding-right: 10px !important;
  padding-left: 40px !important;
  right: 0;
  top: 7px;
  height: 29px;
  border: 1px solid #009380;
  border-right: none;
  color: white;
  text-decoration: none;
  line-height: 26px;
}
.global_header .navigation_close a:after {
  left: 8px;
}

.topic_path {
  border-top: 1px solid #cccccc;
}
.topic_path ol {
  padding-left: 0;
}
.topic_path li {
  display: inline-block;
  font-size: 12px;
}
.topic_path li a {
  text-decoration: underline;
}
.topic_path li:after {
  content: " > ";
}
.topic_path li:last-child:after {
  content: "";
}

.second .global_footer footer.footer ul li:first-child a,
.global_footer footer.footer ul:first-child li:first-child a {
  border: none;
}

.global_footer footer.footer {
  padding: 0;
}
.global_footer footer.footer .goPc a {
  color: white;
  display: inline-block;
  text-decoration: none;
  padding: 15px 0 10px;
}
.global_footer footer.footer .goPc a:after {
  right: 5px;
  margin-top: -4px;
}
.global_footer footer.footer ul {
  border-bottom: 2px solid white;
  margin-bottom: 20px;
}
.global_footer footer.footer ul li {
  margin: 0 10px;
  float: none;
}
.global_footer footer.footer ul li:first-child a {
  border-top: 1px solid white;
}
.global_footer footer.footer ul li a {
  border-top: 1px solid #40b8aa;
  display: block;
  padding: 14px 15px 13px;
  text-decoration: none;
}
.global_footer footer.footer ul li a:before {
  width: 4px;
  height: 1px;
  content: "";
  background-color: #e9bd09;
  position: absolute;
  top: 50%;
  left: 5px;
}
.global_footer .copyright {
  line-height: 1.3em;
  text-align: left;
  margin: 0 10px;
}
.global_footer .container_div #bottompagetop {
  padding-bottom: 0 !important;
}
.icon_minus:after, .icon_plus:after, .icon_slide:after, .icon_close:after, .global_header .navigation_close a:after {
  right: 5px;
}
.icon_close:after, .global_header .navigation_close a:after {
  background-image: url('/sp/common/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-position: 0 -587px;
  margin-top: -8.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}
.icon_menu:after, .global_header .navigation a:after {
  background-image: url('/sp/common/images/sprt.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 20px;
  height: 15px;
  background-position: 0 -914px;
  margin-top: -7.5px;
  -webkit-background-size: 34px auto;
  -moz-background-size: 34px auto;
  -o-background-size: 34px auto;
  background-size: 34px auto;
}
#menu_area .box_rd{
  margin-top: 0;
}