@charset "UTF-8";
/*! 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.
 */
/**
 * 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;
  display: none; }

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

@font-face {
  font-family: 'icomoon';
  src: url("/mot2/assets/fonts/icomoon.eot?n764td");
  src: url("/mot2/assets/fonts/icomoon.eot?n764td#iefix") format("embedded-opentype"), url("/mot2/assets/fonts/icomoon.ttf?n764td") format("truetype"), url("/mot2/assets/fonts/icomoon.woff?n764td") format("woff"), url("/mot2/assets/fonts/icomoon.svg?n764td#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-menu:before {
  content: "\e906"; }

.icon-plus:before {
  content: "\e907"; }

.icon-peoples:before {
  content: "\e900"; }

.icon-book:before {
  content: "\e901"; }

.icon-hakushi:before {
  content: "\e902"; }

.icon-money:before {
  content: "\e903"; }

.icon-class:before {
  content: "\e904"; }

.icon-calendar:before {
  content: "\e905"; }

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

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

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

.align-justify {
  text-align: justify;
  text-rendering: optimizeLegibility;
  word-break: break-all; }

/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
/* ************************************
 *
 * SCSS Media Queries Mixins
 * 
 * Aauthor   : Ryuichi Nonaka
 * Version   : 0.5.0
 * Copyright : 2012 Ryuichi Nonaka
 * Date      : 2013/08/07
 *
 * Released under the MIT license
 *
 *********************************** */
/* ***********************************
書き方のサンプル
第一引数にmin-width 第2引数にmax-width
div {
//media queries
@include mq( 0px, 320px ) {
margin-left: 5px;
margin-right: 5px;
}
}
 *********************************** */
/* ************************************
 *
 * MediaQueries Mixin
 * Initialize variables
 *
 * @param $min-width: num - Minimum device width.
 * @param $max-width: num - Maximum device width.
 * @param $resolution: num - Device pixel ratio.
 * @param $orientation: string or boolean [portrait|landscape|false] - Device orientation.
 *
 *********************************** */
/*basic
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  text-rendering: optimizelegibility; }

body {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.7;
  margin: 0 auto;
  margin: 0;
  padding: 0; }

/*header
///////////////////////////////////////////////////////////////////*/
/* エリアマップ
///////////////////////////////////////////////////////////////////*/
/*main
///////////////////////////////////////////////////////////////////*/
.textR {
  text-align: right; }

/*.page-top
///////////////////////////////////////////////////////////////////*/
/*footer
///////////////////////////////////////////////////////////////////*/
/*special01
///////////////////////////////////////////////////////////////////*/
#special {
  width: 100%; }
  #special p {
    line-height: 1.8;
    font-size: 12px;
    font-size: 0.85714rem; }
  #special h2 {
    line-height: 1.3;
    font-size: 20px;
    font-size: 1.42857rem;
    margin-bottom: 20px;
    clear: both; }
  #special h3 {
    margin: 50px 0 40px 0;
    padding: 15px 50px;
    font-size: 22px;
    font-size: 1.57143rem;
    font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-top: 3px solid #f39700;
    border-bottom: 3px solid #f39700;
    color: #f39700;
    display: inline-block;
    letter-spacing: 3px; }
    #special h3 .photo {
      background: none;
      border: 0px dotted #ececec;
      clear: both;
      padding: 0; }
    @media only screen and (min-width: 0px) and (max-width: 600px) {
      #special h3 {
        font-size: 16px;
        font-size: 1.14286rem;
        letter-spacing: 1px; } }
  #special h4 {
    background: url("/mot2/assets/img/common/tit_line.gif") repeat-x scroll center bottom;
    font-size: 18px;
    font-size: 1.28571rem;
    font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 1.3;
    clear: both; }
    @media only screen and (min-width: 0px) and (max-width: 600px) {
      #special h4 {
        font-size: 16px;
        font-size: 1.14286rem;
        letter-spacing: 1px; } }
  #special h5 {
    clear: both;
    margin: 20px 0 15px 0;
    line-height: 1.3;
    font-size: 1.1em;
    font-weight: bold; }
  #special .catch {
    line-height: 1.3;
    font-size: 2em;
    font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal;
    margin-bottom: 40px;
    clear: both; }
  #special .caption {
    color: #666;
    font-size: 9px;
    font-size: 0.64286rem; }
  #special ol {
    margin-bottom: 20px; }
  #special ul li {
    background: none;
    list-style-position: inside;
    padding-left: 3px;
    margin-bottom: 3px; }
  #special .list li {
    margin-bottom: 3px;
    list-style-type: disc;
    padding: 0;
    margin-left: 12px;
    list-style-position: outside; }
  #special dl {
    margin-bottom: 20px; }
  #special #all {
    position: relative;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center; }
    #special #all #global_header {
      background: #000;
      color: #fff;
      position: relative;
      z-index: 20;
      height: 30px;
      font-size: 10px;
      font-size: 0.71429rem; }
      #special #all #global_header .inner {
        position: relative;
        width: 100%;
        max-width: 960px;
        margin: 0 auto; }
        #special #all #global_header .inner #global_navigation {
          position: absolute;
          right: 0;
          top: 10px; }
          #special #all #global_header .inner #global_navigation ul {
            text-align: right; }
            #special #all #global_header .inner #global_navigation ul li {
              border-left: 1px solid #fff;
              float: left;
              line-height: 1; }
              #special #all #global_header .inner #global_navigation ul li a {
                color: #fff;
                text-decoration: none;
                padding: 0 10px; }
                #special #all #global_header .inner #global_navigation ul li a:hover {
                  text-decoration: underline; }
    #special #all header {
      position: relative;
      width: 100%;
      background: url("/mot2/assets/img/special/headerBg.png") repeat scroll 0 0; }
      #special #all header .header-inner {
        position: relative;
        max-width: 960px;
        min-height: 65px;
        margin: 0 auto;
        text-align: left;
        padding-left: 5px; }
        #special #all header .header-inner #logo img {
          width: 100%;
          height: auto;
          max-width: 398px;
          max-height: 59px; }
      @media only screen and (min-width: 0px) and (max-width: 600px) {
        #special #all header .header-inner #logo {
          padding-top: 10px; }
          #special #all header .header-inner #logo img {
            width: 70%;
            height: auto; } }
    #special #all #content {
      position: relative;
      clear: both;
      padding-bottom: 40px;
      z-index: 0; }
      #special #all #content #main-img {
        display: block;
        position: relative;
        margin: 0 auto;
        background: url("/mot2/assets/img/special/special-main_img.jpg") no-repeat scroll center center #545657; }
        #special #all #content #main-img .inner {
          position: relative;
          width: 100%;
          max-width: 960px;
          min-height: 400px;
          height: auto;
          margin: 0 auto; }
          #special #all #content #main-img .inner .title01 {
            font-size: 24px;
            font-size: 1.71429rem;
            color: #fff;
            margin: 20px 0 30px;
            font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            display: inline-block;
            background: url("/mot2/assets/img/special/border-img01.png") repeat-x scroll top left;
            padding: 10px 0; }
            #special #all #content #main-img .inner .title01 span {
              background: url("/mot2/assets/img/special/border-img01.png") repeat-x scroll bottom left;
              padding: 0 40px 15px; }
          #special #all #content #main-img .inner .title02 {
            margin-bottom: 30px; }
          #special #all #content #main-img .inner .title03 {
            margin-bottom: 30px; }
          #special #all #content #main-img .inner .btnList {
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0 auto;
            padding: 0; }
            #special #all #content #main-img .inner .btnList li {
              justify-content: space-around;
              margin: 0 1%;
              width: 30%;
              opacity: 0.8;
              background: #fff;
              padding: 10px 10px 5px 10px;
              text-align: left; }
              #special #all #content #main-img .inner .btnList li img {
                vertical-align: middle;
                display: inline-block;
                margin-right: 20px;
                max-width: 80px;
                max-height: 80px; }
              #special #all #content #main-img .inner .btnList li .text {
                font-size: 20px;
                font-size: 1.42857rem;
                font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
                text-align: left;
                line-height: 1.4;
                vertical-align: middle;
                display: inline-block; }
                #special #all #content #main-img .inner .btnList li .text strong {
                  font-weight: normal;
                  color: #f37800; }
        @media only screen and (min-width: 0px) and (max-width: 600px) {
          #special #all #content #main-img .inner .title01 {
            margin-bottom: 10px;
            font-size: 14px;
            font-size: 1rem; }
            #special #all #content #main-img .inner .title01 span {
              padding: 0 10px 15px; }
          #special #all #content #main-img .inner .title02 {
            margin-bottom: 10px; }
            #special #all #content #main-img .inner .title02 img {
              width: 90%;
              max-width: 470px;
              height: auto; }
          #special #all #content #main-img .inner .title03 {
            margin-bottom: 10px; }
            #special #all #content #main-img .inner .title03 img {
              width: 90%;
              max-width: 470px;
              height: auto; }
          #special #all #content #main-img .inner .btnList {
            display: block; }
            #special #all #content #main-img .inner .btnList li {
              margin: 10px auto 0;
              width: 90%;
              height: auto; }
              #special #all #content #main-img .inner .btnList li .text {
                font-size: 16px;
                font-size: 1.14286rem; } }
        @media only screen and (min-width: 601px) and (max-width: 1024px) {
          #special #all #content #main-img .inner {
            min-height: 300px; }
            #special #all #content #main-img .inner .title01 {
              margin-bottom: 10px;
              font-size: 14px;
              font-size: 1rem; }
              #special #all #content #main-img .inner .title01 span {
                padding: 0 10px 15px; }
            #special #all #content #main-img .inner .title02 {
              margin-bottom: 10px; }
              #special #all #content #main-img .inner .title02 img {
                width: 100%;
                max-width: 470px;
                height: auto; }
            #special #all #content #main-img .inner .title03 img {
              width: 100%;
              max-width: 470px;
              height: auto; }
            #special #all #content #main-img .inner .btnList li {
              margin-top: 10px;
              text-align: center; }
              #special #all #content #main-img .inner .btnList li img {
                margin: 0;
                text-align: center; }
              #special #all #content #main-img .inner .btnList li .text {
                font-size: 16px;
                font-size: 1.14286rem;
                display: block;
                text-align: center; } }
      #special #all #content #main {
        position: relative;
        width: 100%;
        margin: 0 auto; }
        #special #all #content #main #request {
          display: block;
          width: 100%;
          position: relative;
          text-align: center;
          margin: 0 auto;
          color: #fff;
          background: url("/mot2/assets/img/special/requestBg.png") repeat scroll 0 0 #4a4a4a; }
          #special #all #content #main #request .inner {
            position: relative;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
            #special #all #content #main #request .inner .text {
              color: #fff;
              font-family: serif;
              font-size: 24px;
              font-size: 1.71429rem;
              letter-spacing: 3px;
              width: 50%;
              padding: 40px 0; }
            #special #all #content #main #request .inner .text2 {
              color: #fff;
              font-family: serif;
              font-size: 20px;
              font-size: 1.42857rem;
              letter-spacing: 3px;
              width: 50%;
              padding: 20px 0; }
            #special #all #content #main #request .inner .requestbtn {
              padding: 25px 0;
              color: #fff;
              font-size: 24px;
              font-size: 1.71429rem;
              width: 48%; }
              #special #all #content #main #request .inner .requestbtn a {
                background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -moz-linear-gradient(#fbad2e, #f39700);
                /* Firefox */
                background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fbad2e), to(#f39700));
                /* safari Chrome */
                background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -ms-linear-gradient(#fbad2e, #f39700);
                /* IE */
                display: block;
                max-width: 480px;
                max-height: 80px;
                padding: 15px 10px 15px 0;
                color: #fff; }
                #special #all #content #main #request .inner .requestbtn a .file_icon {
                  display: none; }
                #special #all #content #main #request .inner .requestbtn a:hover {
                  background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -moz-linear-gradient(#fa8d12, #ef7600);
                  /* Firefox */
                  background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fa8d12), to(#ef7600));
                  /* safari Chrome */
                  background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -ms-linear-gradient(#fa8d12, #ef7600);
                  /* IE */ }
                #special #all #content #main #request .inner .requestbtn a:after {
                  -webkit-transition: all .3s;
                  transition: all .3s; }
            #special #all #content #main #request .inner .eventbtn {
              padding: 25px 0;
              color: #fff;
              font-size: 24px;
              font-size: 1.71429rem;
              width: 48%; }
              #special #all #content #main #request .inner .eventbtn a {
                background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -moz-linear-gradient(#aa0021, #84001a);
                background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#aa0021), to(#84001a));
                background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -ms-linear-gradient(#aa0021, #84001a);
                display: block;
                max-width: 480px;
                max-height: 80px;
                padding: 15px 10px 15px 0;
                color: #fff; }
                #special #all #content #main #request .inner .eventbtn a .file_icon {
                  display: none; }
                #special #all #content #main #request .inner .eventbtn a:hover {
                  background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -moz-linear-gradient(#95000e, #6f000a);
                  background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#95000e), to(#6f000a));
                  background: url("/mot2/assets/img/special/request-btn-arrow.png") bottom right no-repeat, -ms-linear-gradient(#95000e, #6f000a); }
          @media only screen and (min-width: 0px) and (max-width: 600px) {
            #special #all #content #main #request .inner .text {
              font-size: 17px;
              font-size: 1.21429rem;
              width: 90%;
              padding: 10px 0 0;
              margin: 0 auto; }
            #special #all #content #main #request .inner .text2 {
              font-size: 15px;
              font-size: 1.07143rem;
              width: 90%;
              padding: 0;
              margin: 10px auto 0; }
            #special #all #content #main #request .inner .requestbtn {
              width: 90%;
              font-size: 16px;
              font-size: 1.14286rem;
              margin: 0 auto;
              padding: 10px 0 20px; }
            #special #all #content #main #request .inner .eventbtn {
              width: 90%;
              font-size: 16px;
              font-size: 1.14286rem;
              margin: 0 auto; } }
          @media only screen and (min-width: 601px) and (max-width: 1280px) {
            #special #all #content #main #request .inner .text {
              font-size: 16px;
              font-size: 1.14286rem; }
            #special #all #content #main #request .inner .text2 {
              font-size: 16px;
              font-size: 1.14286rem; }
            #special #all #content #main #request .inner .requestbtn {
              font-size: 16px;
              font-size: 1.14286rem; }
            #special #all #content #main #request .inner .eventbtn {
              font-size: 16px;
              font-size: 1.14286rem; } }
        #special #all #content #main #howto {
          position: relative;
          margin-bottom: 60px; }
          #special #all #content #main #howto .inner {
            display: -webkit-flex;
            display: flex;
            width: 100%; }
            #special #all #content #main #howto .inner .box {
              width: 45%;
              margin: 0 2%; }
              #special #all #content #main #howto .inner .box h4 {
                font-size: 16px;
                font-size: 1.14286rem; }
              #special #all #content #main #howto .inner .box p {
                text-align: left; }
          @media only screen and (min-width: 0px) and (max-width: 600px) {
            #special #all #content #main #howto .inner {
              flex-wrap: wrap; }
              #special #all #content #main #howto .inner .box {
                margin: 0 auto;
                width: 90%;
                display: block;
                margin-bottom: 30px; } }
        #special #all #content #main #merit {
          position: relative;
          background: #eeeeee; }
          #special #all #content #main #merit .inner {
            text-align: left;
            position: relative; }
            #special #all #content #main #merit .inner .number {
              display: none; }
            #special #all #content #main #merit .inner .meritList01 {
              background: url("/mot2/assets/img/special/merit-no01.png") no-repeat scroll 0 0;
              padding-bottom: 50px; }
            #special #all #content #main #merit .inner .meritList02 {
              background: url("/mot2/assets/img/special/merit-no02.png") no-repeat scroll 0 0;
              padding-bottom: 50px; }
            #special #all #content #main #merit .inner .meritList03 {
              background: url("/mot2/assets/img/special/merit-no03.png") no-repeat scroll 0 0;
              padding-bottom: 50px; }
            #special #all #content #main #merit .inner h4 {
              margin-left: 140px; }
            #special #all #content #main #merit .inner p {
              margin-left: 140px; }
            #special #all #content #main #merit .inner .bx-wrapper {
              margin-left: 160px !important;
              position: relative;
              padding-top: 15px; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-viewport {
                width: 100%;
                height: auto;
                background: #4a4a4a;
                -moz-box-shadow: 0 0 5px #ccc;
                -webkit-box-shadow: 0 0 5px #ccc;
                box-shadow: 0 0 5px #ccc;
                border: 5px solid #fff;
                /*fix other elements on the page moving (on Chrome)*/
                -webkit-transform: translatez(0);
                -moz-transform: translatez(0);
                -ms-transform: translatez(0);
                -o-transform: translatez(0);
                transform: translatez(0); }
                #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li {
                  background: #4a4a4a; }
                  #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li figure {
                    float: right;
                    clear: right;
                    width: 200px; }
                  #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl {
                    margin: 0 210px 0 0; }
                    #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl dt {
                      padding: 5px 12px 0 12px; }
                      #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl dt .name {
                        color: #fff;
                        margin-left: 0;
                        font-size: 13px;
                        font-size: 0.92857rem; }
                        #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl dt .name span {
                          font-size: 20px;
                          font-size: 1.42857rem;
                          font-weight: bold; }
                      #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl dt .position {
                        background: #fff;
                        margin-left: 0;
                        padding: 0 5px;
                        font-size: 10px;
                        font-size: 0.71429rem; }
                    #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl dd {
                      padding: 5px 12px 12px 12px;
                      color: #fff;
                      font-size: 10px;
                      font-size: 0.71429rem;
                      line-height: 1.4; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-pager,
              #special #all #content #main #merit .inner .bx-wrapper .bx-controls-auto {
                position: absolute;
                bottom: -30px;
                width: 100%; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-loading {
                min-height: 50px;
                background: url(/mot2/assets/img/special/bx_loader.gif) center center no-repeat #fff;
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2000; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-pager {
                text-align: center;
                font-size: .85em;
                font-family: Arial;
                font-weight: bold;
                color: #666;
                padding-top: 20px; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-pager a {
                  background: #666;
                  text-indent: -9999px;
                  display: block;
                  width: 10px;
                  height: 10px;
                  margin: 0 5px;
                  outline: 0;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;
                  border-radius: 5px; }
                  #special #all #content #main #merit .inner .bx-wrapper .bx-pager a:hover {
                    background: #000; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-pager .active {
                  background: #000; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-prev {
                left: -30px;
                background: url(/mot2/assets/img/special/controls.png) no-repeat 0 -32px; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-prev:hover {
                  background-position: 0 0; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-next {
                right: -30px;
                background: url(/mot2/assets/img/special/controls.png) no-repeat -43px -32px; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-next:hover {
                  background-position: -43px 0; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-controls-direction a {
                position: absolute;
                top: 50%;
                margin-top: -16px;
                outline: 0;
                width: 32px;
                height: 32px;
                text-indent: -9999px;
                z-index: 9999; }
              #special #all #content #main #merit .inner .bx-wrapper .bx-controls-direction .disabled {
                display: none; }
          @media only screen and (min-width: 0px) and (max-width: 600px) {
            #special #all #content #main #merit .inner {
              text-align: left;
              position: relative; }
              #special #all #content #main #merit .inner .number {
                display: block;
                text-align: center; }
                #special #all #content #main #merit .inner .number img {
                  width: 50px;
                  height: auto; }
              #special #all #content #main #merit .inner .meritList01 {
                background: none; }
              #special #all #content #main #merit .inner .meritList02 {
                background: none; }
              #special #all #content #main #merit .inner .meritList03 {
                background: none; }
              #special #all #content #main #merit .inner h4 {
                margin-left: 0;
                text-align: center; }
              #special #all #content #main #merit .inner p {
                margin-left: 0; }
              #special #all #content #main #merit .inner .bx-wrapper {
                margin-left: 0 !important;
                position: relative;
                padding-top: 15px; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-viewport {
                  -moz-box-shadow: 0 0 5px #ccc;
                  -webkit-box-shadow: 0 0 5px #ccc;
                  box-shadow: 0 0 5px #ccc;
                  border: 5px solid #fff; }
                  #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li figure {
                    float: none;
                    margin: 15px auto 0;
                    background: #fff;
                    width: 94%;
                    text-align: center;
                    position: relative; }
                    #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li figure img {
                      width: 100%;
                      height: auto;
                      margin: 0 auto; }
                  #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl {
                    margin: 0; }
                    #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl dt .name {
                      font-size: 11px;
                      font-size: 0.78571rem; }
                      #special #all #content #main #merit .inner .bx-wrapper .bx-viewport li dl dt .name span {
                        font-size: 14px;
                        font-size: 1rem; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-controls {
                  display: none; } }
          @media only screen and (min-width: 601px) and (max-width: 1024px) {
            #special #all #content #main #merit .inner {
              text-align: left;
              position: relative; }
              #special #all #content #main #merit .inner h4 {
                margin-left: 140px; }
              #special #all #content #main #merit .inner p {
                margin-left: 140px; }
              #special #all #content #main #merit .inner .bx-wrapper {
                margin-left: 0 !important;
                position: relative;
                padding-top: 15px; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-prev {
                  left: 0px;
                  background: url(/mot2/assets/img/special/controls.png) no-repeat 0 -32px; }
                  #special #all #content #main #merit .inner .bx-wrapper .bx-prev:hover {
                    background-position: 0 0; }
                #special #all #content #main #merit .inner .bx-wrapper .bx-next {
                  right: 0;
                  background: url(/mot2/assets/img/special/controls.png) no-repeat -43px -32px; }
                  #special #all #content #main #merit .inner .bx-wrapper .bx-next:hover {
                    background-position: -43px 0; } }
        #special #all #content #main #system .inner .systemBox {
          display: -webkit-flex;
          display: flex;
          flex-wrap: wrap;
          width: 100%; }
          #special #all #content #main #system .inner .systemBox li {
            width: 46%;
            border: 15px solid #eaeaea;
            padding: 15px;
            margin: 0 2% 20px;
            text-align: left; }
            #special #all #content #main #system .inner .systemBox li h4 {
              font-size: 14px;
              font-size: 1rem;
              min-height: 50px;
              font-weight: bold;
              background: none; }
              #special #all #content #main #system .inner .systemBox li h4:before {
                font-family: "icomoon";
                display: inline-block;
                vertical-align: middle;
                font-weight: normal;
                color: #f39700;
                font-size: 56px;
                font-size: 4rem;
                width: 110px; }
            #special #all #content #main #system .inner .systemBox li .icon-peoples:before {
              font-size: 46px;
              font-size: 3.28571rem; }
            #special #all #content #main #system .inner .systemBox li p strong {
              color: #ff0000; }
        #special #all #content #main #system .inner #triangle {
          height: 0px;
          width: 0px;
          border: 50px solid #F39700;
          border-color: transparent;
          border-top-color: #F39700;
          margin: 0 auto; }
        #special #all #content #main #system .inner .fuwafuwa {
          -webkit-animation-name: fuwafuwa;
          /* fuwafuwaっていうアニメーションをしてね！ */
          -webkit-animation-duration: 2s;
          -webkit-animation-iteration-count: infinite;
          /*-webkit-animation-direction:alternate;*/
          -webkit-animation-timing-function: ease;
          -moz-animation-name: fuwafuwa;
          -moz-animation-duration: 2s;
          -moz-animation-iteration-count: infinite;
          /*-moz-animation-direction:alternate;*/
          -moz-animation-timing-function: ease; }
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -10px); }
  100% {
    -webkit-transform: translate(0, 0); } }
@-moz-keyframes fuwafuwa {
  0% {
    -moz-transform: translate(0, 0); }
  50% {
    -moz-transform: translate(0, -10px); }
  100% {
    -moz-transform: translate(0, 0); } }
        #special #all #content #main #system .inner .emphasis {
          font-size: 24px;
          font-size: 1.71429rem;
          margin-bottom: 50px; }
        @media only screen and (min-width: 0px) and (max-width: 600px) {
          #special #all #content #main #system .inner .systemBox li {
            width: 100%; }
          #special #all #content #main #system .inner .center img {
            width: 71px;
            height: auto; }
          #special #all #content #main #system .inner .emphasis {
            font-size: 14px;
            font-size: 1rem; } }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #special #all #content #main #system .inner .emphasis {
            font-size: 16px;
            font-size: 1.14286rem; } }
        #special #all #content #main #interview {
          position: relative;
          background: #eee; }
          #special #all #content #main #interview .inner {
            text-align: left; }
            #special #all #content #main #interview .inner .interview-box {
              background: url("/mot2/assets/img/special/interview-bg.png") no-repeat scroll 0 0 #f39700;
              margin-bottom: 30px;
              position: relative; }
              #special #all #content #main #interview .inner .interview-box h4 {
                background: none;
                color: #fff;
                font-size: 20px;
                font-size: 1.42857rem;
                padding: 25px 0 40px;
                text-shadow: 1px 1px 3px #666;
                letter-spacing: 3px;
                width: 73%;
                height: auto;
                float: right; }
              #special #all #content #main #interview .inner .interview-box h5 {
                font-size: 11px;
                font-size: 0.78571rem; }
              #special #all #content #main #interview .inner .interview-box .interview-photo {
                float: left;
                width: 25%;
                height: auto;
                max-width: 220px; }
              #special #all #content #main #interview .inner .interview-box .interviewText {
                width: 73%;
                height: auto;
                position: relative;
                color: #fff;
                float: right; }
                #special #all #content #main #interview .inner .interview-box .interviewText .name {
                  font-size: 16px;
                  font-size: 1.14286rem;
                  margin-bottom: 15px; }
              #special #all #content #main #interview .inner .interview-box .acdBox h5 {
                margin: 0; }
                #special #all #content #main #interview .inner .interview-box .acdBox h5 a {
                  color: #fff;
                  background: #666;
                  display: block;
                  text-decoration: none;
                  text-align: center;
                  margin: 0;
                  padding: 5px 0; }
                  #special #all #content #main #interview .inner .interview-box .acdBox h5 a:before {
                    content: url(/mot2/assets/img/special/icon-plus.png);
                    margin: 10px;
                    position: relative;
                    top: 3px;
                    width: 16px;
                    height: 16px;
                    border-radius: 8px;
                    /* CSS3草案 */
                    -webkit-border-radius: 8px;
                    /* Safari,Google Chrome用 */
                    -moz-border-radius: 8px;
                    /* Firefox用 */ }
                  #special #all #content #main #interview .inner .interview-box .acdBox h5 a:hover {
                    background: #333; }
              #special #all #content #main #interview .inner .interview-box .acdBox .active a {
                color: #925B14;
                background: #fff; }
                #special #all #content #main #interview .inner .interview-box .acdBox .active a:before {
                  content: url(/mot2/assets/img/special/icon-minus.png); }
              #special #all #content #main #interview .inner .interview-box .interview-inner {
                padding: 30px 20px;
                background: #eee; }
                #special #all #content #main #interview .inner .interview-box .interview-inner dt {
                  background: url("/mot2/assets/img/special/interview-h5-bg.gif") repeat-x scroll 0 0;
                  color: #fff;
                  font-size: 11px;
                  font-size: 0.78571rem;
                  font-weight: bold;
                  padding: 10px; }
                #special #all #content #main #interview .inner .interview-box .interview-inner dd {
                  font-size: 11px;
                  font-size: 0.78571rem;
                  line-height: 1.8;
                  margin: 0 0 15px 10px; }
                #special #all #content #main #interview .inner .interview-box .interview-inner .subject h3 {
                  background: #fff;
                  font-size: 13px;
                  font-size: 0.92857rem;
                  color: #ff7e00;
                  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
                  font-weight: bold;
                  text-align: center;
                  padding: 5px 0;
                  display: block;
                  border: none; }
                #special #all #content #main #interview .inner .interview-box .interview-inner .subject ul {
                  display: -webkit-flex;
                  display: flex;
                  flex-wrap: wrap;
                  margin-bottom: 20px; }
                  #special #all #content #main #interview .inner .interview-box .interview-inner .subject ul li {
                    width: 32%;
                    margin: 0 0.5%; }
                    #special #all #content #main #interview .inner .interview-box .interview-inner .subject ul li h4 {
                      background: none;
                      font-size: 12px;
                      font-size: 0.85714rem;
                      font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
                      border: 1px dotted #8c5713;
                      color: #ff7e00;
                      padding: 10px 5px;
                      margin-left: 0;
                      text-shadow: none;
                      letter-spacing: normal;
                      display: block;
                      width: 100%; }
                #special #all #content #main #interview .inner .interview-box .interview-inner .subject .scheduletitle {
                  margin-bottom: 15px; }
                  #special #all #content #main #interview .inner .interview-box .interview-inner .subject .scheduletitle span {
                    color: #ff7e00;
                    font-weight: bold;
                    border-top: 1px solid #ff7e00;
                    border-bottom: 1px solid #ff7e00;
                    padding: 5px 10px;
                    display: inline-block;
                    margin-right: 10px; }
                #special #all #content #main #interview .inner .interview-box .interview-inner .subject table {
                  background: #fff none repeat scroll 0 0;
                  border-top: 1px solid #ccc;
                  font-size: 11px;
                  font-size: 0.78571rem;
                  margin-bottom: 40px;
                  table-layout: fixed;
                  text-align: left;
                  width: 100%; }
                  #special #all #content #main #interview .inner .interview-box .interview-inner .subject table th {
                    text-align: center;
                    width: 10%;
                    border-bottom: 1px solid #ccc; }
                  #special #all #content #main #interview .inner .interview-box .interview-inner .subject table td {
                    padding: 10px 13px;
                    border-bottom: 1px solid #ccc; }
          @media only screen and (min-width: 0px) and (max-width: 600px) {
            #special #all #content #main #interview .inner .interview-box .interview-photo {
              padding: 0;
              width: 30%; }
            #special #all #content #main #interview .inner .interview-box h4 {
              float: none;
              width: 100%;
              display: block;
              padding: 10px 5px 0;
              font-size: 16px;
              font-size: 1.14286rem; }
            #special #all #content #main #interview .inner .interview-box .interviewText {
              width: 68%; }
              #special #all #content #main #interview .inner .interview-box .interviewText .name {
                font-size: 13px;
                font-size: 0.92857rem; }
              #special #all #content #main #interview .inner .interview-box .interviewText .position {
                font-size: 11px;
                font-size: 0.78571rem;
                line-height: 1.3;
                padding-bottom: 5px; }
            #special #all #content #main #interview .inner .interview-box .interview-inner .subject ul li {
              width: 100%;
              margin-bottom: 10px; } }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            #special #all #content #main #interview .inner .interview-box h4 {
              font-size: 16px;
              font-size: 1.14286rem; } }
        #special #all #content #main #orientation {
          position: relative;
          margin-bottom: 50px; }
          #special #all #content #main #orientation .inner .box {
            border: 1px solid #ccc;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap; }
            #special #all #content #main #orientation .inner .box .left {
              width: 75%;
              margin: 0;
              border-right: 1px solid #ccc;
              text-align: left; }
              #special #all #content #main #orientation .inner .box .left h4 {
                background: #f39700;
                font-size: 20px;
                font-size: 1.42857rem;
                padding: 15px;
                font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
                #special #all #content #main #orientation .inner .box .left h4 span {
                  color: #fff;
                  display: block;
                  font-size: 14px;
                  font-size: 1rem;
                  padding-bottom: 10px; }
              #special #all #content #main #orientation .inner .box .left .title {
                float: left;
                border: 1px solid #ccc;
                padding: 10px;
                margin: 0 0 0 10px;
                background: #e0e0e0; }
              #special #all #content #main #orientation .inner .box .left .document {
                margin: 0 20px 20px 100px;
                font-size: 12px;
                font-size: 0.85714rem; }
              #special #all #content #main #orientation .inner .box .left .recommended {
                color: #f39700;
                font-size: 14px;
                font-size: 1rem;
                border: 1px solid #f39700;
                padding: 10px 20px;
                border-radius: 10px;
                /* CSS3草案 */
                -webkit-border-radius: 10px;
                /* Safari,Google Chrome用 */
                -moz-border-radius: 10px;
                /* Firefox用 */ }
                #special #all #content #main #orientation .inner .box .left .recommended p {
                  margin-bottom: 0;
                  font-size: 16px;
                  font-size: 1.14286rem;
                  font-weight: bold; }
            #special #all #content #main #orientation .inner .box .right {
              width: 25%;
              margin: 0; }
              #special #all #content #main #orientation .inner .box .right dl {
                text-align: center;
                color: #333;
                font-size: 12px;
                font-size: 0.85714rem;
                margin: 10px; }
                #special #all #content #main #orientation .inner .box .right dl dt {
                  background: #e0e0e0;
                  padding: 5px;
                  font-weight: bold;
                  border-radius: 10px;
                  /* CSS3草案 */
                  -webkit-border-radius: 10px;
                  /* Safari,Google Chrome用 */
                  -moz-border-radius: 10px;
                  /* Firefox用 */
                  margin: 20px 0 5px; }
          @media only screen and (min-width: 0px) and (max-width: 600px) {
            #special #all #content #main #orientation .inner .box .left {
              width: 100%; }
              #special #all #content #main #orientation .inner .box .left .title {
                float: none;
                display: inline-block;
                padding: 5px 10px; }
              #special #all #content #main #orientation .inner .box .left .document {
                margin: 0;
                margin: 10px; }
              #special #all #content #main #orientation .inner .box .left .recommended {
                margin: 5px; }
            #special #all #content #main #orientation .inner .box .right {
              width: 100%; } }
        #special #all #content #main .inner {
          position: relative;
          max-width: 960px;
          width: 100%;
          margin: 0 auto; }
    #special #all footer {
      position: relative;
      border-top: 8px solid #d7d7d7;
      padding-top: 15px;
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
      text-align: left;
      font-size: 9px;
      font-size: 0.64286rem; }
      #special #all footer #back_to_top {
        position: absolute;
        right: 0;
        top: -30px; }
        #special #all footer #back_to_top .return {
          color: #333;
          padding-left: 10px;
          background: url("/mot2/assets/img/common/bullet/arrow-gray-up.gif") no-repeat scroll 0 50%;
          font-size: 9px;
          font-size: 0.64286rem; }
      #special #all footer #footer_sup_nav {
        position: absolute;
        right: 0; }
      #special #all footer address {
        line-height: 1.4; }
      #special #all footer #site_navigation {
        margin-bottom: 10px; }
        #special #all footer #site_navigation ul li {
          float: left;
          border-right: 1px solid #000;
          padding-right: 5px;
          margin-right: 5px;
          line-height: 1; }
          #special #all footer #site_navigation ul li a {
            color: #333; }
            #special #all footer #site_navigation ul li a:hover {
              color: #990000;
              text-decoration: underline; }
        #special #all footer #site_navigation ul .n_sitemap {
          border: none; }
      @media only screen and (min-width: 0px) and (max-width: 600px) {
        #special #all footer #footer_sup_nav {
          display: none; }
        #special #all footer address {
          margin: 10px; }
        #special #all footer #site_navigation ul {
          margin: 10px; }
          #special #all footer #site_navigation ul li {
            float: none;
            border-bottom: 1px dotted #ccc;
            border-right: 0;
            padding: 5px 0; } }
    #special #all #global_footer {
      position: relative;
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
      text-align: left; }
      #special #all #global_footer #copyright {
        font-size: 9px;
        font-size: 0.64286rem; }
      @media only screen and (min-width: 0px) and (max-width: 480px) {
        #special #all #global_footer #copyright {
          margin: 10px; } }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #special #all #global_footer #copyright {
          margin: 10px; } }

/* ナビゲーション
///////////////////////////////////////////////////////////////////*/