@charset "UTF-8";
/*** THEME ***/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
/*
================================================================================

	MOGANA / コンセプト

================================================================================
*/
.sp_br {
  display: none; }
  @media only screen and (max-width: 736px) {
    .sp_br {
      display: block; } }

.st0 {
  fill: #C75772; }

.st1 {
  fill: none;
  stroke: #fff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.st2 {
  fill: none;
  stroke: #fff;
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.st3 {
  fill: none;
  stroke: #fff;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.sub-contents {
  position: relative;
  max-width: 107.1428571429rem;
  margin: 0 auto; }
  @media only screen and (max-width: 736px) {
    .sub-contents {
      margin: 0 2%; } }
  .sub-contents .contents_area {
    max-width: 107.1428571429rem;
    margin: 0 3.5714285714rem;
    background: #fff;
    padding: 2.8571428571rem 7.1428571429rem; }
    @media only screen and (max-width: 736px) {
      .sub-contents .contents_area {
        width: 96%;
        padding: 1rem 2%;
        margin: 0; } }
    .sub-contents .contents_area .page_ttl {
      display: flex;
      align-items: center;
      margin-bottom: 5.7142857143rem; }
      @media only screen and (max-width: 736px) {
        .sub-contents .contents_area .page_ttl {
          display: block;
          margin-bottom: 3rem; } }
      .sub-contents .contents_area .page_ttl .svgall {
        width: 7.1428571429rem;
        height: auto;
        margin-right: 1.4285714286rem; }
        @media only screen and (max-width: 736px) {
          .sub-contents .contents_area .page_ttl .svgall {
            width: 4rem;
            margin: 0 auto 1rem; } }
        .sub-contents .contents_area .page_ttl .svgall svg {
          display: block; }
      .sub-contents .contents_area .page_ttl h1 {
        margin-bottom: 0;
        font-size: 1.7142857143rem; }
        @media only screen and (max-width: 736px) {
          .sub-contents .contents_area .page_ttl h1 {
            font-size: 1.2857142857rem;
            text-align: center; } }
        .sub-contents .contents_area .page_ttl h1 span {
          font-size: 1.2857142857rem;
          font-weight: bold;
          padding-left: 4.2857142857rem; }
          @media only screen and (max-width: 736px) {
            .sub-contents .contents_area .page_ttl h1 span {
              font-size: 1.1428571429rem;
              padding-left: 0;
              display: block; } }
        .sub-contents .contents_area .page_ttl h1 .service_type {
          padding-left: 0rem;
          padding-right: 1.0714285714rem;
          color: #c75772; }
          @media only screen and (max-width: 736px) {
            .sub-contents .contents_area .page_ttl h1 .service_type {
              font-size: 1.1428571429rem;
              display: inline; } }
    .sub-contents .contents_area .flex_area {
      display: flex;
      background-color: #f1f1f1;
      margin-bottom: 8%; }
      @media only screen and (max-width: 736px) {
        .sub-contents .contents_area .flex_area {
          display: block; } }
      @media only screen and (max-width: 736px) {
        .sub-contents .contents_area .flex_area .part {
          width: 100%; } }
    .sub-contents .contents_area .part {
      margin-bottom: 2.1428571429rem; }
      @media only screen and (max-width: 736px) {
        .sub-contents .contents_area .part {
          margin-bottom: 3rem; } }
      .sub-contents .contents_area .part .flex_area {
        display: flex;
        justify-content: space-between;
        margin-bottom: 7.1428571429rem; }
        @media only screen and (max-width: 736px) {
          .sub-contents .contents_area .part .flex_area {
            display: block; } }
        .sub-contents .contents_area .part .flex_area .left_area {
          width: 42%; }
          .sub-contents .contents_area .part .flex_area .left_area h2 {
            display: flex;
            align-items: center;
            font-size: 1.5714285714rem;
            margin-bottom: 1.4285714286rem; }
            @media only screen and (max-width: 736px) {
              .sub-contents .contents_area .part .flex_area .left_area h2 {
                justify-content: center; } }
            .sub-contents .contents_area .part .flex_area .left_area h2 img {
              width: 7.1428571429rem;
              height: 7.1428571429rem;
              margin-right: 2.1428571429rem; }
              @media only screen and (max-width: 736px) {
                .sub-contents .contents_area .part .flex_area .left_area h2 img {
                  margin-right: 1.4285714286rem; } }
          @media only screen and (max-width: 736px) {
            .sub-contents .contents_area .part .flex_area .left_area {
              width: 100%;
              margin-bottom: 2rem; } }
        .sub-contents .contents_area .part .flex_area .right_area {
          width: 50%; }
          .sub-contents .contents_area .part .flex_area .right_area .movie_area {
            margin: 0 auto 2.1428571429rem;
            width: 100%;
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden; }
            .sub-contents .contents_area .part .flex_area .right_area .movie_area iframe {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
          @media only screen and (max-width: 736px) {
            .sub-contents .contents_area .part .flex_area .right_area {
              width: 100%; } }
      .sub-contents .contents_area .part .movie_area {
        margin: 0 auto 8.5714285714rem;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden; }
        .sub-contents .contents_area .part .movie_area iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .sub-contents .contents_area .part .movie_area_sp {
        margin: 0 auto 8.5714285714rem;
        width: 30%;
        position: relative;
        padding-bottom: 53.34%;
        height: 0;
        overflow: hidden; }
        @media only screen and (max-width: 736px) {
          .sub-contents .contents_area .part .movie_area_sp {
            width: 100%;
            padding-bottom: 177.81%; } }
        .sub-contents .contents_area .part .movie_area_sp iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .sub-contents .contents_area .sidetitle {
      text-align: center;
      margin-left: 0 !important; }
      .sub-contents .contents_area .sidetitle .en {
        font-size: 1.2857142857rem;
        margin-left: 0 !important;
        font-weight: bold;
        margin-bottom: 1.4285714286rem;
        display: inline-block;
        position: relative; }
        @media only screen and (max-width: 736px) {
          .sub-contents .contents_area .sidetitle .en {
            margin-bottom: 2rem;
            font-size: 1.0714285714rem;
            display: block; } }
        .sub-contents .contents_area .sidetitle .en span {
          font-size: 1rem;
          font-weight: normal; }
        .sub-contents .contents_area .sidetitle .en .full_threed_icon {
          position: absolute;
          width: 4.2857142857rem;
          height: 4.2857142857rem;
          left: -4.2857142857rem;
          top: 50%;
          margin-top: -2.1428571429rem; }
          @media only screen and (max-width: 736px) {
            .sub-contents .contents_area .sidetitle .en .full_threed_icon {
              left: 0;
              width: 2.8571428571rem;
              height: 2.8571428571rem; } }
  .sub-contents .txt p {
    font-size: 1.1428571429rem;
    margin-bottom: 0.7142857143rem; }
  .sub-contents .txt dl {
    margin-bottom: 1.4285714286rem; }
    .sub-contents .txt dl dt {
      display: inline-block;
      font-size: 1.1428571429rem;
      border-bottom: 0.0714285714rem solid #333; }
    .sub-contents .txt dl dd {
      margin-left: 1.4285714286rem; }
  .sub-contents .txt ul {
    margin-top: 1rem; }
  .sub-contents .txt li {
    margin-left: 1.4285714286rem;
    list-style-type: disc; }
  .sub-contents .try {
    font-size: 1.4285714286rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 2.1428571429rem;
    margin-bottom: 1.4285714286rem; }
  .sub-contents .try_it {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1.0714285714rem;
    flex-wrap: wrap; }
    .sub-contents .try_it .demo_area {
      margin-bottom: 0.7142857143rem;
      width: 48%;
      max-width: 375px; }
      .sub-contents .try_it .demo_area .boxbase {
        margin-bottom: 0.7142857143rem; }
      @media only screen and (max-width: 736px) {
        .sub-contents .try_it .demo_area {
          width: 48%; } }
    .sub-contents .try_it .button {
      width: 17.8571428571rem;
      font-size: 0.9285714286rem;
      cursor: pointer;
      margin-bottom: 0.7142857143rem; }
      @media only screen and (max-width: 736px) {
        .sub-contents .try_it .button {
          width: 100%;
          font-size: 0.8571428571rem;
          padding-left: 0;
          padding-right: 0; } }
  .sub-contents .tree {
    justify-content: flex-start; }
    .sub-contents .tree .demo_area {
      width: 30%;
      margin-right: 5%; }
      .sub-contents .tree .demo_area:nth-child(3n) {
        margin-right: 0; }
    @media only screen and (max-width: 736px) {
      .sub-contents .tree {
        justify-content: space-between; }
        .sub-contents .tree .demo_area {
          width: 46%;
          margin-right: 0; } }
  .sub-contents .service {
    width: 100%;
    height: 7.5rem;
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 2.8571428571rem; }
    .sub-contents .service dt {
      border-bottom: none;
      width: 5.3571428571rem;
      margin-right: 2.1428571429rem; }
      .sub-contents .service dt img {
        display: block; }
    .sub-contents .service .s_txt {
      margin-right: 1.0714285714rem;
      font-size: 1.0714285714rem;
      line-height: 1.7;
      width: 40%; }
    .sub-contents .service .s_img {
      width: 20%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .sub-contents .service .s_img img {
        display: block;
        height: 7.5rem; }
  @media only screen and (max-width: 736px) {
    .sub-contents .service {
      width: 100%;
      height: auto;
      display: block;
      font-weight: bold;
      align-items: center;
      margin-bottom: 2.8571428571rem; }
      .sub-contents .service dt {
        border-bottom: none;
        width: 14%;
        margin-right: 1.0714285714rem;
        display: inline-block;
        vertical-align: middle; }
      .sub-contents .service .s_txt {
        margin-right: 0rem;
        width: 80%;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0.7142857143rem; }
      .sub-contents .service .s_img {
        width: 100%;
        text-align: center; }
      .sub-contents .service .s_img img {
        display: inline-block; } }
  .sub-contents .txt_red {
    color: #E60012; }
  @media only screen and (max-width: 736px) {
    .sub-contents .table_view {
      overflow-x: scroll; } }
  .sub-contents .table_view p {
    text-align: center; }
  .sub-contents .table_view table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.4285714286rem; }
    @media only screen and (max-width: 736px) {
      .sub-contents .table_view table {
        width: 300%; } }
    .sub-contents .table_view table tr {
      height: 5.7142857143rem; }
      @media only screen and (max-width: 736px) {
        .sub-contents .table_view table tr {
          height: 7.1428571429rem; } }
      .sub-contents .table_view table tr .th1 {
        width: 7%; }
        @media only screen and (max-width: 736px) {
          .sub-contents .table_view table tr .th1 {
            width: 6%; } }
      .sub-contents .table_view table tr .th2 {
        width: 17%; }
        @media only screen and (max-width: 736px) {
          .sub-contents .table_view table tr .th2 {
            width: 10%; } }
      .sub-contents .table_view table tr .th3 {
        width: auto; }
      .sub-contents .table_view table tr .th4 {
        width: auto; }
      .sub-contents .table_view table tr .th5 {
        width: auto; }
      .sub-contents .table_view table tr th {
        background: #555;
        color: #fff;
        border: 1px solid #ccc;
        vertical-align: middle;
        line-height: 1.5;
        font-size: 0.9285714286rem;
        padding: 0 0.5%;
        position: relative;
        font-weight: normal; }
        @media only screen and (max-width: 736px) {
          .sub-contents .table_view table tr th {
            font-size: 0.7857142857rem; } }
        .sub-contents .table_view table tr th span {
          margin-top: 0.3571428571rem;
          font-size: 0.8571428571rem;
          display: block; }
          @media only screen and (max-width: 736px) {
            .sub-contents .table_view table tr th span {
              font-size: 0.7857142857rem; } }
        .sub-contents .table_view table tr th .full_threed_icon {
          position: absolute;
          width: 4.2857142857rem;
          height: 4.2857142857rem;
          left: 0.7142857143rem;
          top: 50%;
          margin-top: -2.1428571429rem; }
      .sub-contents .table_view table tr td {
        background: #f1f1f1;
        border: 1px solid #ccc;
        vertical-align: middle;
        line-height: 1.5;
        font-size: 0.8571428571rem;
        text-align: center;
        font-weight: normal; }
        .sub-contents .table_view table tr td img {
          display: block; }
    .sub-contents .table_view table thead tr th {
      background: #333; }

.more_btn {
  background: #fff;
  position: relative;
  height: 3.5714285714rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0;
  transition: all 0.4s ease; }
  .more_btn a {
    z-index: 2;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 100%; }
    @media only screen and (max-width: 736px) {
      .more_btn a span {
        display: none; } }
  .more_btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #222;
    transition: all 0.3s ease;
    z-index: 1; }
  .more_btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #555;
    transition: all 0.3s ease;
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0; }
  .more_btn:hover {
    background: #fff; }
    .more_btn:hover a {
      color: #555; }
    .more_btn:hover::before {
      bottom: 0;
      height: 0; }
    .more_btn:hover::after {
      width: 100%;
      transition: 1000ms ease all; }

.guide_movie {
  width: 95%;
  margin: 0 auto;
  padding: 2%;
  box-sizing: border-box; }
  .guide_movie h2 {
    font-size: 1.2857142857rem;
    margin-top: 2.1428571429rem;
    margin-bottom: 0.3571428571rem; }
  .guide_movie .a_txt {
    font-size: 0.9285714286rem;
    margin-left: 10%; }
    .guide_movie .a_txt a {
      text-decoration: none;
      color: #555; }
      .guide_movie .a_txt a:hover {
        cursor: pointer;
        opacity: 0.8;
        text-decoration: underline; }
  @media only screen and (max-width: 736px) {
    .guide_movie {
      width: 96%; }
      .guide_movie h2 {
        font-size: 1.1428571429rem; }
      .guide_movie div {
        margin-bottom: 0.5em; }
        .guide_movie div a {
          text-decoration: none; }
          .guide_movie div a:hover {
            opacity: 0.6; } }

iframe {
  width: 100%; }

.p01 {
  width: 40%; }
  @media only screen and (max-width: 736px) {
    .p01 {
      width: 100%; } }
  .p01 .sub_ttl {
    font-size: 1.5714285714rem; }
    .p01 .sub_ttl span {
      font-size: 1rem;
      margin-left: 0.3571428571rem; }
  .p01 h2 {
    margin-left: 5%; }

.p02 {
  width: 60%; }
  @media only screen and (max-width: 736px) {
    .p02 {
      width: 100%;
      padding-bottom: 2.1428571429rem; } }
  .p02 .guide_movie {
    text-align: center;
    background: #fff;
    margin-top: 5.3571428571rem;
    width: 80%;
    padding: 5% 2%; }
    @media only screen and (max-width: 736px) {
      .p02 .guide_movie {
        margin-top: 0;
        width: 100%; } }
    .p02 .guide_movie h2 {
      border-bottom: 2px solid #c75772;
      display: inline-block; }
    .p02 .guide_movie .a_txt {
      margin-left: 0; }
    .p02 .guide_movie .apdate {
      display: block !important;
      width: 100%; }
      .p02 .guide_movie .apdate ol {
        margin: 0.7142857143rem 0;
        text-align: left;
        margin-left: 30%; }

/*# sourceMappingURL=page.css.map */