/* Scss Document */
/*---------------------------------------------
    licence
---------------------------------------------*/
.page_kv_img {
  background: url("../img/licence/kv_img.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  width: 38%;
  height: 38.5vw; 
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;}
  @media screen and (max-width: 1280px) {
    .page_kv_img {
      height: 492px; } }
  @media screen and (max-width: 750px) {
    .page_kv_img {
      width: 92vw;
      height: 72vw; } }

.licence_sec.-licence {
  padding: 210px 0 180px; }
  @media screen and (max-width: 750px) {
    .licence_sec.-licence {
      padding: 12vw 0 18vw; } }
  .licence_sec.-licence .inner {
    padding: 0 0 0 370px; }
    @media screen and (max-width: 750px) {
      .licence_sec.-licence .inner {
        padding: 0; } }

.licence_img {
  width: 734px;
  position: absolute;
  right: calc(100% - 300px);
  top: 50%;
  transform: translateY(-50%); }
  @media screen and (max-width: 750px) {
    .licence_img {
      width: 100vw;
      margin: 0 0 9vw -5vw;
      transform: none;
      position: static; } }

@media screen and (max-width: 750px) {
  .licence_txtArea {
    max-width: 90vw;
    margin: auto; } }

.licence_tit {
  font-size: 5rem;
  color: #7B1F71;
  line-height: 2;
  margin: 0 0 70px; }
  @media screen and (max-width: 750px) {
    .licence_tit {
      font-size: 6.6vw;
      margin: 0 0 8vw; } }

.licence_txt {
  font-size: 2.5rem; }
  @media screen and (max-width: 750px) {
    .licence_txt {
      font-size: 3.73vw;
      line-height: 1.9; } }

/*---------------------------------------------
    licence
---------------------------------------------*/
.licence_sec.-support {
  padding: 150px 0 130px;
  background-image: url("../img/licence/support_bg.jpg");
  background-color: #EEF4FA;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 60%; }
  @media screen and (max-width: 750px) {
    .licence_sec.-support {
      padding: 47.6vw 0 21vw;
      background-size: 100%; } }

.support_titArea {
  margin: 0 0 90px; }
  @media screen and (max-width: 750px) {
    .support_titArea {
      margin: 0 0 9vw; } }

.support_subTit {
  display: inline-block;
  border-radius: 100px;
  background: #669DD5;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1;
  padding: 10px 20px;
  margin: 0 0 30px; }
  @media screen and (max-width: 750px) {
    .support_subTit {
      font-size: 3.73vw;
      padding: 1.3vw 2.6vw;
      margin: 0 0 4.5vw; } }

.support_tit {
  color: #7B1F71;
  font-size: 5rem; }
  @media screen and (max-width: 750px) {
    .support_tit {
      font-size: 6.6vw;
      margin: 0 0 9vw; } }

.support_txt {
  font-size: 2.5rem;
  font-weight: 700; }
  @media screen and (max-width: 750px) {
    .support_txt {
      font-size: 4vw;
      margin: 0 0 2.6vw; } }

.support_copy {
  font-size: 3.5rem;
  font-weight: 700;
  color: #669DD5;
  margin: 0 0 50px; }
  @media screen and (max-width: 750px) {
    .support_copy {
      font-size: 6vw;
      margin: 0 0 8vw;
      letter-spacing: .15em; } }

.supportList li {
  background: #fff;
  padding: 25px 30px; }
  .supportList li:not(:last-child) {
    margin: 0 0 50px; }
    @media screen and (max-width: 750px) {
      .supportList li:not(:last-child) {
        margin: 0 0 7.5vw;
        padding: 3.6vw 4vw; } }

.supportList_tit {
  padding-left: 48px;
  font-size: 2rem;
  font-weight: 700;
  position: relative; }
  @media screen and (max-width: 750px) {
    .supportList_tit {
      padding-left: 6.4vw;
      font-size: 3.73vw; } }
  .supportList_tit:first-child::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url("../img/licence/icon_support.svg") no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 1px; }
    @media screen and (max-width: 750px) {
      .supportList_tit:first-child::before {
        width: 4vw;
        height: 4vw; } }
  @media screen and (max-width: 750px) {
    .supportList_tit:not(:first-child) {
      margin: 2em 0 0; } }

.support_comment {
  font-size: 1.4rem;
  padding-left: 48px;
  display: block; }
  @media screen and (max-width: 750px) {
    .support_comment {
      font-size: 3.2vw;
      padding-left: 6.4vw; } }

.supportList_link {
  display: inline-flex;
  align-items: center;
  font-size: 2rem;
  border-bottom: 1px solid #7B1F71;
  color: #7B1F71;
  padding: 0 0 3px;
  margin: 0 0 0 30px; }
  @media screen and (max-width: 750px) {
    .supportList_link {
      font-size: 3vw;
      padding: 0 0 1vw;
      margin: 0; } }
  .supportList_link::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url("../img/common/arrow_p.svg") no-repeat;
    background-size: contain;
    margin: 0 0 0 15px; }
    @media screen and (max-width: 750px) {
      .supportList_link::after {
        width: 2.4vw;
        height: 2.4vw;
        margin: 0 0 0 2.6vw; } }