@charset "UTF-8";
/*======================================
リセット
======================================*/
/* Reset Style */
html, body {
  height: 100%; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

body {
  font: 13px/1.231 "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  *font-size: small;
  *font: x-small;
  line-height: 1;
  color: #333; }

select, input, button, textarea {
  font: 99% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

*:focus {
  outline: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.opacity, header .joint a:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"; }

.align.float:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "."; }

nav .g-nav li a:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%; }

/*======================================
スタイル
======================================*/
.ml60 {
  margin-left: 60px; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

a {
  text-decoration: none; }
  a.linkStyle_text {
    color: #0070c9;
    text-decoration: underline; }
    a.linkStyle_text:hover {
      text-decoration: none; }

.fa-i:after, .fa-i:before {
  font-family: FontAwesome;
  margin-left: 1em; }
.fa-i:before {
  margin-left: 0em;
  margin-right: 1em; }
.fa-i.link:after {
  content: "\f054"; }
.fa-i.contact:before {
  content: "\f003"; }
.fa-i.down:after {
  content: "\f078" !important; }
.fa-i.download:after {
  content: "\f063" !important; }
.fa-i.bars:before {
  content: "\f0c9"; }
.fa-i.external_link_01:after {
  content: "\f14c"; }
.fa-i.external_link_02:after {
  content: "\f08e"; }
.fa-i.sign-in:before {
  margin-right: .5em;
  content: "\f090"; }

.baseWidth {
  width: 1080px;
  margin: 0 auto; }
  @media only screen and (max-width: 640px) {
    .baseWidth {
      width: 100%;
      padding: 0 2%; } }
  .baseWidth.smallwidth {
    width: 960px; }
    @media only screen and (max-width: 640px) {
      .baseWidth.smallwidth {
        width: 90%;
        margin: 0 auto;
        padding: 0 0; } }

.read {
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-size: 108%; }
  .read.bold {
    font-weight: 600; }
  .read.center {
    text-align: center; }
  .read.notice {
    color: #666;
    line-height: 1;
    font-size: 93%; }
  @media only screen and (max-width: 640px) {
    .read {
      font-size: 93%;
      padding: 0 5%; }
      .read br {
        display: none; } }

.tal {
  text-align: left; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

.image img {
  width: 100%;
  height: auto; }

.btn {
  position: relative;
  font-size: 124%;
  letter-spacing: .14em;
  display: block;
  padding: 1em 2em;
  color: #fff;
  -webkit-transition: all .2s;
  transition: all .2s;
  outline: none; }
  .btn.orange {
    -webkit-transition: all 0s;
    transition: all 0s;
    background-color: #fa9325;
    box-shadow: 0 5px 0 #e77a05; }
    .btn.orange:hover {
      top: 3px;
      box-shadow: 0 2px 0 #e77a05; }
  .btn.green {
    -webkit-transition: all 0s;
    transition: all 0s;
    background-color: #95c630;
    box-shadow: 0 5px 0 #769d26; }
    .btn.green:hover {
      top: 3px;
      box-shadow: 0 2px 0 #769d26; }
  .btn.blue {
    background-color: #012460;
    border: 2px solid #012460; }
    .btn.blue:hover {
      background-color: #fff;
      color: #012460; }
    .btn.blue:after {
      font-family: FontAwesome;
      margin-left: 1em;
      content: "\f054";
      vertical-align: middle; }
    .btn.blue.sign-in {
      padding: 1em 0em; }
      .btn.blue.sign-in:after {
        font-family: FontAwesome;
        margin-left: 1em;
        content: "";
        vertical-align: middle; }
      .btn.blue.sign-in .notice {
        font-size: 11px;
        display: inline-block;
        margin-top: 1em;
        color: #fa9325; }
  @media only screen and (max-width: 640px) {
    .btn {
      padding: 2em .4em;
      font-size: 100%;
      text-align: center;
      font-weight: 700; }
      .btn:after {
        margin-left: .5em; } }

.btnBox {
  width: 450px;
  text-align: center;
  margin: 0 auto; }
  .btnBox br {
    display: none; }
  @media only screen and (max-width: 640px) {
    .btnBox {
      width: 96%; } }

section.gray {
  background-color: #f3f3f3; }
section.padding_hl {
  padding: 90px 0; }
  @media only screen and (max-width: 640px) {
    section.padding_hl {
      padding: 30px 0 !important; } }
section.padding_h {
  padding: 90px 0 0; }
  @media only screen and (max-width: 640px) {
    section.padding_h {
      padding: 60px 0 0; } }
section.padding_l {
  padding: 0px 0 90px; }
  @media only screen and (max-width: 640px) {
    section.padding_l {
      padding: 0px 0 60px; } }

h2.style_A {
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.1em; }
  h2.style_A span {
    border-top: 3px solid #012460;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px;
    margin-bottom: 30px; }
h2.white {
  color: #fff; }
  h2.white span {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    margin-right: 1em; }
    h2.white span img {
      width: 100%;
      height: auto; }
@media only screen and (max-width: 640px) {
  h2 {
    font-size: 28px !important;
    line-height: 1.4; }
    h2 span {
      font-size: 13px !important;
      padding-top: 5px !important;
      margin-bottom: 15px !important; } }

h3.style_A {
  font-size: 24px;
  font-weight: 400;
  border-left: 30px solid #012460; }
  h3.style_A span {
    padding: 0 .5em;
    color: #012460;
    display: inline-block;
    border-right: 1px solid #012460;
    margin-right: .5em; }
  @media only screen and (max-width: 640px) {
    h3.style_A {
      font-size: 24px !important;
      color: #012460;
      font-weight: 700;
      border-left: 0px solid #012460;
      text-align: center; }
      h3.style_A span {
        font-size: 12px;
        width: 50%;
        margin: 0 auto 30px;
        display: block;
        background-color: #012460;
        color: #fff;
        padding: 1em 0;
        letter-spacing: 0.3em;
        border-right: 0px solid #012460; } }

/*======================================
横並びレイアウトモジュール
======================================*/
.align.float .fl-l {
  float: left; }
.align.float .fl-r {
  float: right; }
@media only screen and (max-width: 640px) {
  .align.float .fl-l {
    float: none; }
  .align.float .fl-r {
    float: none; } }
.align.inline-block {
  font-size: 0px; }
  .align.inline-block > div {
    font-size: 13px;
    display: inline-block; }
  @media only screen and (max-width: 640px) {
    .align.inline-block {
      font-size: 100%; }
      .align.inline-block > div {
        display: block; } }
.align.table {
  display: table; }
  .align.table > div {
    display: table-cell; }
  .align.table.fixed {
    table-layout: fixed; }
  @media only screen and (max-width: 640px) {
    .align.table {
      display: block; }
      .align.table > div {
        display: block; } }
.align.vam > div {
  vertical-align: middle; }
.align.vat > div {
  vertical-align: top; }

/*======================================
HEADER
======================================*/
header {
  padding-top: 20px; }
  header .logo {
    width: 270px; }
    header .logo img {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 640px) {
      header .logo {
        margin: 0 auto;
        width: 90%; } }
    header .logo .catchC {
      margin-bottom: 10px; }
  header .contact {
    display: block;
    margin-right: 30px; }
    header .contact:hover {
      text-decoration: underline; }
    @media only screen and (max-width: 640px) {
      header .contact {
        margin-right: 0px; } }
  header .login a {
    font-size: 93%;
    color: #012460;
    display: block;
    border-radius: 20px;
    border: 2px solid #012460;
    padding: .5em 1em;
    font-weight: 400;
    letter-spacing: 0.05em;
    -webkit-transition: all .2s;
    transition: all .2s; }
    header .login a:hover {
      color: #fff;
      background-color: #012460; }
  header .joint {
    width: 310px;
    margin-top: 20px;
    text-align: right; }
    header .joint img {
      width: 100%;
      height: auto; }
    header .joint a {
      display: inline-block;
      vertical-align: middle;
      width: 75%; }
    header .joint span {
      display: inline-block;
      vertical-align: middle;
      width: 25%; }
    @media only screen and (max-width: 640px) {
      header .joint {
        display: none; } }
  @media only screen and (max-width: 640px) {
    header {
      padding-top: 10px; } }

/*======================================
CONVERSION
======================================*/
.conversion {
  padding-top: 110px;
  background: url(../img/common_fig_02.png) center top no-repeat; }
  .conversion .image {
    max-width: 317px; }
    .conversion .box h2 {
      font-size: 36px;
      margin-bottom: 20px; }
      .conversion .box h2 .zeikomi {
        font-size: 18px;
        margin-left: 1em; }
    .conversion .box .kikan {
      margin-top: 15px;
      font-size: 22px;
      font-weight: 300; }
    .conversion .box dl {
      font-weight: 700;
      display: table;
      width: 100%;
      padding-top: 1em;
      padding-bottom: 1em;
      letter-spacing: 0.1em;
      border-bottom: 1px solid #c3c3c3; }
      .conversion .box dl dt {
        font-size: 14px;
        display: table-cell;
        text-align: left;
        padding-left: 1em; }
      .conversion .box dl dd {
        font-size: 24px;
        display: table-cell;
        text-align: center;
        padding-right: 1em; }
    .conversion .box .attention {
      margin-top: 20px; }
      .conversion .box .attention a {
        cursor: pointer; }
    .conversion .box .attention + .read {
      margin-top: 10px !important; }
    .conversion .box .point {
      margin-top: 20px; }
      .conversion .box .point > div:first-child {
        margin-right: 20px; }
  .conversion .row {
    text-align: center;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 40px auto 30px auto; }
    .conversion .row > div {
      display: table-cell;
      vertical-align: top;
      padding: 0 10px; }
      .conversion .row > div.price {
        width: 48%; }
        .conversion .row > div.price.new > div {
          position: relative; }
          .conversion .row > div.price.new > div .cv_icn01 {
            position: absolute;
            top: 10px;
            right: -80px; }
          .conversion .row > div.price.new > div .cv_icn02 {
            position: absolute;
            top: 105px;
            right: -80px; }
      .conversion .row > div h3 {
        width: 100%;
        padding: 1em;
        font-size: 139%;
        color: #fff;
        background-color: #fa9325; }
        .conversion .row > div h3 span {
          margin-top: .5em;
          font-weight: normal; }
        .conversion .row > div h3 + div {
          background-color: rgba(250, 147, 37, 0.2); }
          .conversion .row > div h3 + div dl dt {
            background-color: rgba(250, 147, 37, 0.5); }
      .conversion .row > div dl {
        padding: 0;
        border-bottom: none; }
        .conversion .row > div dl dt {
          display: block;
          text-align: center;
          font-size: 10px;
          font-size: 1rem;
          line-height: 1.6;
          font-weight: normal;
          letter-spacing: 0.075em;
          background: rgba(0, 0, 0, 0.3);
          padding: 7px 0; }
        .conversion .row > div dl dd {
          display: block;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.6;
          font-weight: bold;
          letter-spacing: 0.075em;
          padding: 10px 0; }
          .conversion .row > div dl dd span {
            font-size: 9px;
            font-size: 0.9rem;
            line-height: 1.6;
            font-weight: bold;
            letter-spacing: 0.075em; }
  @media only screen and (max-width: 640px) {
    .conversion {
      background: url(../img/common_fig_02_sp.png) center top no-repeat;
      background-size: cover;
      padding-top: 45px; }
      .conversion .image {
        display: none; }
      .conversion .box {
        text-align: center;
        margin-left: 0px;
        padding: 15px 15px 30px 15px;
        width: 100%;
        height: auto; }
        .conversion .box .point > div:first-child {
          margin-right: 0px;
          margin-bottom: 30px; }
      .conversion .row {
        display: block; }
        .conversion .row > div {
          display: block;
          padding: 0 0px; }
          .conversion .row > div.price {
            width: 100%; }
            .conversion .row > div.price.new > div .cv_icn01 {
              right: -20px; }
              .conversion .row > div.price.new > div .cv_icn01 img {
                width: 80%; }
            .conversion .row > div.price.new > div .cv_icn02 {
              right: -20px; }
              .conversion .row > div.price.new > div .cv_icn02 img {
                width: 80%; } }

/*======================================
FOOTER
======================================*/
footer {
  padding-top: 90px;
  width: 100%; }
  footer .gototop a {
    display: block;
    background-color: #012460;
    color: #fff;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin: 0 2% 0 auto;
    -webkit-transition: all .2s;
    transition: all .2s; }
    footer .gototop a:hover {
      line-height: 30px; }
  footer .higher {
    background-color: #012460;
    padding: 2em 0; }
    footer .higher ul {
      text-align: center; }
      footer .higher ul li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 .5em; }
        footer .higher ul li a {
          color: #fff;
          -webkit-transition: all .2s;
          transition: all .2s; }
          footer .higher ul li a:hover {
            color: #024ac5; }
    footer .higher .copyright {
      display: none; }
    @media only screen and (max-width: 640px) {
      footer .higher {
        padding: 0; }
        footer .higher ul li {
          display: block;
          margin: 0; }
          footer .higher ul li a {
            border-top: 1px solid #00112e;
            display: block;
            width: 100%;
            padding: 1em 0; }
          footer .higher ul li:first-child a {
            border-top: 0px solid #00112e; }
        footer .higher .copyright {
          display: block;
          text-align: center;
          background-color: #FFF;
          padding: 2em 0;
          color: #012460; } }
  footer .lower {
    border-top: 3px solid #012460;
    /* padding-top: 20px; */
    background: #fff;
    overflow: hidden;
    /*---------------------*/
        /*	clearfix
		/*---------------------*/
    /* Hides from IE-mac \*/
    /* End hide from IE-mac */
    /*=====================*/
        /*	フッター
		/*=====================*/
    /*=====================*/
        /*	フォント
		/*=====================*/ }
    footer .lower .clearfix {
      display: inline-block; }
      footer .lower .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
    footer .lower * html .clearfix {
      height: 1%; }
    footer .lower .clearfix {
      display: block; }
    footer .lower #GlobalFooter {
      width: 1030px;
      /* margin: 15px auto 10px; */
      margin: 0 auto 10px;
      padding-top: 8px;
      font-size: 12px;
      line-height: 1.5; }
    footer .lower #FooterLogo {
      width: 100px;
      float: left;
      padding-top: 30px;
      text-align: center; }
    footer .lower #FooterService {
      width: 920px;
      float: left;
      margin-left: 10px;
      display: inline;
      /* dobble margin bugfix for ie6 */ }
    footer .lower #FooterServiceHead {
      margin-bottom: 8px; }
    footer .lower #GlobalFooter .FooterTitle {
      width: 500px;
      float: left;
      font-size: 117%;
      font-weight: bold;
      color: #333; }
    footer .lower #GlobalFooter #FooterServiceHead p.FooterHeadLink {
      text-align: right; }
      footer .lower #GlobalFooter #FooterServiceHead p.FooterHeadLink a {
        float: right;
        padding-right: 20px;
        color: #09F !important; }
      footer .lower #GlobalFooter #FooterServiceHead p.FooterHeadLink img {
        vertical-align: text-top; }
    footer .lower #FooterServiceCont dl {
      padding: 1px 0 0;
      background: url(/mmmba/img/cmn/fline_blue.gif) repeat-y 100px; }
      footer .lower #FooterServiceCont dl dt {
        width: 100px;
        float: left;
        padding-bottom: 5px;
        margin-right: 15px;
        color: #2798e3; }
        footer .lower #FooterServiceCont dl dt.pl {
          padding-bottom: 10px; }
          footer .lower #FooterServiceCont dl dt.pl::after {
            clear: both;
            content: ".";
            display: block;
            color: #fff; }
      footer .lower #FooterServiceCont dl dd {
        float: left;
        margin: 0 10px 3px 0;
        padding: 0 9px 0 0;
        border-right: 1px solid #999;
        white-space: nowrap;
        font-size: 88%; }
        footer .lower #FooterServiceCont dl dd a:hover {
          text-decoration: underline; }
        footer .lower #FooterServiceCont dl dd.last {
          border-right: none; }
    footer .lower #FooterCorp {
      clear: both; }
    footer .lower #FooterCorpInfo {
      float: left;
      width: 940px;
      margin: 10px 0 0 0;
      padding-top: 5px;
      border-top: 1px solid #2798e3;
      display: inline;
      /* dobble margin bugfix for ie6 */ }
    footer .lower #FooterCorpId {
      width: 300px;
      float: left; }
    footer .lower #FooterCorpName {
      width: 100px;
      float: left;
      margin-top: 2px; }
    footer .lower #copyright {
      width: 190px;
      float: left;
      margin: 3px 0 0 10px;
      font-size: 81.6%;
      color: #333;
      line-height: 1.2; }
    footer .lower #FooterCorpLink {
      float: left; }
      footer .lower #FooterCorpLink ul li {
        float: left;
        margin: 0px 10px 7px 0;
        padding: 3px 9px 0px 0;
        border-right: 1px solid #999;
        font-size: 93.3%;
        line-height: 1.2;
        list-style-type: none; }
        footer .lower #FooterCorpLink ul li.last {
          border-right: none;
          margin-right: 0;
          padding-right: 0; }
    footer .lower #privacy {
      width: 50px;
      float: left;
      margin: -15px 0 10px 10px;
      display: inline;
      /* dobble margin bugfix for ie6 */ }
    footer .lower #GlobalFooter a {
      color: #666666;
      text-decoration: none; }
      footer .lower #GlobalFooter a:hover {
        color: #666666;
        text-decoration: underline; }
    footer .lower #footerArea a {
      color: #666666;
      text-decoration: none; }
      footer .lower #footerArea a:hover {
        color: #666666;
        text-decoration: underline; }
    footer .lower .Ps_form_message {
      display: block;
      background: none repeat scroll 0 0 #FFEEEE;
      color: #FF0000;
      font-size: 80%; }
    footer .lower .supplement_text {
      font-size: 90%; }
    footer .lower p.aligncenter {
      text-align: center; }
  @media only screen and (max-width: 640px) {
    footer {
      padding-top: 0px; }
      footer .gototop a {
        display: block;
        background-color: #00112e;
        color: #fff;
        text-align: center;
        width: 100%;
        height: 40px;
        line-height: 40px;
        -webkit-transition: all .2s;
        transition: all .2s; }
        footer .gototop a:hover {
          line-height: 40px; }
      footer .lower {
        display: none; } }

.remodal h1 {
  font-size: 277%;
  margin-bottom: 30px; }
.remodal table {
  width: 100%;
  margin-bottom: 30px;
  letter-spacing: 0.1em; }
  .remodal table thead {
    background-color: #012460;
    border: 1px solid #012460;
    color: #fff;
    text-align: left; }
    .remodal table thead th {
      padding: .5em; }
  .remodal table tbody th,
  .remodal table tbody td {
    border: 1px solid #dfdfdf;
    text-align: left;
    padding: .5em .5em .5em 1em;
    line-height: 1.6; }
  .remodal table tbody th {
    background-color: #f3f3f3; }

.f100 {
  font-size: 100% !important; }

.f80 {
  font-size: 80% !important; }

/*--------------------*/
/* レイアウト部
/*--------------------*/
#GlobalFooter {
  width: 100%;
  /*--------------------*/
    /* フォント部
/*--------------------*/ }
  #GlobalFooter #GlobalFooter_layout {
    width: 95%;
    margin: 10px auto;
    /* border-top: 3px #2798e3 solid; */ }
  #GlobalFooter #Footer_title {
    width: 100%; }
  #GlobalFooter #Footer_main {
    width: 100%;
    display: flex;
    flex-direction: row; }
  #GlobalFooter #Footer_main_leftbox {
    border-right: 3px #6db5e6 solid; }
  #GlobalFooter .img_logo {
    margin: 10px 20px 0 10px; }
  #GlobalFooter .img_companyName {
    margin: 15px 15px 15px 0;
    height: 13px; }
  #GlobalFooter #Footer_main_centerbox {
    flex: 1;
    margin-right: 10px;
    flex-wrap: wrap; }
  #GlobalFooter .dl_contents {
    display: flex;
    flex-direction: row;
    margin: 5px 0; }
  #GlobalFooter .dt_contents {
    width: 110px;
    margin-top: 3px;
    padding-left: 20px;
    font-size: 0.75em;
    font-weight: bold;
    color: #2798e3; }
  #GlobalFooter .dd_contents {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  #GlobalFooter #centerbox_bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-top: 1px #2798e3 solid;
    margin: 10px 0 0 20px; }
  #GlobalFooter .FooterCopyLink {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 15px;
    padding: 10px 0 8px 0; }
  #GlobalFooter #Footer_main_rightbox {
    width: 85px;
    position: relative; }
  #GlobalFooter .logo_privacyMark {
    position: absolute;
    bottom: 0;
    right: 0; }
  #GlobalFooter p,
  #GlobalFooter h1 {
    font-family: 'Meiryo' !important; }
  #GlobalFooter a {
    text-decoration: none;
    color: #666; }
  #GlobalFooter a:hover {
    text-decoration: underline; }
  #GlobalFooter .h1font1 {
    font-size: 1.1em;
    padding: 10px 0 5px 10px; }
  #GlobalFooter .pfont1 {
    font-size: 0.75em;
    color: #444;
    margin: 2px 0;
    padding: 0 7px;
    border-right: 1px #aaa solid; }
  #GlobalFooter .pfont1_last {
    font-size: 0.75em;
    color: #444;
    margin: 3px 0;
    padding: 0 7px; }
  #GlobalFooter .pfont2 {
    font-size: 0.7em;
    color: #444;
    margin: 14px 0 10px 0;
    padding: 0 7px; }
  #GlobalFooter .FooterCopyLink li {
    font-size: 0.7em;
    margin: 2px 0 3px 0;
    padding: 2px 6px;
    border-right: 1px #aaa solid; }
  #GlobalFooter .FooterCopyLink li.last {
    border-right: none; }
  #GlobalFooter #Footer_main_leftbox {
    border-right: 3px #6db5e6 solid; }

nav {
  margin-top: 20px;
  background-color: #dfdfdf; }
  nav #menu {
    display: none; }
  nav .g-nav {
    font-size: 0px; }
    nav .g-nav li {
      display: inline-block; }
      nav .g-nav li a {
        display: block;
        font-size: 14px;
        height: 40px;
        border-bottom: 2px solid #dfdfdf;
        -webkit-transition: all .2s;
        transition: all .2s; }
        nav .g-nav li a span {
          display: inline-block;
          vertical-align: middle;
          padding: .5em 1em;
          letter-spacing: 0.1em;
          font-weight: 500;
          color: #333;
          border-right: 1px solid #c6c6c6;
          -webkit-transition: all .2s;
          transition: all .2s; }
        nav .g-nav li a:hover {
          border-bottom: 2px solid #012460; }
          nav .g-nav li a:hover span {
            color: #012460; }
      nav .g-nav li:first-child a {
        border-bottom: 2px solid #919191;
        color: #fff;
        background-color: #919191;
        padding: 0em 1em;
        -webkit-transition: all .2s;
        transition: all .2s;
        font-size: 14px; }
        nav .g-nav li:first-child a:hover {
          border-bottom: 2px solid #012460;
          color: #fff;
          background-color: #012460; }
  nav .cv {
    position: relative;
    width: 580px; }
    nav .cv li {
      position: absolute; }
      nav .cv li a {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        line-height: 48px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.1em;
        -webkit-transition: all .2s;
        transition: all .2s; }
        nav .cv li a:after {
          content: "";
          position: absolute;
          top: 0;
          right: -4px;
          width: 4px;
          height: 8px; }
      nav .cv li.nav00 {
        top: -8px;
        height: 48px;
        right: 380px;
        width: 180px; }
        nav .cv li.nav00 a {
          background-color: #012460; }
          nav .cv li.nav00 a:hover {
            background-color: #023792; }
          nav .cv li.nav00 a:after {
            background: url(../img/common_parts_01.png) 0 0 no-repeat; }
      nav .cv li.nav01 {
        top: -8px;
        height: 48px;
        right: 190px;
        width: 180px; }
        nav .cv li.nav01 a {
          background-color: #95c630; }
          nav .cv li.nav01 a:hover {
            background-color: #abd554; }
          nav .cv li.nav01 a:after {
            background: url(../img/common_parts_01.png) 0 0 no-repeat; }
      nav .cv li.nav02 {
        top: -8px;
        height: 48px;
        right: 0;
        width: 180px; }
        nav .cv li.nav02 a {
          background-color: #fa9325; }
          nav .cv li.nav02 a:hover {
            background-color: #fbac57; }
          nav .cv li.nav02 a:after {
            background: url(../img/common_parts_02.png) 0 0 no-repeat; }

.sticky-clone {
  position: fixed;
  z-index: 2;
  top: -160px;
  width: 100%;
  -webkit-transition: top 0.25s;
  transition: top 0.25s; }
  .sticky-clone .subNavi {
    display: none; }
  .sticky-clone.vis {
    top: 0; }
    .sticky-clone.vis nav {
      margin-top: 0; }
      .sticky-clone.vis nav .cv li a {
        line-height: 40px; }
      .sticky-clone.vis nav .cv li.nav00 {
        top: 0px;
        right: 370px;
        height: 40px; }
        .sticky-clone.vis nav .cv li.nav00 a:after {
          background: none; }
      .sticky-clone.vis nav .cv li.nav01 {
        top: 0px;
        right: 185px;
        height: 40px; }
        .sticky-clone.vis nav .cv li.nav01 a:after {
          background: none; }
      .sticky-clone.vis nav .cv li.nav02 {
        top: 0px;
        height: 40px; }
        .sticky-clone.vis nav .cv li.nav02 a:after {
          background: none; }

@media only screen and (max-width: 640px) {
  nav {
    margin-top: 10px;
    background-color: #012460;
    padding: 0 0% 2%; }
    nav #menu {
      display: block; }
      nav #menu a {
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
        height: 30px;
        line-height: 35px; }
    nav .cv {
      display: none !important; }
    nav #toggle {
      display: none;
      width: 100%;
      background-color: #FFF; }
      nav #toggle li a {
        display: block;
        border-top: 1px solid #012460;
        text-align: center;
        padding: 1em 0; }
        nav #toggle li a.sp_doc {
          color: #fff;
          background-color: #012460; }
        nav #toggle li a.sp_muryo {
          color: #fff;
          background-color: #95c630; }
        nav #toggle li a.sp_cv {
          color: #fff;
          background-color: #fa9325; } }
.subpage .pagepath {
  padding: 1em 0;
  color: #666666;
  font-size: 11px;
  border-bottom: 1px solid #dfdfdf; }
  .subpage .pagepath a {
    color: #666666; }
  .subpage .pagepath .fa {
    margin: 0 1em; }
.subpage .pagettl {
  padding: 90px 0;
  text-align: center; }
  .subpage .pagettl h1.style_A {
    border-top: 3px solid #012460;
    display: inline-block;
    font-size: 36px;
    font-weight: 500;
    padding-top: 15px;
    margin-bottom: 30px; }
  @media only screen and (max-width: 640px) {
    .subpage .pagettl {
      padding: 30px 0; }
      .subpage .pagettl h1.style_A {
        font-size: 18px !important;
        line-height: 1.3;
        margin-bottom: 15px; }
      .subpage .pagettl .read {
        padding: 0 5%; } }

#top .kv {
  background: url(../img/index_bg_01.png) 0 0 repeat-x; }
  #top .kv .image {
    width: 1366px;
    margin: 0 auto;
    position: relative;
    background: url(../img/index_kv_01_pc.png) 0 0 no-repeat;
    min-height: 563px; }
    #top .kv .image .box {
      padding: 150px 0 0 190px;
      width: 700px; }
      #top .kv .image .box h1 {
        font-size: 45px;
        line-height: 1.3;
        padding: 15px 0; }
        #top .kv .image .box h1 span {
          padding-left: 0.3em;
          display: block;
          font-size: 42px;
          letter-spacing: 0.12em; }
      #top .kv .image .box .item01 {
        padding-top: 10px; }
      #top .kv .image .box .btn {
        text-align: center;
        width: 330px; }
      #top .kv .image .box .item02 {
        margin-top: 50px;
        width: 435px; }
      #top .kv .image .box .read {
        margin-top: 15px;
        width: 435px; }
    #top .kv .image .box02 {
      margin: 30px auto 80px 190px;
      width: 900px; }
      #top .kv .image .box02 p {
        font-size: 9px;
        font-size: 0.9rem;
        line-height: 1.6;
        font-weight: normal;
        letter-spacing: 0.075em;
        margin-bottom: 30px;
        width: 630px; }
    @media only screen and (max-width: 640px) {
      #top .kv .image {
        width: 100%; }
        #top .kv .image .box02 {
          width: 100%; }
          #top .kv .image .box02 p {
            width: 100%; } }
  #top .kv .aboutFreshers {
    width: 960px;
    margin: 0 auto;
    padding: 80px 0;
    text-align: center; }
    #top .kv .aboutFreshers h2 {
      display: block;
      background: url(/mmmba/img/bg_lndex_line01.png) no-repeat center center;
      font-size: 185%;
      letter-spacing: 0.2rem;
      margin-bottom: 30px; }
    #top .kv .aboutFreshers p {
      font-size: 124%;
      letter-spacing: 0.1rem;
      line-height: 1.7; }
  @media only screen and (max-width: 1365px) {
    #top .kv {
      /* height: 483px; */ }
      #top .kv .image {
        max-width: 1366px;
        width: auto; }
        #top .kv .image .box {
          top: 110px;
          left: 150px; }
          #top .kv .image .box h1 {
            font-size: 40px; }
            #top .kv .image .box h1 span {
              font-size: 32px; }
          #top .kv .image .box .item01 {
            padding-top: 36px; }
          #top .kv .image .box .btn {
            text-align: center;
            width: 330px; }
          #top .kv .image .box .item02 {
            margin-top: 30px;
            width: 320px; }
          #top .kv .image .box .read {
            margin-top: 15px;
            width: 435px; } }
  @media only screen and (max-width: 640px) {
    #top .kv {
      height: auto;
      background: none;
      padding-bottom: 30px; }
      #top .kv .image {
        width: 100%; }
        #top .kv .image .box {
          position: static;
          width: 100%;
          padding: 0; }
          #top .kv .image .box h1 {
            display: block;
            text-indent: -9999px;
            background: url(../img/index_kv_01_sp.png) center top no-repeat;
            width: 100%;
            height: 0;
            padding-top: 151.2%;
            background-size: contain; }
          #top .kv .image .box .btn {
            width: 90%;
            margin: 0 auto;
            padding: 1em 0; }
          #top .kv .image .box .item02 {
            margin: 0 auto;
            margin-top: 15px;
            width: 90%; }
          #top .kv .image .box .read {
            width: 90%;
            margin: 15px auto 0; }
        #top .kv .image .box02 {
          margin: 20px auto;
          width: 90%; }
          #top .kv .image .box02 p {
            font-size: 100%;
            margin-bottom: 15px; }
        #top .kv .image > img {
          display: none; }
      #top .kv .aboutFreshers {
        width: 100%;
        padding: 20px 10px; }
        #top .kv .aboutFreshers h2 {
          background: none;
          border-bottom: 2px solid #012460;
          padding: 0 20px; }
          #top .kv .aboutFreshers h2 span {
            display: block;
            font-size: 100% !important; }
        #top .kv .aboutFreshers p {
          font-size: 108%;
          letter-spacing: 0.1rem;
          line-height: 1.7;
          text-align: left; } }
#top .infomation {
  background-color: #012460;
  padding: 60px 0; }
  #top .infomation .catch {
    font-size: 185%;
    font-weight: bold;
    text-align: center;
    color: #fff; }
    #top .infomation .catch strong {
      color: #fa9325; }
    #top .infomation .catch + .read {
      text-align: center;
      margin-top: 30px; }
  #top .infomation .notice {
    width: 615px;
    margin: 0 auto;
    color: #5d84c8; }
  @media only screen and (max-width: 640px) {
    #top .infomation .catch + .read {
      width: 100%;
      text-align: center;
      margin-top: 30px; }
      #top .infomation .catch + .read img {
        width: 100%;
        height: auto; }
    #top .infomation .notice {
      width: 100%;
      line-height: 1.6; }
      #top .infomation .notice br {
        display: block; } }
#top .value {
  background-color: #fff;
  padding: 20px 0; }
  #top .value a {
    display: block;
    width: 480px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 1em 0;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #fff;
    -webkit-transition: all .2s;
    transition: all .2s; }
    #top .value a:hover {
      color: #012460;
      background-color: #fff;
      border: 1px solid #012460; }
    #top .value a br {
      display: none; }
  @media only screen and (max-width: 640px) {
    #top .value a {
      width: 90%;
      line-height: 1.6; }
      #top .value a br {
        display: block; } }
#top .features h2 + .box {
  margin-top: 60px; }
#top .features .box {
  margin-top: 30px;
  background-color: #FFF;
  border-bottom: 2px solid #c3c3c3; }
  #top .features .box .fl-l {
    padding-top: 30px; }
    #top .features .box .fl-l .list {
      margin-top: 30px;
      padding-left: 45px; }
      #top .features .box .fl-l .list ul li {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.8;
        list-style-type: none;
        display: table; }
        #top .features .box .fl-l .list ul li span {
          display: table-cell;
          vertical-align: middle; }
          #top .features .box .fl-l .list ul li span:first-child {
            font-size: 24px;
            color: #012460;
            padding-right: 0.5em; }
    @media only screen and (max-width: 640px) {
      #top .features .box .fl-l {
        padding-top: 0px; }
        #top .features .box .fl-l .list {
          margin-top: 0px;
          padding: 30px; }
          #top .features .box .fl-l .list ul li {
            padding-bottom: 5px;
            border-bottom: 1px dashed #dfdfdf;
            margin-bottom: 5px;
            font-size: 13px;
            line-height: 1.6;
            width: 100%; }
            #top .features .box .fl-l .list ul li span {
              vertical-align: top; }
              #top .features .box .fl-l .list ul li span:first-child {
                font-size: 13px;
                color: #012460;
                padding-right: .5em; } }
  #top .features .box .image {
    width: 291px; }
    #top .features .box .image img {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 640px) {
      #top .features .box .image {
        width: 100%; } }
#top .features .btnBox {
  margin-top: 60px; }
  @media only screen and (max-width: 640px) {
    #top .features .btnBox {
      margin-top: 20px; } }
@media only screen and (max-width: 640px) {
  #top .features h2 + .box {
    margin-top: 30px; } }
#top .learning .read {
  margin-top: 30px;
  text-align: center; }
#top .learning .image {
  max-width: 808px;
  margin: 30px auto 0; }
#top .learning .btnBox {
  margin-top: 30px; }
@media only screen and (max-width: 640px) {
  #top .learning {
    padding-left: 5%;
    padding-right: 5%; } }
#top .learning .zone {
  width: 960px;
  margin: 30px auto;
  overflow: hidden; }
  #top .learning .zone h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.075em;
    margin-bottom: 10px;
    text-align: center; }
  #top .learning .zone dl {
    float: left; }
    #top .learning .zone dl dt {
      width: 100%;
      display: flex;
      height: 30px;
      align-items: center;
      justify-content: center;
      color: #FFF;
      margin-bottom: 20px; }
  #top .learning .zone .table_headline {
    float: left;
    display: flex;
    align-items: center;
    height: 690px;
    padding-right: 8px; }
    #top .learning .zone .table_headline p {
      -ms-writing-mode: tb-rl;
      -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.6;
      font-weight: bold;
      letter-spacing: 0.075em; }
  #top .learning .zone li {
    list-style: none;
    margin-bottom: 20px; }
    #top .learning .zone li:last-child {
      margin-bottom: 0; }
    #top .learning .zone li .img img {
      vertical-align: bottom; }
    #top .learning .zone li .text {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFF;
      font-weight: bold;
      line-height: 1.6;
      background: #012460;
      height: 55px;
      text-align: center; }
  #top .learning .zone-01 {
    background: #f6f6f6;
    padding: 20px 0px 20px 10px;
    float: left; }
    #top .learning .zone-01 h3 {
      color: #00abeb; }
    #top .learning .zone-01 dl {
      margin-right: 20px; }
      #top .learning .zone-01 dl dt {
        background: #00abeb; }
  #top .learning .zone-02 {
    width: 240px;
    background: #f6f6f6;
    padding: 20px;
    float: right;
    text-align: center; }
    #top .learning .zone-02 h3 {
      color: #95c630; }
    #top .learning .zone-02 dl dt {
      background: #95c630; }
  #top .learning .zone .type01 {
    background: #E27D74; }
  #top .learning .zone .type02 {
    background: #268FC3; }
  #top .learning .zone .type03 {
    background: #90BD33; }
  #top .learning .zone .type04 {
    background: #A686B6; }
  @media only screen and (max-width: 640px) {
    #top .learning .zone {
      width: 95%;
      margin: 10px auto; }
      #top .learning .zone .table_headline {
        display: none; }
      #top .learning .zone dl {
        float: none;
        margin-right: 0;
        margin-bottom: 10px; }
        #top .learning .zone dl:last-child {
          margin-bottom: 0; }
        #top .learning .zone dl dt {
          margin-bottom: 10px; }
      #top .learning .zone ul {
        overflow: hidden; }
        #top .learning .zone ul li {
          width: 48%;
          float: left;
          margin-bottom: 4vw; }
          #top .learning .zone ul li:nth-child(2n) {
            float: right; }
          #top .learning .zone ul li img {
            width: 100%;
            height: auto; }
      #top .learning .zone-01 {
        padding: 10px;
        margin-bottom: 20px;
        float: none; }
      #top .learning .zone-02 {
        width: 100%;
        padding: 10px;
        margin: 0 auto;
        float: none; } }
#top .sns .read {
  margin-top: 30px;
  text-align: center; }
#top .sns .btnBox {
  margin-top: 30px; }
#top .sns .image {
  max-width: 592px;
  margin: 30px auto 0; }
@media only screen and (max-width: 640px) {
  #top .sns {
    padding-left: 5%;
    padding-right: 5%; } }
#top .muryo .box {
  padding: 35px 0;
  background-color: #FFF;
  border-bottom: 2px solid #c3c3c3; }
  #top .muryo .box > div {
    width: 40%;
    padding-right: 35px; }
    #top .muryo .box > div:first-child {
      padding-left: 35px;
      padding-right: 0px;
      width: 60%; }
    #top .muryo .box > div img {
      width: 100%;
      height: auto; }
    #top .muryo .box > div h3 {
      font-size: 28px; }
    #top .muryo .box > div .read {
      margin-top: 10px; }
    #top .muryo .box > div .read + div {
      margin-top: 30px;
      width: 350px; }
      #top .muryo .box > div .read + div a {
        text-align: center; }
  @media only screen and (max-width: 640px) {
    #top .muryo .box {
      padding: 15px; }
      #top .muryo .box > div {
        text-align: center;
        width: 100%;
        margin-top: 15px;
        padding-right: 0px; }
        #top .muryo .box > div:first-child {
          margin-top: 0px;
          padding-left: 0px;
          padding-right: 0px;
          width: 100%; }
        #top .muryo .box > div h3 {
          font-size: 18px;
          line-height: 1.3; }
        #top .muryo .box > div .read + div {
          width: 100%;
          margin: 30px auto 0; }
          #top .muryo .box > div .read + div a {
            text-align: center; } }
#top .news {
  padding-top: 90px; }
  #top .news .title {
    font-size: 185%;
    padding-bottom: 1em;
    border-bottom: 2px solid #012460; }
  #top .news dl {
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px dashed #dfdfdf; }
    #top .news dl dt {
      margin-bottom: 1em; }
      #top .news dl dt span {
        display: inline-block;
        vertical-align: middle;
        font-size: 139%; }
        #top .news dl dt span:first-child {
          font-size: 93%;
          background-color: #88b8cd;
          color: #fff;
          padding: .5em;
          margin-right: .5em; }
  @media only screen and (max-width: 640px) {
    #top .news {
      padding-top: 30px; }
      #top .news .title {
        text-align: center;
        padding-bottom: .5em;
        padding-top: .5em;
        border-bottom: 1px solid #012460;
        border-top: 1px solid #012460; }
      #top .news dl {
        margin-top: 1em;
        padding-bottom: 1em; }
        #top .news dl dt {
          margin-bottom: .5em; }
          #top .news dl dt span {
            display: block;
            font-size: 108%;
            line-height: 1.6;
            font-weight: 700; }
            #top .news dl dt span:first-child {
              margin-bottom: 1em;
              display: inline-block; }
        #top .news dl dd .read {
          padding: 0; } }

#value .pagettl {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.6; }
  #value .pagettl span {
    color: #919191; }
#value .intro {
  position: relative;
  height: 326px;
  background: url(../img/value_fig_01.png) center top no-repeat #012460; }
  #value .intro .rect {
    margin: -50px 1em 0; }
#value h2.style_B {
  text-align: center;
  font-size: 216%;
  font-weight: 300;
  line-height: 1.6; }
  #value h2.style_B span {
    color: #919191; }
#value h3.style_B {
  margin-top: 90px;
  text-align: center; }
  #value h3.style_B span {
    display: inline-block; }
  #value h3.style_B .square {
    font-size: 139%;
    padding: .4em .6em;
    display: inline-block;
    background-color: #012460;
    color: #fff;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.1em; }
  #value h3.style_B .number {
    display: block;
    margin-top: 15px;
    letter-spacing: 0.05em;
    font-size: 185%;
    font-weight: 400;
    color: #012460; }
  #value h3.style_B .ttl {
    margin-top: 30px;
    font-size: 277%;
    font-weight: 700;
    color: #012460; }
#value .green {
  background-color: #e9f8ec; }
  #value .green .read {
    margin-top: 15px; }
  #value .green .image {
    margin-top: 60px; }
    #value .green .image.small {
      margin: 60px auto 0;
      max-width: 384px; }
#value .blue {
  background-color: #dee9fb; }
  #value .blue .read {
    margin-top: 15px; }
  #value .blue .image {
    margin-top: 60px; }
    #value .blue .image.small {
      margin: 60px auto 0;
      max-width: 684px; }
#value .orange {
  background-color: #fa9325; }
  #value .orange .baseWidth {
    padding: 20px 0;
    background: url(../img/value_fig_05.png) right center no-repeat; }
    #value .orange .baseWidth p {
      color: #fff;
      line-height: 1.6;
      font-weight: 600;
      font-size: 277%; }
@media only screen and (max-width: 640px) {
  #value .pagettl {
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.6; }
  #value .intro {
    margin-top: 150px;
    height: 0;
    padding-top: 151.2%;
    background: url(../img/value_fig_01_sp.png) center top no-repeat;
    background-size: cover; }
    #value .intro .sp_rect_01, #value .intro .sp_rect_02 {
      position: absolute;
      top: -150px;
      width: 100%;
      text-align: center; }
    #value .intro .sp_rect_02 {
      top: -50px; }
  #value h2.style_B {
    font-size: 18px !important;
    padding: 0 5%; }
    #value h2.style_B br {
      display: none; }
    #value h2.style_B span {
      font-size: 18px !important; }
  #value h3.style_B {
    margin-top: 30px; }
    #value h3.style_B .square {
      font-size: 108%; }
    #value h3.style_B .number {
      margin-top: 10px;
      font-size: 139%; }
    #value h3.style_B .ttl {
      margin-top: 15px;
      font-size: 185%;
      line-height: 1.6; }
  #value .green .image {
    margin-top: 30px; }
    #value .green .image.small {
      margin: 30px auto 0;
      max-width: 384px; }
  #value .blue .image {
    margin-top: 30px; }
    #value .blue .image.small {
      margin: 30px auto 0; }
  #value .orange .baseWidth {
    padding: 20px 0 230px;
    background: url(../img/value_fig_05.png) center bottom no-repeat; }
    #value .orange .baseWidth p {
      text-align: center;
      font-size: 216%; } }

#features .pagettl {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.1em; }
  #features .pagettl br {
    display: none; }
  #features .pagettl span {
    color: #00abeb;
    font-size: 48px; }
#features .read {
  margin-top: 30px;
  font-size: 14px; }
#features .point h2 {
  margin-bottom: 60px; }
#features .point .align > div {
  width: 360px;
  border-left: 1px dashed #dfdfdf; }
  #features .point .align > div dl dt {
    display: table;
    background-color: #012460;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    color: #fff;
    border-radius: 50%; }
    #features .point .align > div dl dt > span {
      display: table-cell;
      vertical-align: middle;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.1em;
      line-height: 1.6; }
      #features .point .align > div dl dt > span > span {
        color: #ffd325; }
  #features .point .align > div dl .image {
    max-width: 230px;
    margin: -20px auto 0; }
  #features .point .align > div dl .read {
    padding: 0 30px; }
  #features .point .align > div:first-child {
    border-left: 0px dashed #dfdfdf; }
#features .point.point3 .align > div dl dt {
  width: 190px;
  height: 190px; }
#features .point.point3 .align > div dl .image {
  max-width: 230px;
  margin: -20px auto 0;
  height: 150px; }
  #features .point.point3 .align > div dl .image.p03_01 {
    max-width: 330px; }
@media only screen and (max-width: 640px) {
  #features .pagettl {
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.6; }
    #features .pagettl br {
      display: block; }
    #features .pagettl span {
      color: #00abeb;
      font-size: 36px; }
  #features .point h2 {
    margin-bottom: 30px; }
  #features .point .align > div {
    width: 100%;
    border-left: 0px dashed #dfdfdf;
    border-top: 1px dashed #dfdfdf;
    padding-top: 30px;
    margin-top: 30px; }
    #features .point .align > div dl dt {
      display: table;
      background-color: #012460;
      width: 170px;
      height: 170px;
      margin: 0 auto;
      color: #fff;
      border-radius: 50%; }
      #features .point .align > div dl dt > span {
        display: table-cell;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6; }
        #features .point .align > div dl dt > span > span {
          color: #ffd325; }
    #features .point .align > div dl .image {
      max-width: 230px;
      margin: -20px auto 0; }
    #features .point .align > div dl .read {
      padding: 0 30px; }
    #features .point .align > div:first-child {
      border-top: 0px dashed #dfdfdf;
      padding-top: 0px;
      margin-top: 0px; } }
#features .pageLinkBtn {
  margin: 60px auto 0 auto;
  display: flex;
  justify-content: space-around; }
  #features .pageLinkBtn p a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
    width: 280px;
    height: 220px; }
    #features .pageLinkBtn p a:hover {
      background: #F3F3F3; }
    #features .pageLinkBtn p a.ancerC {
      padding-top: 10px; }

#learning .anchor {
  margin-top: 60px; }
  #learning .anchor > div {
    width: 300px;
    margin: 0 15px; }
#learning .course h2 + .box {
  margin-top: 60px; }
#learning .course .sort {
  text-align: center;
  margin: 50px auto; }
  @media only screen and (max-width: 640px) {
    #learning .course .sort {
      text-indent: -9999px;
      background: url(../img/learning/sec2_ttl_sp.png) no-repeat;
      background-size: 100% auto;
      display: block;
      width: 90%;
      height: 31.4vw;
      margin: 20px auto 0 auto; } }
#learning .course .box {
  margin-top: 30px;
  padding: 15px;
  background-color: #FFF;
  border-bottom: 2px solid #c3c3c3; }
  #learning .course .box div {
    width: 80%; }
    #learning .course .box div:first-child {
      width: 16%;
      margin-right: 30px; }
  #learning .course .box h3 {
    position: relative;
    margin-bottom: 15px;
    width: 100%; }
    #learning .course .box h3 .ttl {
      display: inline-block;
      font-size: 185%;
      vertical-align: middle; }
    #learning .course .box h3 .chapter {
      position: absolute;
      right: 0;
      margin-left: 2em;
      display: inline-block;
      vertical-align: middle;
      font-size: 85%;
      width: 120px;
      padding: .3em 0;
      color: #666;
      font-weight: 300;
      text-align: center;
      background-color: #dfdfdf;
      border-radius: 30px; }
  #learning .course .box .list {
    width: 100%; }
    #learning .course .box .list ul li {
      font-size: 108%;
      font-weight: 400;
      line-height: 1.8;
      list-style-type: none;
      display: table; }
      #learning .course .box .list ul li span {
        display: table-cell;
        vertical-align: top; }
        #learning .course .box .list ul li span:first-child {
          vertical-align: top;
          color: #012460;
          padding-right: 0.5em; }
  #learning .course .box .image img {
    width: 100%;
    height: auto; }
  #learning .course .box.type01 {
    border-top: 5px solid #E27D74; }
  #learning .course .box.type02 {
    border-top: 5px solid #268FC3; }
  #learning .course .box.type03 {
    border-top: 5px solid #90BD33; }
  #learning .course .box.type04 {
    border-top: 5px solid #A686B6; }
#learning .flow .read {
  margin-top: 30px; }
#learning .flow .image {
  padding: 15px;
  width: 960px;
  margin: 30px auto 0;
  background-color: #FFF;
  border-bottom: 2px solid #c3c3c3; }
  #learning .flow .image img {
    width: 100%;
    height: auto; }
@media only screen and (max-width: 640px) {
  #learning .anchor {
    margin-top: 30px; }
    #learning .anchor > div {
      width: 90%;
      margin: 0 auto; }
      #learning .anchor > div:first-child {
        margin: 0 auto 15px; }
  #learning .course h2 + .box {
    margin-top: 30px; }
  #learning .course .box {
    padding: 1em; }
    #learning .course .box div {
      width: 100%; }
      #learning .course .box div:first-child {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px; }
    #learning .course .box h3 .ttl {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 139%; }
    #learning .course .box h3 .chapter {
      position: static;
      display: block;
      font-size: 85%;
      width: 120px;
      border-radius: 0px;
      margin-top: 15px;
      margin: 15px auto; }
    #learning .course .box .list {
      width: 90%;
      margin: 0 auto; }
      #learning .course .box .list ul li {
        padding-top: 5px;
        margin-top: 5px;
        border-top: 1px dashed #dfdfdf;
        font-size: 93%;
        line-height: 1.6; }
        #learning .course .box .list ul li span {
          display: table-cell;
          vertical-align: top; }
          #learning .course .box .list ul li span:first-child {
            vertical-align: top;
            color: #012460;
            padding-right: 0.5em; }
        #learning .course .box .list ul li:first-child {
          padding-top: 0px;
          margin-top: 0px;
          border-top: 0px dashed #dfdfdf; }
    #learning .course .box .image img {
      width: 100%;
      height: auto; }
  #learning .flow .read {
    margin-top: 30px; }
  #learning .flow .image {
    padding: 15px;
    max-width: auto;
    width: 100%;
    margin: 15px auto 0; }
    #learning .flow .image img {
      width: 100%;
      height: auto; } }

#faq .anchor {
  margin-top: 60px; }
  #faq .anchor > div {
    width: 300px;
    margin: 0 15px; }
#faq .index ul {
  max-width: 300px;
  margin: 0 auto; }
  #faq .index ul li {
    position: relative;
    padding: 1em 0;
    border-bottom: 1px dashed #012460;
    list-style-type: none; }
    #faq .index ul li .anchor_link {
      display: block;
      color: #012460;
      text-align: left; }
    #faq .index ul li .fa {
      position: absolute;
      right: 0;
      top: 15px; }
#faq .faq {
  padding: 60px 0 30px; }
  #faq .faq .box {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #FFF;
    border-bottom: 2px solid #c3c3c3; }
    #faq .faq .box h3 {
      margin-bottom: 30px; }
      #faq .faq .box h3 .note {
        font-size: 70%;
        padding-top: 10px; }
    #faq .faq .box div {
      margin-top: 30px; }
      #faq .faq .box div .acitem dt {
        cursor: pointer;
        display: table;
        width: 100%;
        background-color: #dfdfdf; }
        #faq .faq .box div .acitem dt span {
          display: table-cell;
          vertical-align: middle;
          font-size: 139%;
          font-weight: 700; }
          #faq .faq .box div .acitem dt span.price {
            padding: 1em 1em 1em 0;
            font-weight: 300;
            line-height: 1.6; }
          #faq .faq .box div .acitem dt span.icon {
            width: 90px;
            height: 30px;
            background-color: #012460;
            text-align: center;
            color: center;
            color: #fff; }
        #faq .faq .box div .acitem dt:before {
          display: table-cell;
          vertical-align: middle;
          content: "Q";
          width: 90px;
          height: 30px;
          text-align: center;
          font-weight: 400;
          font-size: 36px; }
      #faq .faq .box div .acitem dd .inner {
        margin-top: 20px;
        display: table;
        padding-right: 2%; }
        #faq .faq .box div .acitem dd .inner:before {
          display: table-cell;
          vertical-align: top;
          content: "A";
          width: 90px;
          height: 30px;
          text-align: center;
          font-weight: 400;
          font-size: 36px;
          color: #fa9325; }
        #faq .faq .box div .acitem dd .inner .read {
          display: table-cell;
          vertical-align: top; }
  #faq .faq .contactarea {
    padding: 30px 0; }
  #faq .faq .contact {
    width: 300px;
    margin: 20px auto 0; }
@media only screen and (max-width: 640px) {
  #faq .faq {
    padding: 30px 0 0px; }
    #faq .faq .box {
      padding: 0px 15px 15px 15px; }
      #faq .faq .box h3 {
        line-height: 1.6; }
      #faq .faq .box div {
        margin-top: 15px; }
        #faq .faq .box div .acitem dt {
          position: relative;
          display: block; }
          #faq .faq .box div .acitem dt span {
            display: inline-block;
            vertical-align: middle;
            font-size: 100%; }
            #faq .faq .box div .acitem dt span.price {
              display: block;
              padding: 2% 2% 2% 18%; }
            #faq .faq .box div .acitem dt span.icon {
              width: 100%;
              height: 20px;
              line-height: 20px; }
          #faq .faq .box div .acitem dt:before {
            position: absolute;
            display: block;
            content: "Q";
            font-size: 185%;
            width: 24px;
            height: 28px;
            top: 5%;
            bottom: 5%;
            left: 2%; }
        #faq .faq .box div .acitem dd .inner {
          padding-right: 0%; }
          #faq .faq .box div .acitem dd .inner:before {
            width: 5%;
            font-size: 18px; }
          #faq .faq .box div .acitem dd .inner .read {
            padding: 0 0 0 5%; }
    #faq .faq .contactarea {
      padding: 30px 0; }
    #faq .faq .contact {
      width: 300px;
      margin: 20px auto 0; } }

#privacy article h1 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #01215a;
  font-size: 20px;
  /* legacy */
  font-size: 1.25rem;
  /* modern */
  line-height: 1em;
  color: #01215a; }
#privacy article h2 {
  font-size: 16px;
  /* legacy */
  font-size: 1rem;
  /* modern */
  line-height: 1.25em;
  font-weight: normal; }
#privacy article p {
  margin: 15px 0 30px 10px;
  font-size: 14px;
  /* legacy */
  font-size: 0.875rem;
  /* modern */
  line-height: 1.71429em; }
#privacy article ul {
  margin: 15px 0 30px 10px; }
  #privacy article ul li {
    list-style-type: none;
    font-size: 14px;
    /* legacy */
    font-size: 0.875rem;
    /* modern */
    line-height: 1.85714em; }
  #privacy article ul.disc {
    margin: 15px 0 30px 20px;
    padding-left: 20px;
    text-indent: 1em;
    list-style-type: disc; }
#privacy article .magt10 {
  margin-top: 10px; }
#privacy article .magt20 {
  margin-top: 20px; }
#privacy article .magt30 {
  margin-top: 30px; }
#privacy article .magt40 {
  margin-top: 40px; }
#privacy article a {
  color: #1111cc;
  text-decoration: underline; }
  #privacy article a:hover {
    text-decoration: none; }

#flow_a .pagettl {
  padding: 90px 0 30px;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.1em; }
  #flow_a .pagettl span {
    color: #fa9325;
    font-size: 48px; }
#flow_a .read {
  margin-top: 30px;
  font-size: 14px; }
#flow_a .btnarea {
  margin-bottom: 90px; }
  #flow_a .btnarea ul {
    text-align: center; }
    #flow_a .btnarea ul li {
      display: inline-block;
      vertical-align: top;
      list-style-type: none;
      width: 30%;
      margin-left: 2%; }
      #flow_a .btnarea ul li:first-child {
        margin-left: 0;
        margin-right: 2%; }
  #flow_a .btnarea .read + .read {
    margin-top: 5px;
    color: #666;
    font-size: 12px; }
    #flow_a .btnarea .read + .read br {
      display: none; }
  #flow_a .btnarea .modal_triger {
    cursor: pointer; }
#flow_a .infomation {
  background-color: #012460;
  padding: 60px 0; }
  #flow_a .infomation .catch {
    font-size: 185%;
    font-weight: bold;
    text-align: center;
    color: #fff; }
    #flow_a .infomation .catch strong {
      color: #fa9325; }
    #flow_a .infomation .catch + .read {
      text-align: center;
      margin-top: 30px; }
  #flow_a .infomation .notice {
    width: 615px;
    margin: 0 auto;
    color: #5d84c8; }
  @media only screen and (max-width: 640px) {
    #flow_a .infomation .catch + .read {
      width: 100%;
      text-align: center;
      margin-top: 30px; }
      #flow_a .infomation .catch + .read img {
        width: 100%;
        height: auto; }
    #flow_a .infomation .notice {
      width: 100%;
      line-height: 1.6; }
      #flow_a .infomation .notice br {
        display: block; } }
#flow_a .step .muryo {
  padding-top: 10px;
  background-color: #f3f3f3; }
  #flow_a .step .muryo .read {
    font-size: 18px;
    letter-spacing: 0.1em; }
#flow_a .step .baseWidth ol {
  margin-top: 60px;
  position: relative;
  z-index: 1;
  width: 100%;
  display: table;
  table-layout: fixed; }
  #flow_a .step .baseWidth ol li {
    display: table-cell; }
    #flow_a .step .baseWidth ol li span {
      display: block;
      text-align: center; }
      #flow_a .step .baseWidth ol li span.circle {
        padding-top: 40px;
        line-height: 1.3;
        width: 123px;
        height: 123px;
        border: 1px solid #e7e7e7;
        background-color: #FFF;
        border-radius: 50%;
        margin: 0 auto;
        font-size: 18px;
        color: #666;
        margin-bottom: 15px; }
        #flow_a .step .baseWidth ol li span.circle.current {
          background-color: #012460;
          border: 1px solid #012460;
          color: #fff; }
    #flow_a .step .baseWidth ol li.current span.circle {
      background-color: #012460;
      border: 1px solid #012460;
      color: #fff; }
#flow_a .step .baseWidth hr {
  position: relative;
  z-index: 0;
  display: block;
  width: 80%;
  margin: -90px auto 0; }
#flow_a .step .baseWidth .inner {
  position: relative;
  margin-top: 150px;
  width: 100%;
  background-color: #FFF;
  border-bottom: 2px solid #c3c3c3;
  padding: 30px; }
  #flow_a .step .baseWidth .inner .triangle {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent; }
  #flow_a .step .baseWidth .inner .image {
    margin: 0 auto; }
  #flow_a .step .baseWidth .inner.step1 .triangle {
    left: 10%; }
  #flow_a .step .baseWidth .inner.step1 .image {
    width: 695px; }
  #flow_a .step .baseWidth .inner.step2 .triangle {
    left: 30%; }
  #flow_a .step .baseWidth .inner.step2 .image {
    width: 729px; }
  #flow_a .step .baseWidth .inner.step3 .triangle {
    left: 50%; }
  #flow_a .step .baseWidth .inner.step3 .image {
    width: 807px; }
  #flow_a .step .baseWidth .inner.step4 .triangle {
    left: 70%; }
  #flow_a .step .baseWidth .inner.step4 .image {
    width: 856px; }
  #flow_a .step .baseWidth .inner.step5 .triangle {
    left: 90%; }
  #flow_a .step .baseWidth .inner.step5 .image {
    width: 816px; }
#flow_a .step .btnarea {
  margin-top: 90px;
  margin-bottom: 0px; }
@media only screen and (max-width: 640px) {
  #flow_a .pagettl {
    padding: 30px 0;
    font-size: 24px; }
  #flow_a .btnarea {
    margin-bottom: 30px; }
    #flow_a .btnarea ul li {
      width: 45%;
      margin-left: 2%; }
      #flow_a .btnarea ul li:first-child {
        margin-left: 0;
        margin-right: 2%; }
    #flow_a .btnarea .read + .read br {
      display: block; }
  #flow_a .step .muryo {
    margin-top: 0px;
    padding-top: 0px; }
    #flow_a .step .muryo .read {
      font-size: 14px;
      letter-spacing: 0.1em;
      margin-top: 0; }
  #flow_a .step .baseWidth ol li {
    display: none; }
    #flow_a .step .baseWidth ol li.current {
      display: block; }
  #flow_a .step .baseWidth hr {
    display: none; }
  #flow_a .step .baseWidth .inner {
    width: 80%;
    margin: 30px auto 0; }
    #flow_a .step .baseWidth .inner .image {
      margin: 0 auto; }
    #flow_a .step .baseWidth .inner.step1 .triangle, #flow_a .step .baseWidth .inner.step2 .triangle, #flow_a .step .baseWidth .inner.step3 .triangle, #flow_a .step .baseWidth .inner.step4 .triangle, #flow_a .step .baseWidth .inner.step5 .triangle {
      left: 50%; }
    #flow_a .step .baseWidth .inner.step1 .image, #flow_a .step .baseWidth .inner.step2 .image, #flow_a .step .baseWidth .inner.step3 .image, #flow_a .step .baseWidth .inner.step4 .image, #flow_a .step .baseWidth .inner.step5 .image {
      width: 95%; }
  #flow_a .step .btnarea {
    margin-top: 30px;
    margin-bottom: 0px; } }
#flow_a .t_red {
  color: #EB6570; }
#flow_a .announce_red {
  margin-bottom: 30px;
  color: #EB6570; }
  @media only screen and (max-width: 640px) {
    #flow_a .announce_red {
      margin-bottom: 10px; } }
#flow_a .flowchart {
  list-style: none;
  margin-top: 50px; }
  #flow_a .flowchart li {
    list-style: none; }
    #flow_a .flowchart li dl {
      padding-bottom: 10px; }
      #flow_a .flowchart li dl dt .number {
        background: url(/mmmba/img/flow_a/ic_step.png) no-repeat;
        display: inline-block;
        width: 90px;
        height: 90px;
        text-align: center;
        padding-top: 40px;
        font-size: 231%;
        font-weight: bold;
        color: #ffd325; }
      #flow_a .flowchart li dl dt .ttl {
        display: inline-block;
        font-size: 216%;
        font-weight: bold;
        padding-left: 30px;
        height: 60px;
        vertical-align: middle; }
      #flow_a .flowchart li dl dd {
        padding: 10px 0 40px 80px;
        margin-left: 43px;
        border-left: 5px solid #c4c3c2; }
        #flow_a .flowchart li dl dd.read {
          margin-top: 10px; }
        #flow_a .flowchart li dl dd .ic_type01 {
          overflow: hidden; }
          #flow_a .flowchart li dl dd .ic_type01 .fl-l {
            float: left; }
          #flow_a .flowchart li dl dd .ic_type01 > div {
            float: left;
            padding: 10px  0 0 20px; }
        #flow_a .flowchart li dl dd ul {
          margin-top: 20px; }
    #flow_a .flowchart li:last-child dd {
      border-left: none; }
  @media only screen and (max-width: 640px) {
    #flow_a .flowchart {
      margin-top: 20px; }
      #flow_a .flowchart li dl dt {
        display: table; }
        #flow_a .flowchart li dl dt .number {
          display: table-cell;
          width: 50px;
          height: 50px;
          font-size: 180%;
          background-size: 100%;
          padding-top: 20px; }
        #flow_a .flowchart li dl dt .ttl {
          font-size: 150%;
          display: table-cell;
          padding-left: 15px;
          height: auto;
          line-height: 1.4; }
      #flow_a .flowchart li dl dd {
        margin-left: 23px;
        padding: 0 0 20px 30px; } }

#user h3 {
  font-size: 24px; }
#user h3 + .read {
  margin-top: 30px; }
#user .table > div .btn {
  margin: 30px auto 0;
  max-width: 400px; }
#user .table > div .item {
  margin-top: 20px; }
  #user .table > div .item p {
    line-height: 1.8; }
#user .conversion {
  display: none; }
@media only screen and (max-width: 640px) {
  #user .sp_table {
    margin-bottom: 30px; }
    #user .sp_table > div {
      padding: 0 2em;
      margin-bottom: 30px; } }
/*======================================
      変更  2019/09/05 佐々部
======================================*/
.conversion .box {
  margin-top: 35px;
  width: 600px;
  background-color: rgba(255, 255, 255, 0.9);
  height: 470 px;
  border: 1px solid #fff;
  padding: 35px; }
  /*======================================
        変更  2019/10/09 佐々部
  ======================================*/
  .btn.blue02 {
    -webkit-transition: all 0s;
    transition: all 0s;
    background-color: #95c630;
    box-shadow: 0 5px 0 #87ac87; }
    .btn.blue02:hover {
      top: 3px;
      box-shadow: 0 2px 0 #87ac87; }
/*# sourceMappingURL=style.css.map */