@charset "UTF-8";
/* ================================================ 
	nav 
==============================================================================================================================================================*/
nav .innar .g-nav .g-nav-inner a {
  font-size: 12px;
  line-height: 150%; }

/* ================================================ 
	イントロ
==============================================================================================================================================================*/
.about-block .cont {
  margin: 0 auto;
  width: 94%;
  max-width: 1120px;
  padding-bottom: 50px;
  min-height: inherit;
  background: none; }
  .about-block .cont .inbox {
    margin-left: 0;
    width: 100%; }
    .about-block .cont .inbox p {
      color: #483a1d;
      font-size: 16px;
      line-height: 200%;
      margin-bottom: 30px; }
    .about-block .cont .inbox iframe {
      width: 100%;
      height: 380px; }

/* ================================================ 
	マリッジアドバイザーってこんなに稼げるんです。
==============================================================================================================================================================*/
.adviser-block {
  background: #403d35;
  padding: 50px 0; }
  .adviser-block h2 {
    margin: 0 auto 30px;
    max-width: 860px;
    padding-bottom: 20px;
    border-bottom: 1px #fff solid;
    color: #f4e6c0;
    text-align: center;
    font-weight: normal;
    font-size: 32px;
    line-height: 180%; }
  .adviser-block .caption {
    text-align: center;
    color: #fff;
    margin: 0 auto 40px;
    max-width: 784px;
    font-size: 16px;
    line-height: 160%; }
  .adviser-block .case {
    margin: 0 auto;
    width: 94%;
    max-width: 1120px;
    display: block; }
    .adviser-block .case .box {
      margin-bottom: 20px;
      width: 100%;
      margin-right: 0;
      background: #fff;
      box-sizing: border-box;
      border-radius: 10px;
      padding: 0 20px 20px;
      box-shadow: 5px 5px #2d2b25; }
      .adviser-block .case .box:last-child {
        margin-right: 0; }
      .adviser-block .case .box .work {
        margin-bottom: 10px;
        background: #fffde7;
        padding: 15px; }
        .adviser-block .case .box .work table {
          width: 100%; }
          .adviser-block .case .box .work table th {
            width: 100%;
            display: block;
            text-align: center; }
          .adviser-block .case .box .work table .mi span {
            display: inline-block;
            text-align: center;
            color: #fff;
            font-size: 14px;
            line-height: 150%;
            background: #261a0a;
            padding: 3px 30px; }
          .adviser-block .case .box .work table .price {
            font-size: 16px;
            line-height: 150%; }
            .adviser-block .case .box .work table .price strong {
              font-size: 34px;
              line-height: 150%;
              margin-right: 2px;
              font-weight: normal; }
            .adviser-block .case .box .work table .price span {
              font-size: 14px;
              line-height: 150%; }
          .adviser-block .case .box .work table td {
            width: 100%;
            display: block;
            color: #ba3737;
            text-align: center;
            font-size: 16px;
            line-height: 150%; }
            .adviser-block .case .box .work table td.icon_pc {
              display: none; }
            .adviser-block .case .box .work table td strong {
              font-size: 46px;
              line-height: 150%;
              margin-right: 2px;
              font-weight: normal; }
      .adviser-block .case .box .cap {
        text-align: right; }
  .adviser-block .breakdown {
    margin: 0 auto;
    max-width: 221px;
    position: relative;
    z-index: 11; }
  .adviser-block .breakdown-box {
    color: #403d35;
    position: relative;
    z-index: 10;
    top: -10px;
    margin: 0 auto 20px;
    width: 94%;
    max-width: 1120px;
    box-sizing: border-box;
    border: 3px #a69d8b solid;
    background: #fff;
    box-shadow: 5px 5px #2d2b25;
    padding: 30px 50px;
    display: block;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    /*--- IE10 用 ---*/
    display: -ms-flexbox;
    -ms-flex-flow: column wrap;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /*--- Androidブラウザ用 ---*/
    display: -webkit-box;
    -webkit-box-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /*--- safari（PC）用 ---*/
    display: -webkit-flex;
    -webkit-flow: column wrap;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: none; }
    .adviser-block .breakdown-box .icon {
      margin: 10px 0; }
    .adviser-block .breakdown-box .con .tit1 {
      margin-bottom: 20px;
      text-align: center;
      font-size: 23px;
      line-height: 120%; }
      .adviser-block .breakdown-box .con .tit1 span {
        display: block;
        font-size: 36px;
        line-height: 150%; }
    .adviser-block .breakdown-box .con .txt1 p {
      margin-bottom: 10px;
      display: inline-block;
      text-align: left;
      font-size: 16px;
      line-height: 150%; }
    .adviser-block .breakdown-box .con .txt1 span {
      background: #ba3737;
      display: inline-block;
      color: #fff;
      margin-right: 10px;
      padding: 5px; }
    .adviser-block .breakdown-box .con .txt2 {
      text-align: center;
      font-size: 22px;
      line-height: 150%; }
  .adviser-block .breakdown-sp {
    display: block;
    margin: 0 auto 20px;
    width: 94%;
    text-align: center;
    max-width: 1120px;
    box-sizing: border-box;
    border: 3px #a69d8b solid;
    background: #fff;
    box-shadow: 5px 5px #2d2b25;
    padding: 30px; }
  .adviser-block .btn {
    margin: 0 auto;
    max-width: 930px;
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 30px;
    color: #aa8946;
    background: #000000;
    text-decoration: none;
    transition: .3s; }
    .adviser-block .btn span {
      display: block;
      text-decoration: none;
      background: url(../img/arrow2.svg) no-repeat right center;
      background-size: 10px 16px;
      padding-right: 15px;
      font-size: 20px;
      line-height: 150%;
      text-align: center; }
    .adviser-block .btn:hover {
      color: #fff;
      background: #ba3737; }

/* ================================================ 
	無料映像講座のメリット。
==============================================================================================================================================================*/
.merit-block {
  margin: 0 auto;
  width: 94%;
  max-width: 1120px;
  padding: 50px 0; }
  .merit-block h2 {
    margin-bottom: 30px;
    text-align: center;
    color: #483a1d;
    font-size: 34px;
    line-height: 150%; }
  .merit-block .flex1 {
    margin-bottom: 30px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    /*--- IE10 用 ---*/
    display: -ms-flexbox;
    -ms-flex-flow: row nowrap;
    -ms-flex-pack: flex-start;
    -ms-flex-align: flex-start;
    /*--- Androidブラウザ用 ---*/
    display: -webkit-box;
    -webkit-box-direction: row;
    -webkit-box-pack: flex-start;
    -webkit-box-align: flex-start;
    /*--- safari（PC）用 ---*/
    display: -webkit-flex;
    -webkit-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start; }
    .merit-block .flex1 .image {
      width: 50%; }
    .merit-block .flex1 .txt {
      width: 50%;
      box-sizing: border-box;
      padding: 0 0 0 30px; }
  .merit-block .flex2 {
    margin-bottom: 30px;
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    /*--- IE10 用 ---*/
    display: -ms-flexbox;
    -ms-flex-flow: row-reverse nowrap;
    -ms-flex-pack: flex-start;
    -ms-flex-align: flex-start;
    /*--- Androidブラウザ用 ---*/
    display: -webkit-box;
    -webkit-box-direction: row-reverse;
    -webkit-box-pack: flex-start;
    -webkit-box-align: flex-start;
    /*--- safari（PC）用 ---*/
    display: -webkit-flex;
    -webkit-flow: row-reverse nowrap;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start; }
    .merit-block .flex2 .image {
      width: 50%; }
    .merit-block .flex2 .txt {
      width: 50%;
      box-sizing: border-box;
      padding: 0 30px 0 0; }
  .merit-block h3 {
    margin-bottom: 20px; }
  .merit-block dl dt {
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 150%; }
  .merit-block dl dd {
    font-size: 16px;
    line-height: 150%; }

.osusume-block {
  padding: 50px 0;
  background: #f6f4ed; }
  .osusume-block .inner {
    margin: 0 auto;
    width: 94%;
    max-width: 1120px; }
    .osusume-block .inner .box {
      width: 100%;
      margin-left: 0; }
    .osusume-block .inner h2 {
      margin-bottom: 20px;
      color: #483a1d;
      font-size: 32px;
      line-height: 150%;
      font-weight: normal; }
    .osusume-block .inner h3 {
      margin-bottom: 15px;
      font-size: 18px;
      line-height: 150%;
      font-weight: normal; }
    .osusume-block .inner ul {
      margin-bottom: 15px;
      background: #fff;
      padding: 20px; }
      .osusume-block .inner ul li {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 180%;
        background: url(../img/check.svg) no-repeat left 0.4em;
        background-size: 24px 24px;
        padding-left: 34px; }
        .osusume-block .inner ul li:last-child {
          margin-bottom: 0; }
    .osusume-block .inner p {
      font-size: 16px;
      line-height: 160%; }