@charset "utf-8";
/*
Theme Name: Passo theme
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/
/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.row { margin-right: -15px; margin-left: -15px; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3x, .col-md-4x, .col-md-5, .col-md-6x, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0; }

@media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }

  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; } }
@media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3x, .col-md-4x, .col-md-5, .col-md-6x, .col-md-7, .col-md-8, .col-md-9 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6x { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4x { width: 33.33333333%; }
  .col-md-3x { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; } }



.navbar-collapse {
	flex-basis: auto;
}

.nav { padding-left: 0; margin-bottom: 0; list-style: none; }

.nav > li { position: relative; display: block; }

.nav > li > a { position: relative; display: block; padding: 10px 15px; }

.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; }

.nav > li.disabled > a { color: #777; }

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #92C646; }

.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.nav > li > a > img { max-width: none; }

.nav-tabs { border-bottom: 1px solid #ddd; }

.nav-tabs > li { float: left; margin-bottom: -1px; }

.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover { border-color: #eee #eee #ddd; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; }

.nav-tabs.nav-justified { width: 100%; border-bottom: 0; }

.nav-tabs.nav-justified > li { float: none; }

.nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }

@media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
  .nav-tabs.nav-justified > li > a { margin-bottom: 0; } }
.nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; }

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd; }

@media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; } }
.nav-pills > li { float: left; }

.nav-pills > li > a { border-radius: 4px; }

.nav-pills > li + li { margin-left: 2px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #92C646; }

.nav-stacked > li { float: none; }

.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }

.nav-justified { width: 100%; }

.nav-justified > li { float: none; }

.nav-justified > li > a { margin-bottom: 5px; text-align: center; }

.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }

@media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; }
  .nav-justified > li > a { margin-bottom: 0; } }
.nav-tabs-justified { border-bottom: 0; }

.nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; }

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #ddd; }

@media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff; } }
.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.navbar { position: relative; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent; padding: 0; }

@media (min-width: 768px) { .navbar { border-radius: 4px; } }
@media (min-width: 768px) { .navbar-header { float: left; } }
.navbar-collapse { padding-right: 3px; padding-left: 3px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

.navbar-collapse.in { overflow-y: auto; }

@media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
  .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
  .navbar-collapse.in { overflow-y: visible; }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; }

@media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } }
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; }

@media (min-width: 768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } }
.navbar-static-top { z-index: 1000; border-width: 0 0 1px; }

@media (min-width: 768px) { .navbar-static-top { border-radius: 0; } }
.navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; }

@media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0; } }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }

.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }

.navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; }

.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }

.navbar-brand > img { display: block; }

@media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } }
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; z-index: 100; }

.navbar-toggle:focus { outline: 0; }

.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

@media (min-width: 768px) { .navbar-toggle { display: none; } }
.navbar-nav { margin: 7.5px -15px; }

.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }

@media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } }
@media (min-width: 768px) { .navbar-nav { float: left; margin: 0px 0px 0px 20px; flex-direction:row; }
  .navbar-nav > li { float: left; }
  .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } }
.navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }

@media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .navbar-form .form-control-static { display: inline-block; }
  .navbar-form .input-group { display: inline-table; vertical-align: middle; }

  .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; }
  .navbar-form .input-group > .form-control { width: 100%; }
  .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; }
  .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; }
  .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback { top: 0; } }
@media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; }
  .navbar-form .form-group:last-child { margin-bottom: 0; } }
@media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } }
.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.navbar-btn { margin-top: 8px; margin-bottom: 8px; }

.navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; }

.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; }

.navbar-text { margin-top: 15px; margin-bottom: 15px; }

@media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } }
@media (min-width: 768px) { .navbar-left { float: left !important; }
  .navbar-right { float: right !important; margin-right: -15px; }
  .navbar-right ~ .navbar-right { margin-right: 0; } }
.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }

.navbar-default .navbar-brand { color: #777; }

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; }

.navbar-default .navbar-text { color: #777; }

.navbar-default .navbar-nav > li > a { color: #777; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; }

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; }

.navbar-default .navbar-toggle { border-color: #ddd; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; }

.navbar-default .navbar-toggle .icon-bar { background-color: #888; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; }

@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } }
.navbar-default .navbar-link { color: #777; }

.navbar-default .navbar-link:hover { color: #333; }

.navbar-default .btn-link { color: #777; }

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; }

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; }

.navbar-inverse { background-color: #222; border-color: #080808; }

.navbar-inverse .navbar-brand { color: #9d9d9d; }

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; }

.navbar-inverse .navbar-text { color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a { color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #080808; }

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; }

.navbar-inverse .navbar-toggle { border-color: #333; }

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; }

.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808; }

@media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } }
.navbar-inverse .navbar-link { color: #9d9d9d; }

.navbar-inverse .navbar-link:hover { color: #fff; }

.navbar-inverse .btn-link { color: #9d9d9d; }

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; }

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; }
/*-------------------------------------------*/
/* .siteHeader
/*-------------------------------------------*/
.siteHeader { width: 100%; z-index: 1000; top: 0; background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 0; }
.siteHeader .navbar { border-radius: 0; }
.siteHeader .container { padding-top: 5px; padding-bottom: 4px; }

.navbar-header { float: none; }

.navbar-brand { height: auto; padding: 5px 0; margin: 0; font-size: 32px; line-height: 1.5em; }
.navbar-brand a { color: #333; }
.navbar-brand a:hover { text-decoration: none; color: #337ab7; }
.navbar-brand img { max-height: 40px; display: block; }

@media (max-width: 991px) { .navbar-brand { float: inherit; text-align: center; padding: 0 40px; }
  .navbar-brand img { display: block; margin: 0 auto; } }
@media (min-width: 992px) { .siteHeader .container { padding-top: 20px; padding-bottom: 18px; }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; }
  .navbar-header { float: left; }
  .navbar-brand img { max-height: 60px; } }
/*-------------------------------------------*/
/* nav
/*-------------------------------------------*/
nav { font-size: 14px; }
nav ul { margin-top: 0; }
nav li { margin-bottom: 0; }
nav i { margin-right: 0.5rem; }

ul.gMenu a { display: block; overflow: hidden; text-decoration: none; }
ul.gMenu ul { padding-left: 0; width: auto; display: block; margin-bottom: 0; }
ul.gMenu ul li a { display: block; overflow: hidden; padding: 10px 1em 10px 2em; width: auto; }
ul.gMenu ul li li a { padding-left: 3em; }
ul.gMenu ul li li li a { padding-left: 4em; }
ul.gMenu ul li li li li a { padding-left: 5em; }

.gMenu_name { font-weight: normal; }

.gMenu_description { display: block; overflow: hidden; font-size: 10px; line-height: 14px; }

@media (max-width: 991px) { .gMenu_outer { overflow: scroll; display: none; height: 20em; }
  .gMenu_outer.itemOpen { display: block; }
  .gMenu_outer.itemClose { display: none; }
  .gMenu_description { display: none; }
  ul.gMenu { margin-bottom: 0; }
  ul.gMenu a:hover, ul.gMenu a:active, ul.gMenu .current-menu-item > a { background-color: rgba(255, 255, 255, 0.1); } }
@media (min-width: 992px) { .gMenu_outer.itemOpen, .gMenu_outer.itemClose { display: block; }
  .gMenu_name { text-align: center; display: block; }
  .gMenu_description { text-align: center; }
  ul.gMenu > li { position: relative; float: left; }
  ul.gMenu > li > a { border-bottom: none; }
  ul.gMenu > li > ul.sub-menu { display: none; position: absolute; z-index: 1000; left: 50%; }
  ul.gMenu > li > ul.sub-menu > li { left: -120px; }
  ul.gMenu > li > ul.sub-menu li { width: 240px; margin: 0; list-style: none; display: block; overflow: visible; position: relative; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
  ul.gMenu > li > ul.sub-menu li ul { margin-bottom: 0; display: none; position: absolute; left: 240px; top: 0.8em; }
  ul.gMenu > li > ul.sub-menu li a { padding-left: 1.5em; }
  ul.gMenu > li:hover > ul.sub-menu { display: block; }
  ul.gMenu > li li:hover > ul.sub-menu { display: block; } }
/*-------------------------------------------*/
/* .page-header
/*-------------------------------------------*/
.page-header { margin-top: 0; margin-bottom: 0; padding-bottom: 0; }
.page-header { padding-bottom: 9px; margin: 108px 0 20px; border-bottom: 1px solid #eee; }

.page-header_pageTitle, h1.page-header_pageTitle:first-child { margin: 15px 0 10px; font-size: 22px; line-height: 1.1; }

@media (min-width: 992px) { .page-header_pageTitle, h1.page-header_pageTitle:first-child { margin: 30px 0 25px; font-size: 32px; } }


@media screen and (max-width: 992px) { .prBlock { margin-bottom: 1.5em; } }
@media (max-width: 991px) { .headerTop .headerTop .headerTop_tel_wrap { color: #464646; }
  .headerTop ul { border-top: 1px solid rgba(0, 0, 0, 0.15); }
  .headerTop ul a { color: #464646; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  ul.gMenu { border-top: 1px solid rgba(0, 0, 0, 0.15); }
  ul.gMenu a { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } }
@media (min-width: 992px) { ul.gMenu { float: right; }
  ul.gMenu a { background-color: #fff; }
  ul.gMenu > li a:hover { background: none; }
  ul.gMenu > li a:hover .gMenu_description { color: #92C646; }
  ul.gMenu > li > a { border-bottom: none; }
  ul.gMenu > li > a:hover:after, ul.gMenu > li.current-post-ancestor > a:after, ul.gMenu > li.current-menu-item > a:after, ul.gMenu > li.current-menu-parent > a:after, ul.gMenu > li.current-menu-ancestor > a:after, ul.gMenu > li.current_page_parent > a:after, ul.gMenu > li.current_page_ancestor > a:after { content: "."; line-height: 0; border-bottom: 1px solid #92C646; bottom: 0px; display: block; overflow: hidden; position: absolute; width: 100%; left: 0; }
  ul.gMenu > li > ul.sub-menu li a:hover { background-color: #f5f5f5; } 
	.header_scrolled .gMenu > li { width:auto;}
}
ul.gMenu > li::before {
	border-bottom: 1px solid #92C646;
}

/*-------------------------------------------*/
/* footer
/*-------------------------------------------*/
footer { background-color: #f5f5f5; }
footer .footerMenu { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
footer .copySection { border-top: 1px solid #e5e5e5; }
footer .copySection p { font-size: 12px; margin: 0 15px 5px; }

@media (max-width: 767px) { footer .footerMenu .container { padding-left: 0; padding-right: 0; }
  footer .footerMenu li { float: none; border-bottom: 1px solid #e5e5e5; display: block; overflow: hidden; }
  footer .footerMenu li:last-child { border-bottom: none; } }
@media (min-width: 768px) { footer .footerMenu ul { margin: 10px 0; }
  footer .footerMenu li { float: left; }
  footer .footerMenu li a { border-left: 1px solid #ccc; padding-top: 4px; padding-bottom: 4px; }
  footer .footerMenu li:last-child a { border-right: 1px solid #ccc; } }


/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
#menu-mainmenu .navi_01 a {
	background-image:url(image/icon001.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_02 a {
	background-image:url(image/icon002.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_03 a {
	background-image:url(image/icon003.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_04 a {
	background-image:url(image/icon004.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_05 a {
	background-image:url(image/icon005.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_06 a {
	background-image:url(image/icon006.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}

@media (max-width: 1200px) {
    .navbar-brand {
	    padding:10px 0px 5px 0px;
    }
    .navbar-brand a img {
        max-width: 150px;
    }
}
@media (max-width: 991px) {
    #menu-mainmenu.gMenu {
        border: none;
		width:100%;
    }
    #menu-mainmenu.gMenu a {
        border: none;
    }
}

@font-face {
  font-family: "Senobi-Gothic-Bold";
  src: url("../../../font/Senobi-Gothic-Bold.woff") format("woff2"),
       url("../../../font/Senobi-Gothic-Bold.woff") format("woff");
}
@font-face {
  font-family: "ArnoPro-Light-Italic";
  src: url("../../../font/Arno Pro Light Italic Display.woff") format("woff2"),
       url("../../../font/Arno Pro Light Italic Display.woff") format("woff");
}
@font-face {
  font-family: "Oswald-Regular";
  src: url("../../../font/Oswald-Regular.woff") format("woff2"),
       url("../../../font/Oswald-Regular.woff") format("woff");
}
@font-face {
  font-family: 'amaze';
  font-style: normal;
  font-weight: 400;
  src: url("../../../font/amaze.ttf") format("truetype"), url("https://www.mmg-passo.com/font/amaze.woff") format("woff"), url("https://www.mmg-passo.com/font/amaze.eot") format("eot");
  font-display: swap
}
.SenobiClass{
  font-family: "Senobi-Gothic-Bold";
}
.ArnoProClass{
  font-family: "ArnoPro-Light-Italic";
}
.Oswald-Regular{
  font-family: "Oswald-Regular";
}
.notoserif {
    font-family: 'Noto Serif JP', serif;
}
header.navbar .navbar-header .navbar-toggle {
	background-color:#FFF;
	border:solid 1px #999;
}
header.navbar .navbar-header .navbar-toggle .icon-bar {
	background-color:#999;
}
header.onlinehead {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
}
header.onlinehead .container {
	margin:0px auto 0px auto;
	padding:100px 0px 10px 0px;
	max-width:1170px;
    background-image: url("https://www.mmg-passo.com/image/contents/online/main.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}
header.onlinehead .container p {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
    text-align: center;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
    background-color: rgba(255,255,255,0.54);
}
header.onlinehead .container p.text2 {
	margin:0px auto 10px auto;
}
header.onlinehead .container p.image1 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
    background-color: rgba(255,255,255,0);
}
header.onlinehead .container p.image1 img {
	max-width:200px;
}
#vkexunit_fbpageplugin-3 {
	margin:0px 0px 36px 0px;
}
#post-212 .entry-body {
	padding-bottom:0px;
}


/*header*/
header#masthead {
  letter-spacing: -0.4em;
  height: 110px;
  border-bottom: solid 1px #93C746;
}
header#masthead .Block {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}
header#masthead .linksitem {
  width: calc(100% - 400px);
  letter-spacing: -0.4em;
  text-align: left;
}
header#masthead .linksitem .box {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  min-height: 110px;
}
header#masthead .linksitem .box02 {
  width: 300px;
  padding: 10px 0px 0px 0px;
}
header#masthead .linksitem .box02 p {
  margin: 0px 0px 0px 0px;
}
/*header#masthead .linksitem .corpTours p a span {
  display: block;
  margin: 10px 0px 0px 0px;
}
header#masthead .linksitem .corpTours p a {
  font-size: 15px;
  padding: 50px 10px 0px 10px;
  margin: 10px 0px 0px 0px;
  background-image: url("https://www.mmg-passo.com/wp-content/themes/passotheme/image/share/mail1.png");
  background-size: 43px 30px;
  background-position: center 20px;
  background-repeat: no-repeat;
  display: table;
  width: 100%;
  height: 80px;
  text-decoration: none;
  line-height: 1.2;
  transition: 0.8s;
}*/
header#masthead .linksitem .pcmenu {
  width: calc(100% - 300px);
}
header#masthead .linksitem .pcmenu p.descript {
  font-size: 13px;
  color: #000;
  padding: 40px 0 0 40px;
  margin: 0;
}
/*header#masthead .linksitem .pcmenu ul {
  list-style: none;
  padding: 40px 0 0 0;
  margin: 0;
  letter-spacing: -0.4em;
  text-align: right;
}
header#masthead .linksitem .pcmenu ul li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 50px 0 0;
  text-align: left;
}
header#masthead .linksitem .pcmenu ul li a {
  font-size: 15px;
  color: #000;
  text-decoration: none;
  height: 50px;
  position: relative;
  display: block;
  line-height: 50px;
}
header#masthead .linksitem .pcmenu ul li a:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(50% - 0.2em);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
header#masthead .linksitem .pcmenu ul li a:hover:before,
header#masthead .linksitem .pcmenu ul li.nowOpen a:before,
header#masthead .linksitem .pcmenu ul li a.nowpage:before {
  background-color: #000000;
  top: 47px;
}*/
header#masthead .Block.corpname {
  width: 270px;
  padding: 24px 10px 0 60px;
}
header#masthead .Block.corpname p,
header#masthead .Block.corpname h1 {
  margin: 0;
  text-align: center;
}
header#masthead .Block.corpname p a,
header#masthead .Block.corpname h1 a {
  display: inline-block;
}
header#masthead .Block.corpname p a img,
header#masthead .Block.corpname h1 a img {
  width: 200px;
}

/* ***********************************************************
* #nav-toggle
* *********************************************************** */
/*header#masthead .linksitem .openmenu {
  width: 120px;
}*/
#nav-toggle {
  display: block;
  position: fixed;
  right: 24px;
  top: 24px;
  width: 72px;
  height: 72px;
  cursor: pointer;
  z-index: 10001;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  padding: 0 10px 0 14px;
  background-color: rgba(147, 199, 70, 0.3);
  border: none;
  border-radius: 100px;
}
.open:not(.openFoOut) #nav-toggle:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(147, 199, 70, 0.3);
  position: absolute;
  box-sizing: border-box;
  border-radius: 100px;
  left: 0;
  top: 0;
}
#nav-toggle div {
  position: relative;
  width: 44px;
  height: 1px;
  background-color: #5C8127;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
#nav-toggle div:before,
#nav-toggle div:after {
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  width: 44px;
  height: 1px;
  display: block;
  background-color: #5C8127;
  content: "";
  position: absolute;
}
#nav-toggle div:before {
  top: -10px;
}
#nav-toggle div:after {
  top: 10px;
  width: 44px;
}
#nav-toggle span {
  display: none;
  position: absolute;
  height: 1px;
  width: 44px;
  background: #000;
  left: 11px;
  /*zoom: 1;*/
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 3px;
}
#nav-toggle span:nth-child(2) {
  top: 10px;
}
#nav-toggle span:nth-child(3) {
  top: 17px;
}
.open:not(.openFoOut) #nav-toggle {
  background: transparent;
}
.open:not(.openFoOut) #nav-toggle span {
  background: #000;
}
.open:not(.openFoOut) #nav-toggle div {
  background-color: transparent;
}
.open:not(.openFoOut) #nav-toggle div:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.open:not(.openFoOut) #nav-toggle div:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.open:not(.openFoOut) #nav-toggle div:before,
.open:not(.openFoOut) #nav-toggle div:after {
  top: 0;
  width: 44px;
}
.open:not(.openFoOut) #nav-toggle span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  zoom: 1;
}
.open:not(.openFoOut) #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
}
.open:not(.openFoOut) #nav-toggle span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  zoom: 1;
}

#nav-toggle p.txetm {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
}
/* ***********************************************************
* nav.link
* *********************************************************** */
.openHTML:not(.openHTMLFoOut) {
  overflow: hidden;
}
.open:not(.openFoOut) nav.link {
  z-index: 10000;
  visibility: visible;
  left: 0;
  letter-spacing: -0.4em;
  overflow: auto;
}
.open nav.link:before,
.open nav.link .LinksBlock {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
/*.open nav.link .LinksBlock .item {
  letter-spacing: -0.4em;
  padding: 0 0 50px 0;
}
.open nav.link .LinksBlock .item .box {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}*/
.open nav.link .LinksBlock .item .category {
  width: 36.8421052632%;
  position: relative;
  padding-right: 85px;
  word-break: break-all;
}
.open nav.link .LinksBlock .item .category:after {
  content: "";
  display: block;
  width: 44px;
  height: 12px;
  background-image: url(https://www.mmg-passo.com/wp-content/themes/animo2022/image/share/arroe01.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  right: 0;
  top: 22px;
}
/*.open nav.link .LinksBlock .item .category p, .open nav.link .LinksBlock .item .category h3 {
  margin: 0;
  line-height: 1;
  color: #fff;
  font-weight: normal;
}
.open nav.link .LinksBlock .item .category p.en, .open nav.link .LinksBlock .item .category h3.en {
  font-size: 42px;
}
.open nav.link .LinksBlock .item .category p.jp {
  font-size: 20px;
  margin: 5px 0 0 0;
}
.open nav.link .LinksBlock .item .links {
  width: calc(100% - 36.8421052632%);
  padding: 18px 0 0 40px;
}
.open nav.link .LinksBlock .item .links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
  display: block;
}
.open nav.link .LinksBlock .item .links ul li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  width: 150px;
}
.open nav.link .LinksBlock .item .links ul li a {
  text-decoration: none;
  display: inline-block;
  color: #000;
  padding: 0 10px;
  width: 100%;
  border-bottom: #FFBF00 solid 1px;
}
.open nav.link .LinksBlock .item .links ul li a:hover {
  border-bottom: #000 solid 1px;
}*/
.open nav.link:before {
  content: "";
  height: 100%;
  width: 12.4479166667vw;
  background-image: url(https://www.mmg-passo.com/wp-content/themes/animo2022/image/share/openMenu_img.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
.open nav.link .LinksBlock {
  width: calc(100% - 12.4479166667vw);
  padding: 130px 3.64583333333vw 0 3.64583333333vw;
}
nav.link {
  visibility: hidden;
  position: fixed;
  /*display: table;*/
  vertical-align: middle;
  color: #fff;
  top: 0;
  height: 100%;
  width: 100%;
  /*text-align: center;*/
  font-size: 16px;
}
nav.link ul {
  margin: 0;
  padding: 0;
}
/*nav.link ul, header.site-header .site-header-main .hear-right nav.link ul.spmenu {
  display: table-cell;
  vertical-align: middle;
  list-style: none;
}
header.site-header .site-header-main .hear-right nav.link ul.pcmenu {
  display: none;
}*/
nav.link a {
  color: #222222;
  text-decoration: none;
  display: block;
  padding: 10px 0;
}
nav.link .LinksBlock .button01 {
  margin: 5px 0px 5px 0px;
}
nav.link .LinksBlock .button02 {
  margin: 5px 0px 5px 0px;
}
nav.link .LinksBlock .button01 a {
  display: block;
  padding: 18px 30px 12px 30px;
  border: solid 1px #93c746;
  /*transition: 0.3s;*/
  /*width: 41.842%;*/
  position: relative;
  word-break: break-all;
}
nav.link .LinksBlock .button02 a {
  display: block;
  padding: 20px 30px 10px 30px;
  /*transition: 0.3s;*/
  position: relative;
  padding-right: 15px;
  word-break: break-all;
}
nav.link .LinksBlock .button01 a:hover {
  background-color: #ffffff;
  color: #000000;
}
nav.link .LinksBlock .button02 a:hover {
  background-color: #ffffff;
  color: #000000;
}
/*.open nav.link .LinksBlock .button02 a:after,
.open nav.link .LinksBlock .button01 a:after {
  content: "";
  display: block;
  width: 44px;
  height: 14px;
  background-image: url(https://www.mmg-passo.com/wp-content/themes/animo2022/image/share/arrow01.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  right: -25px;
  top: 70px;
}*/

nav.link .LinksBlock .ourbusiness {
  padding: 24px 30px 16px 30px;
  margin: 0px 0px 10px 0px;
}
nav.link .LinksBlock .ourbusiness span,
nav.link .LinksBlock .button02 a span,
nav.link .LinksBlock .button01 a span {
  display: block;
}
nav.link .LinksBlock .ourbusiness span.en,
nav.link .LinksBlock .button01 a span.en {
  font-size: 34px;
  margin: 0px 0px 10px 0px;
}
nav.link .LinksBlock .button02 a span.en {
  font-size: 27px;
  margin: 0px 0px 10px 0px;
}
nav.link .LinksBlock .ourbusiness span.jp,
nav.link .LinksBlock .button02 a span.jp,
nav.link .LinksBlock .button01 a span.jp {
  font-size: 14px;
}


nav.link .LinksBlock .button01 a {
	min-width: 220px;
	color:#333333;
	background:transparent;
	border-width:2px;
	border-style: solid;
	border-color: #93c746;
	position:relative;
	margin:1em 0;
	display:inline-block;
	padding:0.5em 1em;
	transition:	all 0.3s ease-in-out;
	text-align:center;
	font-weight:bold}
nav.link .LinksBlock .button01 a:before, 
nav.link .LinksBlock .button01 a:after {
	content:'';
	display:block;
	position:absolute;
	border-color:#93c746;
	box-sizing:border-box;
	border-style:solid;
	width:1em;
	height:1em;
	transition:all 0.3s ease-in-out}
nav.link .LinksBlock .button01 a:before {
	top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
nav.link .LinksBlock .button01 a:after {
	bottom:-6px;right:-6px;border-width:0 2px 2px 0;}


/* ***********************************************************
* nav-list
* *********************************************************** */
nav.link ul li,
nav.link .LinksBlock .Block01 {
  opacity: 0;
  -webkit-transform: scaleX(0) translateX(-260px);
  transform: scaleX(0) translateX(-260px);
  -webkit-transition: none;
  transition: none;
}
header .menu .link li {
  display: block;
  float: none !important;
  height: auto !important;
}
.open nav.link .LinksBlock .Block01 {
  display: inline-block;
  width: 24%;
  vertical-align: top;
}
.open nav.link .LinksBlock .Block02 {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  padding: 0px 0px 0px 80px;
}
.open nav.link .LinksBlock .Block02 .Block02in {
  border: solid 1px #fff;
}
.open nav.link .LinksBlock .Block01 {
  opacity: 1;
  -webkit-transform: scaleX(1) translateX(0);
  transform: scaleX(1) translateX(0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.open nav.link .LinksBlock .Block02 {
  opacity: 1;
  -webkit-transform: scaleX(1) translateX(0);
  transform: scaleX(1) translateX(0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.externalLink a:after {
  background-position: left bottom;
}
.open nav.link ul li.privacy {
  display: block !important;
}
.open nav.link .LinksBlock .Block01 .button01:nth-of-type(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.open nav.link .LinksBlock .Block01 .button01:nth-of-type(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.open nav.link .LinksBlock .Block01 .button01:nth-of-type(4) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.open nav.link .LinksBlock .Block01 .button01:nth-of-type(5) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.open nav.link .LinksBlock .Block01 .button01:nth-of-type(6) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
/* ***********************************************************
* #nav-bg
* *********************************************************** */
#nav-bg {
  content: "";
  /*width: 5000px;
  height: 5000px;
  margin-right: -2500px;
  margin-top: -2500px;
  top: 60px;
  right: 60px;*/
  width: 72px;
  height: 72px;
  top: 24px;
  right: 24px;
  display: block;
  position: fixed;
  /*background: rgba(255,255,255,0.25);*/
  /*background: #FFBF00;
  -webkit-border-radius: 50%;
  border-radius: 50%;*/
  /*-webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*-webkit-transform: scale(.0144);
  transform: scale(.0144);*/
  z-index: 9999;
  opacity: 0.9;
  /*border: #fff solid 1px;*/
}
body:not(.home) #nav-bg {
}
.open:not(.openFoOut) #nav-bg {
  width: 100%;
  height: 100%;
  border-radius: 0;
  /*-webkit-transform: scale(1);
  transform: scale(1);*/
  /*-webkit-transition: all .6s ease-out;
  transition: all .6s ease-out;*/
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  right: 0;
  opacity: 1;
  border: none;
}
header.spheader {
  display: none;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}









.area-top {
	padding:0px 0px 0px 0px;
	margin:0px 0px 36px 0px;
}
.area-top .banner .imgpc {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	max-width:1024px;
}
.area-top .banner .imgpc a:hover img {
	opacity:0.9;
}
.area-top .banner .imgsp {
	display:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.area-top .textwidget {
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.area-top .textwidget a {
	display:block;
	padding:15px 30px 15px 10px;
	border:solid 1px #FF931E;
	background-color:#FF931E;
	border-radius:7px;
	color:#FFF;
	text-decoration:none;
}
.area-top .textwidget a i {
	vertical-align:middle;
}
.area-top .textwidget a span {
	margin:0px 0px 0px 10px;
}
.area-top .textwidget p.texts {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:14px;
}
#mainimage {
  margin: 108px 0px 0px 0px;
  /*margin: 100px 0px 0px 0px;*/
  padding: 0px 0px 50px 0px;
  background-color: #FFFFFF;
}
#mainimage .inner {
  position: relative;
  margin: auto;
  z-index: 1;
  padding: 0px;
}
#mainimage .inner .image001 {
  text-align: center;
}
#mainimage .inner .image001 .message {
    position: absolute;
    left: 5%;
    top: 120px;
    text-align: left;
}
#mainimage .inner .image001 .message2 {
    top: auto;
    bottom: 80px;
}
#mainimage .inner .image001 .message3 {
    left: auto;
    right: 5%;
    top: auto;
    bottom: 30px;
    text-align: left;
}
#mainimage .inner .image001sp .message {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: center;
}
#mainimage .inner .image001sp .message p ,
#mainimage .inner .image001 .message p {
	margin:0px 0px 15px 0px;
	padding:0px 10px 0px 10px;
	background-color: rgba( 60, 187, 11, 0.65 );
	font-size:36px;
	font-weight:bold;
	line-height:156%;
	color:#FFFFFF;
	width:-moz-fit-content;
	width:-webkit-fit-content;
	display:inline-block;
	letter-spacing: 0.1em;
    border-radius: 4px;
}
#mainimage .inner .image001sp .message p {
	font-size:18px;
}
#mainimage .inner .image001sp {
  display: none;
}
.area-poli {
	padding: 10px 0px 20px 0px;
}
.area-poli .container {
	position:relative;
	/*border-bottom:solid 1px #EEE;*/
}
.area-poli #interview-page .in-page05 {
	margin:0px 0px 10px 0px;
}
.area-poli p.text001 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	color:#92C646;
	text-align:center;
}
.area-poli p.text002 {
	margin:0px 0px 20px 0px;
	font-size:34px;
	color:#92C646;
	text-align:center;
}
.area-top p.text003 ,
.area-poli p.text003 {
	margin:0px 0px 20px 0px;
	font-size:18px;
	color:#323232;
	text-align:center;
}
.area-poli div.texts {
	z-index:10;
	margin:0px 0px 0px 0px;
	padding:0px 0px 50px 0px;
}
.area-poli p.backimg {
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}
.area-poli .banner {
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
}
.area-poli .banner .bimg {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.area-poli .banner .bimg img {
	width:100%;
	max-width:570px;
}
.area-poli .banner .bimg a:hover {
	opacity:0.8;
}
.area-top .banner .btin ,
.area-top .banner .fd ,
.area-poli .banner .fd {
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.area-top .banner .fwarea img {
    transition: 0.3s;
}
.area-top .banner .fwarea img:hover {
    transition: 0.3s;
    opacity: 0.8;
}
.widget_rss h1.widget-title {
	font-size:15px;
}
.widget_rss .rss-date {
	display:block;
	font-size:12px;
	text-align:right;
}
.widget_rss .rssSummary {
	font-size:13px;
}
.servicedetail {
	padding:20px 0px 40px 0px;
	margin:0px 0px 40px 0px;
	background-image:url(image/background001.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.servicedetail p.text001 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	color:#92C646;
	text-align:center;
}
.servicedetail p.text002 {
	margin:0px 0px 40px 0px;
	font-size:22px;
	color:#323232;
	text-align:center;
}
.servicedetail .area-club ,
.servicedetail .area-syuro {
	padding:0px 15px 0px 15px;
	width: 25%;
    float: left;
}

@media (max-width: 992px) { 
    .servicedetail .area-club ,
    .servicedetail .area-syuro {
	width: 100%;
    float: left;
    }}
.servicedetail .area-club .linkbox ,
.servicedetail .area-syuro .linkbox {
	display:block;
    min-height: 280px;
	box-shadow:0px 0px 6px 3px #CECECE;
	-moz-box-shadow:0px 0px 6px 3px #CECECE;
	-webkit-box-shadow:0px 0px 6px 3px #CECECE;
	border:solid 4px #92C646;
	border-radius:6px;
	padding:20px 10px 20px 10px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
}
.servicedetail .area-club .linkbox {
	border:solid 4px #B8D200;
}
.servicedetail .area-club a.linkbox:link ,
.servicedetail .area-club a.linkbox:visited ,
.servicedetail .area-club a.linkbox:hover ,
.servicedetail .area-club a.linkbox:active ,
.servicedetail .area-syuro a.linkbox:link ,
.servicedetail .area-syuro a.linkbox:visited ,
.servicedetail .area-syuro a.linkbox:hover ,
.servicedetail .area-syuro a.linkbox:active {
	text-decoration:none;
}
.servicedetail .area-syuro a.linkbox:hover {
	background-color:#EBFF9F;

}
.servicedetail .area-club a.linkbox:hover {
	background-color:#FFFFDF;
}
.servicedetail .area-b a.linkbox:hover {
	background-color:#FFF;
	cursor:default;
}
.servicedetail .area-syuro .linkbox .text001 {
	font-size:14px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
.servicedetail .area-syuro .linkbox .text002 {
	font-size:14px;
	font-weight:bold;
	color:#93C746;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.servicedetail .area-syuro .linkbox .text003 ,
.servicedetail .area-club .linkbox .text003 {
	font-size:12px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
.servicedetail .area-syuro .linkbox .logo {
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.servicedetail .area-club .linkbox .text001 {
	font-size:14px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
.servicedetail .area-club .linkbox .text002 {
	font-size:14px;
	color:#B8D200;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.servicedetail .area-club .linkbox .text003 {
	font-size:12px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
.servicedetail .area-club .linkbox .logo {
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.siteContent .areat #vkexunit_post_list-3 {
	margin:0px 0px 5px 0px;
}
#text-6 .textwidget .newsbt {
	margin:0px 0px 50px 0px;
}

footer {
	background-color:#F5F2DC !important;
}
footer .sectionBox {
	padding:20px 0px 0px 0px;
}
footer .ftext001 ,
footer .flogo {
	text-align:center;
	font-size:14px;
}
footer .ftext002 {
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:2px 0px 2px 0px;
	margin:0px 0px 8px 0px;
	background-color:#92C646;
	border:solid 1px #92C646;
	border-radius:15px;
}
footer .ftext002 a {
	color:#FFF;
}
footer .ftext003 {
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:2px 0px 2px 0px;
	margin:0px 0px 8px 0px;
	background-color:#B8D200;
	border:solid 1px #B8D200;
	border-radius:15px;
}
footer .ftext004 {
	font-size:12px;
	color:#333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 4px 25px;
}
footer .ftext002 a ,
footer .ftext003 a ,
footer .ftext004 a {
	color:#FFF;
}
footer .ftel001 ,
footer .ftel002 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
footer .ftel001 li ,
footer .ftel002 li {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	list-style:none;
	font-size:14px;
}
footer .ftel001 li span {
	color:#92C646;
}
footer .ftel002 li span {
	color:#B8D200;
}

#company-area .workenvironment th {
    border-right: solid 1px #EEEEEE;
    vertical-align: middle;
    font-weight: bold;
    min-width: 120px;
}
#about h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	text-align:center;
	font-size:28px;
	font-weight: bold;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about h2.title001 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	text-align:center;
	font-size:28px;
	font-weight: bold;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about h2.title002 {
	padding:0px 0px 0px 0px;
	margin:30px 0px 20px 0px;
	text-align:center;
	font-size:28px;
	font-weight: bold;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about .circle{
	width:100%;
	text-align:center;
}
#about .circle h2 {
	position:relative;
	display:inline-block;
	padding:16px 40px;
	border-top:2px solid #666;
	margin: 0px 0px 20px 0px;
}
#about .circle h2:before, #about .circle h2:after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#666;
	position:absolute;
	top:-5px;
}
#about .circle h2:before{left:-4px;}
#about .circle h2:after{right:-4px;}
#about h2.title003 {
	font-size:28px;
	font-weight: normal;
	line-height: 160%;
}
#about .textarea1{
	margin:0px 0px 100px 0px;
}
#about h3.text01 {
    font-family: 'Noto Serif JP', serif;
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	text-align:center;
	font-size:28px;
	font-weight: normal;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about h3.text01::after {
	border: none;
}
#about .textarea1 p.indent5 {
    text-indent: 7em;
}


#about ul.lists {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
#about ul.lists li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 30px;
	font-size:18px;
	list-style: decimal;
}
#syurou01 h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
	font-size:40px;
	color:#92C646;
	background-color:#FFF;
	border:none;
}
#syurou01 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
}
#syurou02 .school {
	border-radius:10px;
}
#syurou02 .school p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	color:#333;
}
#syurou02 .school div.dlink ,
#syurou02 .school a.dlink {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	display:block;
	text-decoration:none;
	border:solid 2px #93c746;
	border-radius:10px;
}
#syurou02 .school a:link ,
#syurou02 .school a:visited ,
#syurou02 .school a:hover ,
#syurou02 .school a:active {
	text-decoration:none;
}
#syurou02 .school a:hover {
	background-color:#EBFF9F;
}
#syurou02 .school p.logo001 {
	padding:20px 0px 20px 0px;
}
#syurou02 .school p.text002 {
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:solid 1px #EEE;
}
#syurou02 .school p.text003 {
	font-size:14px;
	line-height:140%;
	margin:0px 0px 10px 0px;
}
#syurou02 .school p.text004 {
	font-size:20px;
	color:#FF921E;
	margin:0px 0px 10px 0px;
}
#syurou02 .school p.text005 {
	font-size:14px;
	color:#FFF;
	margin:0px 0px 10px 0px;
	background-color:#93C746;
	border:solid 1px #93C746;
	border-radius:14px;
}
#syurou03 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	color:#FFF;
}
#syurou03 h3::after, .subSection-title::after {
	border:none;
}
#syurou03 h3.text006 {
	width:70%;
	padding:10px 0px 10px 0px;
	margin:0px auto 20px auto;
	text-align:center;
	font-size:24px;
	color:#FFF;
	border:solid 2px #FFF !important;
	border-radius:5px;
}
#syurou03 p.text007 {
	font-size:16px;
	line-height:200%;
	margin:0px 0px 30px 0px;
}
#syurou03 .points {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#syurou03 .points .circlearea {
	padding:40px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
	border:solid 1px #FFF;
	border-radius:130px;
}
#syurou03 .points .circlearea p.text008 {
	color:#000;
	font-size:16px;
	line-height:140%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
#syurou03 .points p.text008 {
	font-size:16px;
	margin:0px 0px 30px 0px;
}
#syurou04 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#syurou04 p.text010 {
	margin:0px 0px 20px 0px;
	font-size:24px;
	color:#92C646;
}
#syurou04 p.text011 {
	margin:0px 0px 20px 0px;
	font-size:16px;
}
#syurou04 p.text021 {
	margin:10px 0px 40px 0px;
	font-size:12px;
	text-align:left;
}
#syurou04 p.text022 {
	margin:0px 0px 20px 0px;
	font-size:16px;
	text-align:left;
}
#syurou04 p.text023 {
	margin:0px 0px 10px 0px;
	font-size:16px;
	text-align:left;
}

#syurou05 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
}


#club01 h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
	font-size:40px;
	color:#B8D200;
	background-color:#FFF;
	border:none;
}
#club01 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
}
#club02 .school div.dlink ,
#club02 .school a.dlink {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	display:block;
	text-decoration:none;
	border:solid 2px #b8d200;
	border-radius:10px;
}
#club02 .school a:link ,
#club02 .school a:visited ,

#club02 .school a:hover ,
#club02 .school a:active {
	text-decoration:none;
}
/*#syurou02 .school a:hover {
	background-color:#EBFF9F;
}*/
#club02 .school {
	border-radius:10px;
}
#club02 .school p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#club02 .school p.logo001 {
	padding:20px 0px 20px 0px;
}
#club02 .school p.text002 {
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:solid 1px #EEE;
}
#club02 .school p.text003 {
	font-size:14px;
	line-height:140%;
	margin:0px 0px 10px 0px;
}
#club02 .school p.text004 {
	font-size:20px;
	color:#FF921E;
	margin:0px 0px 10px 0px;
}
#club02 .school p.text005 {
	font-size:14px;
	color:#FFF;
	margin:0px 0px 10px 0px;
	background-color:#B8D200;
	border:solid 1px #B8D200;
	border-radius:14px;
}
#club02 .school a:link ,
#club02 .school a:visited ,
#club02 .school a:hover ,
#club02 .school a:active {
	text-decoration:none;
}
#club02 .school a:hover {
	background-color:#EBFF9F;
}
#club02 .school a p {
	color:#000000;
}
#club03 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	color:#FFF;
}
#club03 h3::after, .subSection-title::after {
	border:none;
}
#club03 h3.text006 {
	width:70%;
	padding:10px 0px 10px 0px;
	margin:0px auto 20px auto;
	text-align:center;
	font-size:24px;
	color:#FFF;
	border:solid 2px #FFF !important;
	border-radius:5px;
}
#club03 p.text007 {
	font-size:16px;
	line-height:200%;
	margin:0px 0px 30px 0px;
}
#club03 .points {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#club03 .points .circlearea {
	padding:55px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
	border:solid 1px #FFF;
	border-radius:130px;
}
#club03 .points .circlearea p.text008 {
	color:#000;
	font-size:16px;
	line-height:140%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
#club04 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#club04 p.text010 {
	margin:0px 0px 20px 0px;
	font-size:24px;
	color:#92C646;
}
#club04 p.text011 {
	margin:0px 0px 40px 0px;
	padding:0px 20px 0px 20px;
	font-size:16px;
}
#club04 p.text014 {
	margin:0px 0px 20px 0px;
	font-size:16px;
}
#club05 {
	border-radius:40px;
}
#club05 .caricuram01 ,
#club05 .caricuram02 ,
#club05 .caricuram03 ,
#club05 .caricuram04 {
	border-radius:15px;
}
#club05 .caricuram01 .widget_text ,
#club05 .caricuram02 .widget_text ,
#club05 .caricuram03 .widget_text ,
#club05 .caricuram04 .widget_text {
	background-image:url(image/n01.gif);
	background-position:5px 10px;
	background-repeat:no-repeat;
}
#club05 .caricuram02 .widget_text {
	background-image:url(image/n02.gif);
}
#club05 .caricuram03 .widget_text {
	background-image:url(image/n03.gif);
}
#club05 .caricuram04 .widget_text {
	background-image:url(image/n04.gif);
}
#club05 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#club05 p.text013 {
	font-size:14px;
}
#club05 .caricuram02 p.text012 ,
#club05 .caricuram04 p.text012 {
	padding:12px 0px 12px 0px;
}
#club06 p i {
	vertical-align:middle;
}
#club06 p a:link ,
#club06 p a:visited {
	color:#92C646;
}
#club06 p a:hover ,
#club06 p a:active {
	color:#6a932d;
}
#contactbt2 .contact001 a ,
#contactbt .contact001 a {
	display:block;
	padding:15px 30px 15px 10px;
	border:solid 1px #FF931E;
	background-color:#FF931E;
	border-radius:7px;
	color:#FFF;
}
#contactbt2 .contact001 .fd a ,
#contactbt .contact001 .fd a {
	display:block;
	padding:0px;
	margin:30px 0px 0px 0px;
	border: none;
	background-color:#FFF;
}
#contactbt2 .contact001 a:link ,
#contactbt2 .contact001 a:visited ,
#contactbt .contact001 a:link ,
#contactbt .contact001 a:visited {
	text-decoration:none;
}
#contactbt2 .contact001 a:hover ,
#contactbt2 .contact001 a:active ,
#contactbt .contact001 a:hover ,
#contactbt .contact001 a:active {
	color:#EFF7E3;
	text-decoration:none;
}
#contactbt2 .contact001 a i ,
#contactbt .contact001 a i {
	vertical-align:middle;
}
#contactbt2 .contact001 a span ,
#contactbt .contact001 a span {
	padding:0px 0px 0px 10px;
	vertical-align:middle;
}
#contactbt2 .contact001 p.texts ,
#contactbt .contact001 p.texts {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
}
#contactbt2 .veu_contact .btn-primary ,
#contactbt .veu_contact .btn-primary {
	background-color:#FF931E;
	border-color:#FF931E;
	margin:15px 0px 15px 0px;
}
#contactbt2 p.text001 {
	font-size:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#93C746;
	text-align:left;
}
#contactbt2 p.text001 i {
	vertical-align:middle;
	margin:0px 5px 0px 0px;
}
#contactbt2 p.text002 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#333;
	text-align:left;
}
#contactbt2 ul.tel001 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
#contactbt2 ul.tel001 li {
	margin:0px 0px 0px 15px;
	padding:0px 0px 4px 0px;
}
#contactbt2 p.text001 a ,
#contactbt2 p.text002 a ,
#contactbt2 ul.tel001 li a {
	color:#93c746;
}
#contactbt2 {
	box-shadow:0px 0px 6px 3px #CECECE;
	-moz-box-shadow:0px 0px 6px 3px #CECECE;
	-webkit-box-shadow:0px 0px 6px 3px #CECECE;
}
#contactform .form-title {
	padding:10px 0px 10px 10px;
	margin:0px 0px 15px 0px;
	background-color:#93C746;
	color:#FFF;
}
#contactform .form-title a {
	color:#FFF;
	font-weight:bold;
}
#contactform .form-title a:link ,
#contactform .form-title a:visited {
	text-decoration:underline;
}
#contactform .form-title a:hover ,
#contactform .form-title a:active {
	text-decoration:none;
}
#contactform .tel ,
#contactform .text ,
#contactform .inputArea {
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}
#contactform .submit {
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	text-align:center;
}

#mail .contact {
	width:100%;
	margin:0px auto;
	max-width:800px;
}
#mail .contact table {
	width:100%;
	margin:0px 0px 0px 0px ;
	border:solid 1px #EFEFEF;
}
#mail .contact table th {
	width:30%;
	padding:15px 15px 15px 15px;
	border:solid 1px #EFEFEF;
	text-align:left;
	vertical-align:top;
	background-color:#f8f8f8;
	font-size:12px;
	line-height: 2;
}
#mail .contact table th .must {
	padding:3px 10px 3px 10px;
	border:solid 1px #f98400;
	border-radius:4px;
	background-color:#f98400;
	color:#FFFFFF;
	font-size:12px;
}
#mail .contact table th .none {
	padding:3px 10px 3px 10px;
	border:solid 1px #666;
	border-radius:4px;
	background-color:#666;
	color:#FFFFFF;
	font-size:12px;
}
#mail .contact table th .blank {
	padding:3px 22px 3px 22px;
}
#mail .contact table td {
	width:70%;
	padding:15px 15px 15px 15px;
	border:solid 1px #EFEFEF;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	background-color:#FFFFFF;
}
#mail .contact table td textarea ,
#mail .contact table td input {
	padding:5px 5px 5px 5px;
	border:solid 1px #EEE;
	font-size:12px;
}

#mail .contact table td select {
	padding:10px 5px 10px 10px;
	border:solid 1px #EEE;
}
#mail .contact table td .mail ,
#mail .contact table td .who {
	width:80%;
	padding:10px 5px 10px 5px;
}
#mail .contact table td textarea {
	width:100%;
	padding:10px 5px 10px 5px;
}
#mail .contact .submit {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px ;
}
#mail .contact .submit p {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px ;
    text-align: center;
}
#mail .contact .submit p input.btn-primary:disabled {
	border-color: #9cc659;
	background-color:#9cc659;
}
#mail .contact .submit p input {
	display: block;
	padding: 10px 0px 10px 0px;
	margin:0px auto 0px auto ;
	border: solid 1px #9cc659;
	background-color:#9cc659;
	cursor:pointer;
	max-width:300px;
	width:80%;
	font-size: 20px;
}
#mail .contact .submit p button img {
	max-width:300px;
	width:100%;
}
#mail .contact .submit p button:hover img {
	opacity:0.8;
}
#mail .contact .privacy-title {
	margin:0px 0px 20px 0px ;
	text-align:center;
}
#mail .contact .privacy-text {
	margin:0px 0px 30px 0px ;
	text-align:center;
}
 #mail .contact .tbl-pp {
  border-collapse: collapse;
  margin: 20px 30px;
  text-align: left;
  border: 1px solid #dadada;
  background: #fff;
}
 #mail .contactcheck .mw_wp_form_preview .tbl-pp {
	display:none;
}

 #mail .contact .tbl-pp > dt {
  background-color: #f9f9f9;
  border-bottom: 1px solid #dadada;
  line-height: 28px;
  height: 28px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

 #mail .contact .tbl-pp .pp {
  height: 70px;
  padding: 5px 15px 30px;
  background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}

 #mail .contact .tbl-pp .pp * {
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
}

 #mail .contact .tbl-pp .pp li {
  list-style-position: inside;
}
 #mail .contact .tbl-pp .pp ol li {
	list-style:decimal;
	margin:0px 0px 0px 30px ;
}

.tayori_area1 ,
.tayori_area {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.tayori_area1 ul ,
.tayori_area ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
.tayori_area1 ul li ,
.tayori_area ul li {
	border-radius:100px;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 28px;
	text-align:center;
}
.tayori_area ul li img {
	width:200px;
	height:200px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius:100px;
}
.tayori_area1 ul li a:hover img ,
.tayori_area ul li a:hover img {
	opacity:0.8;
}
.papers {
	margin:20px 0px 20px 0px;
}
.papers h3 {
	font-size:16px;
}
.papers .bnr {
	text-align:center;
}
.papers .bnr a:hover img {
	opacity:0.9;
}

#paper .boxs {
	width:50%;
	float:left;
}
#paper .boxs h3 {
	margin:5px 10px 10px 0px;
	font-size:20px;
}
#paper .button {color:#454545;background:transparent;border-width:2px;border-style: solid;border-color: #454545;position:relative;margin:1em 0;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;font-weight:bold}
#paper .button:before, 
#paper .button:after {content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
#paper .button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
#paper .button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
#paper .button:hover:before, #paper .button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#fff}
#paper .button:hover {color:#353535;background-color:#fff;border-color:#fff}
#paper .panel {
	max-width:960px;
	text-align:center;
	position:relative;
	margin:auto;
}

#paper .pink .button {color:#93C746;border-color:#93C746}
#paper .pink .button:before, #paper .pink .button:after  {border-color:#93C746}
#paper .pink .button:hover:before, #paper .pink .button:hover:after {border-color:#93C746;}
#paper .pink .button:hover {color:#fff;background-color:#93C746;border-color:#93C746;}
#paper .pink .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .green .button {color:#B8D200;border-color:#B8D200}
#paper .green .button:before, #paper .green .button:after  {border-color:#B8D200}
#paper .green .button:hover:before, #paper .green .button:hover:after {border-color:#B8D200;}
#paper .green .button:hover {color:#fff;background-color:#B8D200;border-color:#B8D200;}
#paper .green .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .orange .button {color:#FF931E;border-color:#FF931E}
#paper .orange .button:before, #paper .orange .button:after  {border-color:#FF931E}
#paper .orange .button:hover:before, #paper .orange .button:hover:after {border-color:#FF931E;}
#paper .orange .button:hover {color:#fff;background-color:#FF931E;border-color:#FF931E;}
#paper .orange .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .contact .button {width: 100%;padding: 10px 5px; color:#93C746;border-color:#93C746;font-size: 24px;}
#paper .contact .button:before, #paper .contact .button:after  {border-color:#93C746}
#paper .contact .button:hover:before, #paper .contact .button:hover:after {border-color:#93C746;}
#paper .contact .button:hover {color:#fff;background-color:#93C746;border-color:#93C746;}
#paper .contact .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .widget_text {
	width:33.33%;
	float:left;
}
#paper .widget_text .textwidget {
	margin:5px 10px 40px 10px;
}
#paper .widget_text .textwidget p {
	margin:0px 0px 0px 0px;
}
#paper .widget_text .textwidget .caption {
	margin: 10px 0px 0px 0px;
	text-align:center;
}
#paper .widget_text .textwidget ul {
	text-align:center;
	padding:0px 0px 0px 0px;
}
#paper .widget_text .textwidget ul li {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#paper .widget_text .textwidget ul li a:hover img {
	opacity:0.8;
}
#paper .widget_text .textwidget ul li img {
	width:200px;
	height:200px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius:100px;
}
#paper .widget_text .textwidget ul.kobo li img {
	width:200px;
	height:200px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
#paper .widget_text .textwidget h4.panel-title {
	margin:5px 10px 10px 10px;
	font-size: 18px;
}

.interView {
	background-image: url("../../../image/contents/interview/background.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
.curriculum {
	background-image: url("https://www.mmg-passo.com/image/contents/curriculum/background.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#wrap .interViewCompany {
	background-image: url("https://www.mmg-passo.com/image/contents/interview/background2.jpg");
}
#interview-page h2 {
	background-color: white;
	border: none;
	margin:0px 0px 0px 0px;
}

#interview-page .in-page01 .area01 {
	margin:0px 0px 250px 0px;
}
#interview-page .in-page01 .area02 {
	margin:0px 0px 270px 0px;
	position: relative;
}
#interview-page .in-page01 .area03 {
	margin:0px 0px 300px 0px;
	position: relative;
}
#interview-page .otherimg .area02 {
	margin:0px 0px 100px 0px;
}
#interview-page .in-page01 .area02 p.img002 {
	position: absolute;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	top: -300px;
	right: 10px;
}
#interview-page .in-page01 .area02 h2.title01 {
	font-family: 'Noto Serif JP', serif;
	font-size: 42px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
	margin:0px 0px 20px 0px;
}
#interview-page .in-page01 .area02 p.titletext001 {
	width: 440px;
}
#interview-page .in-page01 .area02 .prof {
	width: 90%;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 10px;
	background-color: #EEEEEE;
	border: none;
}
#interview-page .in-page01 .area02 .proftable {
	width: 600px;
	border: none;
}
#interview-page .in-page01 .area02 .proftable td {
	width: 300px;
	padding:0px 0px 0px 20px;
	border: none;
	vertical-align: top;
}
#interview-page .in-page01 .area02 .proftable2 {
	width: 800px;
}
#interview-page .in-page01 .area02 .proftable2 td {
	width: 400px;
}
#interview-page .in-page01 .area02 .proftable td.positionbt {
	vertical-align: bottom;
}
#interview-page .in-page01 .area02 .proftable td p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 14px;
	color: #3E3939;
}
#interview-page .in-page01 .area02 .proftable td p.text002 {
	font-family: 'Noto Serif JP', serif;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size: 40px;
	color: #211713;
}
#interview-page .in-page01 .area02 .proftable td p.text003 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size: 23px;
	color: #211713;
	letter-spacing: 0.1em;
}
#interview-page .in-page01 .area02 .proftablec {
	margin:0px 0px 10px 0px;
}
#interview-page .in-page01 .area02 .proftablec td {
	padding:30px 0px 20px 20px;
	border-bottom: solid 1px #000;
}
#interview-page.company-page .in-page01 .area02 .proftable td {
	width: auto;
}
#interview-page.company-page .in-page01 .area02 .proftable td p.text002 {
	font-family: 'Noto Serif JP', serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 30px;
	color: #211713;
}
#interview-page.company-page .in-page01 .area02 .proftable td p.text003 {
	font-size:18px;
	margin:0px 0px 0px 0px;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 {
	font-family: 'Noto Serif JP', serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 40px;
	color: #211713;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 span {
	font-size: 28px;
	margin:0px 20px 0px 0px;
}
#interview-page .in-page01 .area02 .proftablec td p.text006 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 14px;
	color: #211713;
}

#interview-page .in-page02 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page02 .area01 {
	margin:0px 0px 0px 0px;
}
#interview-page .in-page02 .sentences {
	width: 470px;
	background-color: white;
	margin:0px 0px 0px 0px;
	padding:20px 20px 50px 20px;
	position: absolute;
	top:50px;
	right: 140px;
}
#interview-page .in-page04 .sentences .title001 ,
#interview-page .in-page03 .sentences .title001 ,
#interview-page .in-page02 .sentences .title001 {
	font-size: 28px;
	color: #3E3939;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
#interview-page .in-page03 .sentences .title001 {
    background-color: rgba(255, 255, 255, 0);
}
#interview-page .in-page04 .sentences .text002 ,
#interview-page .in-page03 .sentences .text002 ,
#interview-page .in-page02 .sentences .text002 {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page .in-page03 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page04 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page04 .area01 {
	margin:0px 0px 0px 0px;
	text-align: right;
}
#interview-page .in-page04 .sentences {
	width: 470px;
	background-color: white;
	margin:0px 0px 0px 0px;
	padding:20px 20px 50px 20px;
	position: absolute;
	top:50px;
	left: 140px;
}
#interview-page .in-page04 .sentences2 {
	width: 630px;
	left: 80px;
}
#interview-page .in-page04 .companystaff .sentences {
	width: 630px;
	padding:20px 20px 50px 20px;
	position: absolute;
	top: 10px;
	left: 40px;
    background-color: rgba(0,0,0,0.50);
}
#interview-page .in-page04 .companystaff .sentences .title001 {
    background-color: rgba(0,0,0,0.0);
    color: #DDE100;
}
#interview-page .in-page04 .companystaff .sentences .text002 {
    color: #FFFFFF;
}
#interview-page .in-pagetop {
	margin:0px 0px 20px 0px;
	text-align: center;
}
#interview-page .in-page05 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page05 .img005 {
	margin:0px 0px 50px 0px;
	text-align: center;
}
#interview-page .in-page05 .strength {
	margin:0px 0px 30px 0px;
}
#interview-page .in-page05 .strength p {
	margin:0px 0px 0px 0px;
}
#interview-page .in-page05 .strength .box {
	width: 25%;
	float: left;
}
#interview-page .in-page05 .strength .box a {
	position: relative;
	display: block;
	margin:0px 20px 0px 0px;
	border: solid 1px #ccc;
}
#interview-page .in-page05 .strength .box a:hover {
	border: solid 1px #888;
}
#interview-page .in-page05 .strength .box a p.text006 {
	position: absolute;
	left:0px;
	top:0px;
	padding:0px 10px 0px 10px;
	background-color: #DCE000;
	font-size: 15px;
	color: #ffffff;
}
#interview-page .in-page05 .strength .boxcompany a p.text006 {
	padding:0px 10px 0px 10px;
	background-color: #82B027;
	font-size: 15px;
}
#interview-page .in-page05 .strength .box a p.text007 {
	position: absolute;
	right:0px;
	top:0px;
	padding:0px 10px 0px 0px;
	font-size: 31px;
	color: #211713;
	line-height: 120%;
}
#interview-page .in-page05 .strength p.text008 {
	margin:0px 0px 10px 0px;
}

#interview-page .in-page05 .curriculum-list {
	margin:0px auto 30px auto;
	width:100%;
    max-width: 800px;
}
#interview-page .in-page05 .curriculum-list p {
	margin:0px 0px 0px 0px;
}
#interview-page .in-page05 .curriculum-list .box {
	width: 50%;
	float: left;
    text-align: center;
}
#interview-page .in-page05 .curriculum-top .box {
	width: 100%;
	float: none;
    text-align: center;
}
#interview-page .in-page05 .curriculum-list a:link ,
#interview-page .in-page05 .curriculum-list a:visited {
    text-decoration: underline;
}
#interview-page .in-page05 .curriculum-list a:hover ,
#interview-page .in-page05 .curriculum-list a:active {
    text-decoration: none;
}


#interview-page .in-page05 .morebt {
	margin:0px 0px 50px 0px;
	text-align: center;
}
#interview-page .in-page05 .morebt a {
	font-size: 31px;
    transition-duration: 1s;
}
#interview-page .in-page05 .morebt a:link ,
#interview-page .in-page05 .morebt a:visited {
    text-decoration: underline;
}
#interview-page .in-page05 .morebt a:hover ,
#interview-page .in-page05 .morebt a:active {
    text-decoration: none;
}
/*カリキュラム*/
#interview-page.curriculum-page h2 {
    background-color: rgba(0,0,0,0.00);
}
#interview-page.curriculum-page .explains {
	width:100%;
    max-width: 700px;
	margin:0px auto 60px auto;
}
#interview-page.curriculum-page .in-page01 .area02 {
	margin:0px 0px 100px 0px;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name {
	width:44%;
    float: left;
    text-align: center;
	background-image: url("https://www.mmg-passo.com/image/contents/curriculum/curriculumname.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#interview-page.curriculum-page .in-page01 .area02 .sentences {
	width:56%;
    float: left;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name .title01 {
    background-color: rgba(0,0,0,0.00);
}
#interview-page.curriculum-page .in-page01 .area02 .c-name .title01 .sml {
	font-size: 15px;
}
#interview-page.curriculum-page .in-page01 .sentences .text002 {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page.curriculum-page .in-page02 .sentences {
	width: 680px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top:30px;
	right: 10px;
    background-color: rgba(251,250,245,0.90);
}
#interview-page.curriculum-page .in-page04 {
	margin: 0px 0px 100px 0px;
}
#interview-page.curriculum-page .in-page04-ex {
	margin: 0px 0px 140px 0px;
}
#interview-page.curriculum-page .in-page04 .sentences {
	width: 540px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top:30px;
	left: 30px;
    background-color: rgba(251,250,245,0.90);
}
#interview-page.curriculum-page .in-page06 {
	margin: 80px 0px 80px 0px;
}
#interview-page.curriculum-page .in-page06 .img004 {
	width: 100%;
	max-width: 600px;
	margin: 0px auto 0px auto;
}
#interview-page.curriculum-page .in-page02 .sentences .text002 {
	margin:0px 0px 0px 20px;
}
#interview-page.curriculum-page .in-page02 .sentences .text002 li {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page.curriculum-page .in-page05 .strength .box a p.text006 {
	background-color: #F08300;
}

#onLine {
	margin:30px auto 50px auto;
	padding:0px 0px 0px 0px;    
}
#onLine h1.title {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	color: #211713;
    text-align: center;
}
#onLine .container p {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
}
#onLine table.detaile1 {
	width:80%;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
    border: none;
}
#onLine table.detaile1 th ,
#onLine table.detaile1 td {
	padding:20px 0px 10px 20px;
    text-align: left;
	font-size: 18px;
	font-weight: normal;
	color: #211713;
	line-height: 160%;
    vertical-align: top;
    border: none;
    border-bottom: dashed 1px #211713;
}
#onLine table.detaile1 th {
	width:20%;
}
#onLine table.detaile1 td {
	width:80%;
}
#onLine div.detaile2 {
	width:80%;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
    border: none;
}
#onLine div.zoom {
	width:80%;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
    text-align: center;
}
#onLine div.zoom p img {
	width:300px;
}
#onLine div.detaile2 .flow {
	margin:0px auto 20px auto;
	padding:10px 0px 60px 120px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 101px;
}
#onLine div.detaile2 .flow01 {
    background-image: url("https://www.mmg-passo.com/image/contents/online/icon001.png");
}
#onLine div.detaile2 .flow02 {
    background-image: url("https://www.mmg-passo.com/image/contents/online/icon002.png");
}
#onLine div.detaile2 .flow03 {
    background-image: url("https://www.mmg-passo.com/image/contents/online/icon003.png");
	padding:10px 0px 0px 120px;
}
#onLine div.detaile2 .flow04 {
    background-image: url("https://www.mmg-passo.com/image/contents/online/icon004.png");
}
#onLine div.detaile2 .flow05 {
    background-image: url("https://www.mmg-passo.com/image/contents/online/icon005.png");
	padding:10px 0px 30px 120px;
}
#onLine div.detaile2 .flow06 {
    background-image: url("https://www.mmg-passo.com/image/contents/online/icon006.png");
	padding:10px 0px 30px 120px;
}
#onLine div.detaile2 .contact {
    max-width: 560px;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
}
#onLine div.detaile2 .contact a {
    display: block;
    max-width: 560px;
	margin:0px auto 0px auto;
	padding:10px 20px 10px 20px;
    border: solid 4px #666666;
    transition: all .3s;
}
#onLine div.detaile2 .contact a:hover {
    background-color: #EEEEEE;
}
#onLine div.detaile2 .contact-tel {
    max-width: 560px;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
}

.contact-area .fd {
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.contact-area .textwidget {
	margin:20px auto 100px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.contact-area .textwidget a {
	display:block;
	padding:15px 30px 15px 10px;
	border:solid 1px #FF931E;
	background-color:#FF931E;
	border-radius:7px;
	color:#FFF;
	text-decoration:none;
}
.contact-area .textwidget a i {
	vertical-align:middle;
}
.contact-area .textwidget a span {
	margin:0px 0px 0px 10px;
}
.contact-area .textwidget p.texts {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:14px;
}

a[href^="tel:"]{
    pointer-events: none ;
}

.area-top .banner .moreinfo {
	margin:50px auto 50px auto;
	padding:0px 0px 0px 0px;
	width:100%;
    text-align: center;
	font-size:34px;
    font-weight: bold;
}
.area-top .banner .moreinfo a:link ,
.area-top .banner .moreinfo a:visited {
    text-decoration: underline;
    transition: 0.3s;
}
.area-top .banner .moreinfo a:hover ,
.area-top .banner .moreinfo a:active {
    text-decoration: none;
    transition: 0.3s;
}
/*アクセス*/
#paper.access_link .panel1 {
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
	margin:0px 20px 10px 20px;
}
#mapnisshin .red {
    color:#EE0000;
}
@media screen and (max-width: 1100px) {    
    #mainimage .inner .image001 .message p {
        font-size:24px;
    }
    #mainimage .inner .image001 .message2 {
        bottom: 10px;
    }
}

@media screen and (max-width: 1024px) {
	header#masthead .linksitem .box02 ,
	header#masthead .linksitem .pcmenu {
    display: none;
	}
	.open nav.link .LinksBlock .Block01 {
    width: 100%;
	}
	.open nav.link .LinksBlock .Block02 {
    width: 100%;
    padding: 0px 0px 0px 0px;
	}
	
	
#wrap .interView .container {
	width: auto;
}
#interview-page .in-page01 .area01 {
	margin:0px 0px 20px 0px;
}
#interview-page .in-page01 .area02 {
	margin:0px 0px 20px 0px;
	position: relative;
}
#interview-page .in-page01 .area03 {
	margin:0px 0px 20px 0px;
	position: relative;
}
#interview-page .otherimg .area02 {
	margin:0px 0px 20px 0px;
}
#interview-page .in-page01 .area02 p.img002 {
	width: 140px;
	top: -20px;
}

#interview-page .in-page01 .area02 h2.title01 {
	font-size: 32px;
}
#interview-page .in-page01 .area02 p.titletext001 {
	width: 340px;
}
#interview-page .in-page01 .area02 .prof {
	width: 90%;
}
#interview-page .in-page01 .area02 .proftable {
	width: 80%;
}
#interview-page .in-page01 .area02 .proftable td {
	width: 50%;
	padding:0px 0px 0px 20px;
}
#interview-page .in-page01 .area02 .proftable td p.text002 {
	font-size: 30px;
}
#interview-page .in-page01 .area02 .proftable td p.text003 {
	font-size: 18px;
}
#interview-page .in-page01 .area02 .proftablec td {
	padding:10px 0px 20px 20px;
}

#interview-page .in-page02 .imgs ,
#interview-page .in-page04 .imgs {
	margin:0px 0 0px 0;
	text-align: center;
}
#interview-page .in-page02 .imgs .img003 ,
#interview-page .in-page04 .imgs .img003 {
	margin:0px 0 0px 0;
}
#interview-page .in-page02 .sentences ,
#interview-page .in-page04 .sentences {
	width: 470px;
	background-color: white;
	margin:-40px auto 0px auto;
	padding:20px 20px 50px 20px;
	position:relative;
	top:0px;
	right: 0px;
	left: 0px;
}
#interview-page .in-page04 .companystaff .sentences {
	width: 100%;
	max-width: 470px;
	padding:20px 20px 50px 20px;
	position:relative;
	top: 30px;
	left: 0px;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name {
	width: 100%;
    float: none;
    text-align: center;
	background-image: url("https://www.mmg-passo.com/image/contents/curriculum/curriculumname.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#interview-page.curriculum-page .in-page01 .area02 .sentences {
	width: 100%;
    float: none;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name .title01 .sml {
	font-size: 15px;
}
#interview-page.curriculum-page .in-page01 .sentences .text002 {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page.curriculum-page .in-page02 .sentences {
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top: -20px;
	right: 0px;
}
#interview-page.curriculum-page .in-page04 {
	margin: 0px 0px 100px 0px;
}
#interview-page.curriculum-page .in-page04 .sentences {
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top: -20px;
	left: 0px;
}
	
}
@media (min-width: 992px) {
.header_scrolled .navbar-header {
	margin-bottom: 0px;
}
	 .header_scrolled .gMenu > li {
		 border-left: none;}
}

@media screen and (max-width: 768px) {
a[href^="tel:"]{
    pointer-events: auto ;
 }
	
#mainimage {
  margin: 60px 0px 0px 0px;
  /*margin: 100px 0px 0px 0px;*/
  padding: 0px 0px 50px 0px;
  background-color: #FFFFFF;
}
.page-header { padding-bottom: 9px; margin: 60px 0 20px; border-bottom: 1px solid #eee; }
.container > .navbar-collapse, .container > .navbar-header { width:100%; }
/*.container > .navbar-header { width:auto; }*/
header.navbar .container {
	width: 100%;
	max-width: 100%;
	margin: 0;
	display: inherit;
}
header#masthead .Block.corpname {
  width: 200px;
  padding: 30px 4px 0 6px;
}
header#masthead .Block.corpname p a img,
header#masthead .Block.corpname h1 a img {
  width: 140px;
}
	
header.onlinehead .container {
	padding:30px 0px 10px 0px;
}
header.onlinehead .container p {
	font-size: 22px;
}
header.onlinehead .container p.image1 img {
	max-width:140px;
}
#menu-mainmenu li {
	border-top:solid 1px #ECECEC;
	padding:0px 0px 0px 10px;
}
#menu-mainmenu li a {
	text-align: left;
}
#menu-mainmenu .navi_01 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_02 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_03 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_04 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_05 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_06 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu li a .gMenu_name {
	display:block;
}

#mainimage .inner .image001 {
  display: none;
}
#mainimage .inner .image001sp {
  display: block;
}
.servicedetail .area-club ,
.servicedetail .area-syuro {
	padding:0px 30px 0px 30px;
}
.servicedetail .area-club .linkbox ,
.servicedetail .area-syuro .linkbox {
    min-height: auto;
}
    
.area-top .banner .imgpc {
	display:none;
}
.area-top .banner .imgsp {
	display:block;
}
.area-poli p.text002 {
	font-size:24px;
}
.area-poli p.text003 {
	font-size:16px;
}
.area-top p.text003 {
	margin:0px 0px 20px 0px;
	font-size:14px;
	color:#323232;
	text-align:center;
}
.area-poli .banner .bimg img {
	width:100%;
	max-width: inherit;
}
.area-poli .banner .fd {
	max-width: inherit;
}
#club01 h2 ,
#syurou01 h2 {
	font-size:28px;
}

#paper .boxs {
	width:100%;
	float: none;
}
#paper .widget_text {
	width:100%;
	float: none;
}


#interview-page .in-page01 .area02 p.img002 {
	width: 100px;
	position: relative;
	top: 0px;
	margin:0px auto 0px auto;
}

#interview-page .in-page01 .area02 h2.title01 {
	font-size: 24px;
}
#interview-page .in-page01 .area02 p.titletext001 {
	width: 240px;
}
#interview-page .in-page01 .area02 .prof {
	width: 100%;
}
#interview-page .in-page01 .area02 .proftable {
	width: 100%;
}
#interview-page .in-page01 .area02 .proftable td {
	width: 50%;
	padding:0px 0px 0px 20px;
}
#interview-page .in-page01 .area02 .proftable td p.text002 {
	font-size: 20px;
}
#interview-page .in-page01 .area02 .proftable td p.text003 {
	font-size: 16px;
}
#interview-page .in-page02 .sentences ,
#interview-page .in-page04 .sentences {
	width: 90%;
	background-color: white;
	margin:-40px auto 0px auto;
	padding:20px 20px 50px 20px;
	position:relative;
	top:0px;
	right: 0px;
	left: 0px;
}
#interview-page .in-page01 .area02 .proftablec td {
	padding:10px 0px 20px 20px;
}

#interview-page .in-page05 .strength .box {
	width: 50%;
	float: left;
}
#interview-page .in-page05 .strength .box a {
	margin:0px 10px 0px 10px;
}
#interview-page .in-page05 .strength .box p.text008 {
	margin:0px 10px 20px 10px;
}

#interview-page .in-page05 .curriculum-list .box {
	width: 100%;
	float: none;
}
#interview-page.curriculum-page .in-page04-ex {
	margin: 0px 0px 50px 0px;
}

#onLine h1.title {
	font-size: 22px;
}
#onLine .container p {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
}
#onLine .container p.image01 {
	width:60%;
	padding:0px 0px 0px 0px;
}
#onLine table.detaile1 {
	width:98%;
}
#onLine table.detaile1 th ,
#onLine table.detaile1 td {
	padding:20px 0px 10px 10px;
	font-size: 16px;
}
#onLine table.detaile1 th {
	width:30%;
}
#onLine table.detaile1 td {
	width:70%;
}
#onLine div.detaile2 {
	width:98%;
	margin:0px auto 50px auto;
}
#onLine div.zoom {
	width:98%;
	margin:0px auto 20px auto;
}
#onLine div.detaile2 .flow01 {
	padding:10px 0px 60px 120px;
}
#onLine div.detaile2 .flow06 {
	margin:0px auto 0px auto;
	padding:10px 0px 30px 120px;
}
    
    #about h2.title003 {
        font-size:20px;
    }
    #about .textarea1{
        margin:0px 0px 100px 0px;
    }
    #about h3.text01 {
        margin:0px 0px 40px 0px;
        font-size:20px;
    }
    #about .textarea1 p.indent5 {
        text-indent: 0;
    }
    
	#mail .contact table th .blank {
		padding:0px 0px 0px 0px;
	}
    #mail .contact table td span.mwform-radio-field {
        display: block;
		margin:0px 0px 0px 0px;
    }
	
	
	footer.siteFooter .row {
		display: inherit;
		/*width: 100%;*/
	}
	
}
@media screen and (max-width: 468px) {

	#contactbt2 p.text001 a, 
	#contactbt2 p.text002 a, 
	#contactbt2 ul.tel001 li a {
		padding:10px 0px 10px 0px;
		line-height: 180%;
	}
	footer .ftel001 li ,
	footer .ftel002 li {
		padding:0px 0px 0px 10px;
		margin:10px 0px 15px 0px;
		/*list-style:none;
		font-size:14px;*/
	}
	footer .ftel001 li a ,
	footer .ftel002 li a {
		/*padding:0px 0px 0px 10px;
		margin:0px 0px 0px 0px;
		list-style:none;*/
		font-size:16px;
	}
#interview-page.company-page .in-page01 .area02 .proftable td p.text002 {
	font-size: 22px;
}
#interview-page.company-page .in-page01 .area02 .proftable td p.text003 {
	font-size:12px;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 {
	font-size: 32px;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 span {
	font-size: 20px;
}
#onLine div.detaile2 .flow01 {
	padding:10px 0px 30px 120px;
}
#onLine div.detaile2 .flow04 {
	padding:10px 0px 30px 120px;
}
#interview-page .in-page05 .strength .box {
	width: 100%;
	float: none;
}
    
	#mail .contact table th .must {
		padding:1px 2px 1px 2px;
		border:solid 1px #f98400;
		border-radius:4px;
		background-color:#f98400;
		color:#FFFFFF;
		font-size:12px;
		display:block;
		text-align:center;
	}
	#mail .contact table th .none {
		padding:1px 2px 1px 2px;
		border:solid 1px #666;
		border-radius:4px;
		background-color:#666;
		color:#FFFFFF;
		font-size:12px;
		display:block;
		text-align:center;
	}
/*アクセス*/
#paper.access_link .panel1 {
    display: block;
    width: 100%;
	margin:0px 0px 0px 0px;
}
#paper.access_link .panel1 .button {
    width: 100%;
}
}