@charset "UTF-8";
/* Scss Document */

/* =====================================
	license
===================================== */
.visual .inner h1 {
  z-index: 2; }
.visual .inner img {
  right: -5%;
  object-fit: cover; }

/* =======.license-01 ========== */
.license-01 {
  width: 100%;
  padding: 66px 40px 0 40px;
  position: relative; }
  .license-01::before {}
  .license-01 .inner {
    width: 880px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center; }
    .license-01 .inner h2 {
      font-size: 48px;
      color: #0086d1;
      font-weight: bold;
      letter-spacing: 0.1em; }
    .license-01 .inner .lead {
      text-align: center;
      margin: 45px 0 50px 0; }

.license-01-flow {
  border: 1px solid #0086D1;
  background-color: #fff;
  border-radius: 25px;
  padding: 50px;
  position: relative;
  margin: 70px auto;
  width: 100%;
  max-width: 880px; }
  .license-01-flow h3 {
    color: #0086D1;
    font-size: 30px;
    font-weight: bold;
    text-align: center; }
  .license-01-flow dl {
    text-align: left;
    margin-top: 30px; }
    .license-01-flow dl dt {
      background-color: #0086D1;
      color: #fff;
      font-weight: bold;
      display: flex;
      align-items: center;
      font-size: 22px; }
      .license-01-flow dl dt span {
        font-size: 42px;
        width: 1.5em;
        display: flex;
        justify-content: center;
        margin: 0 10px; }
    .license-01-flow dl dd {
      padding: 1.5em;
      background-color: #F4F6F7;
      position: relative;
      margin-bottom: 25px; }
      .license-01-flow dl dd:after {
        content: "";
        display: block;
        width: 100%;
        height: 18px;
        background: url("../img/property/license/icon_arrow_b.svg") no-repeat center bottom;
        position: absolute;
        bottom: -22px;
        left: 0; }
      .license-01-flow dl dd:last-child:after {
        display: none; }
      .license-01-flow dl dd a {
        text-decoration: underline; }
  .license-01-flow .decoration01 {
    position: absolute;
    right: -150px;
    top: -30px; }
    .license-01-flow .decoration01 img {
      width: auto;
      height: 505px; }

.license-01-cvBtn {
  background-color: #F4F6F7;
  text-align: center; }
  .license-01-cvBtn .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 90px 0; }
    .license-01-cvBtn .inner ul {
      display: inline-block;
      margin: 0 auto; }
      .license-01-cvBtn .inner ul li:nth-child(2) {
        margin-top: 20px; }
      .license-01-cvBtn .inner ul li .comBtn01 {
        max-width: 100%;
        width: 640px;
        line-height: 1.45; }
    .license-01-cvBtn .inner .decoration02 {
      position: absolute;
      left: 0;
      bottom: 50px; }
      .license-01-cvBtn .inner .decoration02 img {
        width: auto;
        height: 510px; }

/* =======.license-02 ========== */
.license-02 {
  width: 100%;
  padding: 66px 40px 110px;
  position: relative; }
  .license-02 .inner {
    width: 880px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center; }
    .license-02 .inner h2 {
      font-size: 37px;
      color: #0086d1;
      font-weight: bold;
      letter-spacing: 0.1em; }
    .license-02 .inner .lead {
      font-size: 22px;
      font-weight: bold;
      margin: 1em 0 0 0; }
    .license-02 .inner table {
      text-align: left;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      background-color: #fff;
      box-sizing: border-box;
      border: 5px solid #E5E5E5;
      margin: 60px 0 100px 0; }
      .license-02 .inner table th, .license-02 .inner table td {
        border: 1px solid #CCCCCC;
        padding: 1em; }
      .license-02 .inner table th {
        background-color: #EDF3FA;
        color: #0086D1;
        text-align: center;
        vertical-align: middle;
        line-height: 1.45; }

/* =======.license_detail ========== */
.license_detail {
  width: 100%;
  padding: 66px 40px 110px;
  position: relative; }
  .license_detail::before {}
  .license_detail .inner {
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center; }
    .license_detail .inner h2 {
      font-size: 48px;
      color: #0086d1;
      font-weight: bold;
      letter-spacing: 0.1em; }
    .license_detail .inner .tabs {
      display: flex;
      justify-content: space-between;
      background-color: #F4F6F7;
      margin: 50px 0 50px 0; }
      .license_detail .inner .tabs li {
        cursor: pointer;
        text-align: center;
        padding: 1em;
        box-sizing: border-box;
        white-space: nowrap;
        position: relative;
        color: #808080;
        min-width: 14%; }
      .license_detail .inner .tabs li a {
        font-weight: normal;
        color: #808080;}
        .license_detail .inner .tabs li.active a {
          font-weight:bold;
          color: #0086D1; }
        .license_detail .inner .tabs li:after {
          content: "";
          display: block;
          width: 1px;
          height: 1em;
          background-color: #CECECE;
          position: absolute;
          top: 50%;
          left: 0;
          margin-top: -0.5em;
          line-height: 1; }
        .license_detail .inner .tabs li:first-child:after {
          display: none; }
        .license_detail .inner .content h3 {
          color: #0086D1;
          font-weight: bold;
          font-size: 26px; }


.goto_license-use .comBtn01 {
    display: table;
    position: relative;
    padding: 10px 35px 10px 25px;
    border-radius: 8px;
    margin: 0 0 -25px auto;
    width: auto;
    max-width: none;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    line-height: 1.45;
}

.goto_license-use .comBtn01::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -4px;
    position: absolute;
    right: 15px;
    top: 50%;
}


@media screen and (max-width: 767.9px) {
  /* =======.visual ========== */
  .visual .inner img {
    right: -28%;
    width: 95%;
    height: auto; }

  /* =======.license-01 ========== */
  .license-01 {
    padding: 10.133vw 5.33vw 0 5.33vw; }
    .license-01::before {
      height: 102.67vw;
      top: 13.6vw;
      clip-path: polygon(0 42.4vw, 100% 0%, 100% calc(100% - 42.4vw), 0% 100%); }
    .license-01 .inner h2 {
      font-size: 3rem; }
    .license-01 .inner .lead {
      text-align: left;
      margin: 25px 0; }

  .license-01-flow {
    border-radius: 0;
    border: none;
    border-top: 1px solid #0086D1;
    padding: 20px 10px;
    margin: 50px auto 0 auto; }
    .license-01-flow h3 {
      font-size: 2rem; }
    .license-01-flow dl dt {
      font-size: 1.5rem;
      line-height: 1.45;
      padding: 0.5em 0; }
      .license-01-flow dl dt span {
        font-size: 3rem;
        width: 1.0em; }
    .license-01-flow .decoration01 {
      top: 10px;
      right: -30px; }
      .license-01-flow .decoration01 img {
        height: 255px; }

  .license-01-cvBtn {
    border-top: 1px solid #0086D1; }
    .license-01-cvBtn .inner {
      padding: 30px 0; }
      .license-01-cvBtn .inner ul {
        display: block;
        margin: 0 15px 0 auto;
        width: 75%; }
      .license-01-cvBtn .inner .decoration02 {
        left: -20px;
        bottom: 0; }
        .license-01-cvBtn .inner .decoration02 img {
          height: 250px; }

  /* =======.license-02 ========== */
  .license-02 {
    padding: 10.133vw 0 16.4vw 0; }
    .license-02 .inner h2 {
      font-size: 2.7rem;
	  line-height: 1.4; }
    .license-02 .inner .lead {
      font-size: 1.5rem;
	  font-weight: normal; }
    .license-02 .inner table {
      border: none;
      margin: 30px 0 50px 0; }
      .license-02 .inner table th, .license-02 .inner table td {
        display: block;
		border: none; }
      .license-02 .inner table th {
        margin-top: -1px;
        margin-bottom: -1px;
        font-size: 1.5rem; }
    .license-02 .inner .comBtn01 {
      max-width: 90%; }

  /* =======.license_detail ========== */
  .license_detail {
    padding: 10.133vw 0 16.4vw 0; }
    .license_detail::before {
      height: 102.67vw;
      top: 13.6vw;
      clip-path: polygon(0 42.4vw, 100% 0%, 100% calc(100% - 42.4vw), 0% 100%); }
    .license_detail .inner h2 {
      font-size: 3rem; }
    .license_detail .inner .content h3 {
	  font-size: 2rem; }
    .license_detail .inner .tabs {
      overflow: scroll;
      margin: 20px 0 50px 0; }
      .license_detail .inner .tabs li {
        cursor: pointer;
        text-align: center;
        padding: 1em;
        box-sizing: border-box;
        white-space: nowrap;
        font-weight: normal;
        position: relative;
        font-weight: bold;
        color: #808080;
        min-width: auto;
        padding: 1em 2em; }
    .license_detail .inner .content.active {
      padding: 0 5.33vw; }
      .license_detail .inner .content.active h3 {
        font-size: 2.0rem; }

.goto_license-use {
    margin: 25px 5.33vw 30px;
}


.goto_license-use .comBtn01 {
    margin:auto;
    width: auto !important;
    font-size: 14px;
}


 }