/* Scss Document */
/* Scss Document */
/*---------------------------------------------
    common
---------------------------------------------*/
.linkBtn {
  width: 300px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  color: #fff;
  background: #7B1F71;
  padding: 15px 35px;
  position: relative;
  font-size: 2rem;
  letter-spacing: .1em; }
  @media screen and (max-width: 750px) {
    .linkBtn {
      width: 67vw;
      padding: 4vw 14vw;
      font-size: 4vw;
      margin: auto; } }
  .linkBtn::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    background: url("../img/common/arrow_w.svg") no-repeat;
    background-size: contain; }
    @media screen and (max-width: 750px) {
      .linkBtn::after {
        width: 3.3vw;
        height: 3.3vw; } }
  .linkBtn.-big {
    width: 400px;
    padding: 25px 65px; }
    @media screen and (max-width: 750px) {
      .linkBtn.-big {
        width: 67vw;
        padding: 3.2vw 8vw; } }
  .linkBtn.-bl {
    background: #fff;
    box-shadow: 0 0 6px #669DD5;
    color: #669DD5;
    justify-content: center;
    width: 500px;
    padding: 25px;
    margin: auto; }
    @media screen and (max-width: 750px) {
      .linkBtn.-bl {
        padding: 3.2vw;
        width: 100%; } }
    .linkBtn.-bl::after {
      background-image: url("../img/common/arrow_bl.svg");
      margin: 0 0 0 15px; }
      @media screen and (max-width: 750px) {
        .linkBtn.-bl::after {
          margin: 0;
          position: absolute;
          right: 5.3vw;
          top: 50%;
          transform: translateY(-50%); } }

.moreLink {
  display: inline-flex;
  align-items: center; }
  @media screen and (max-width: 750px) {
    .moreLink {
      font-size: 3.2vw; } }
  .moreLink::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url("../img/common/arrow_b.svg") no-repeat;
    background-size: contain;
    margin: 0 0 0 15px; }
    @media screen and (max-width: 750px) {
      .moreLink::after {
        width: 3.2vw;
        height: 3.2vw;
        margin: 0 0 0 2vw; } }

.indentList li {
  padding-left: 1em;
  text-indent: -1em; }

/*---------------------------------------------
    page
---------------------------------------------*/
.page_titArea {
  margin: 0 0 50px;
  text-align: center;
  padding: 170px 0 0; }
  @media screen and (max-width: 750px) {
    .page_titArea {
      padding: 24vw 0 0;
      margin: 0 0 9vw; } }

.page_subTit {
  margin: 0 0 30px; }
  @media screen and (max-width: 750px) {
    .page_subTit {
      font-size: 2.9vw;
      margin: 0 0 4vw; } }

.page_tit {
  color: #7B1F71;
  font-size: 7rem;
  font-weight: normal;
  line-height: 1.6; }
  @media screen and (max-width: 750px) {
    .page_tit {
      font-size: 8.3vw; } }

.page_txt {
  font-size: 2.5rem;
  text-align: center;
  line-height: 2;
  margin: 0 0 60px; }
  @media screen and (max-width: 750px) {
    .page_txt {
      font-size: 4vw;
      margin: 0 0 7vw; } }
  .page_txt a {
    color: #669DD5;
    text-decoration: underline; }

.page_kv {
  position: relative;
  margin: 107px 0 80px; }
  @media screen and (max-width: 750px) {
    .page_kv {
      margin: 14vw 0 0; } }
  @media screen and (min-width: 750px) {
    .page_kv .inner {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%;
      width: 100%; } }
  .page_kv .page_titArea {
    text-align: left;
    padding: 0; }
    @media screen and (min-width: 750px) {
      .page_kv .page_titArea {
        margin: 0; } }
    @media screen and (max-width: 750px) {
      .page_kv .page_titArea {
        margin: 0 0 4vw; } }
  .page_kv .page_txt {
    text-align: left;
    margin: 0; }
    @media screen and (min-width: 750px) {
      .page_kv .page_txt {
        position: absolute;
        top: calc(100% + 7vw);
        left: 0; } }
    @media screen and (max-width: 1280px) {
      .page_kv .page_txt {
        top: calc(100% + 80px); } }
    @media screen and (max-width: 750px) {
      .page_kv .page_txt {
        background: rgba(123, 31, 113, 0.2);
        padding: 8vw 5vw;
        width: 100vw;
        margin: 0 0 0 -5vw;
        font-size: 4.5vw; } }

.page_kv_img {
  width: 50%;
  margin: 0 0 0 auto;
  position: relative;
  /*&::before{
      content: "";
      display: block;
      border: 1px solid $primary;
      position: absolute;
      left: -20px;
      bottom:-20px;
      width:100%;
      height: 100%;
      z-index: -1;
      @include sp(){
          left: -2vw;
          bottom:-2vw;
      }
  }*/ }
  @media screen and (max-width: 750px) {
    .page_kv_img {
      width: 92vw;
      margin: 0 0 6vw auto; } }
  @media screen and (min-width: 750px) {
    .page_kv_img::after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      bottom: -80px;
      width: 100vw;
      min-width: 1280px;
      min-height: 200px;
      height: 15vw;
      z-index: -2;
      background: rgba(123, 31, 113, 0.2); } }

.breadcrumb {
  color: #7B1F71;
  padding: 15px 0;
  font-size: 1.4rem; }
  @media screen and (max-width: 750px) {
    .breadcrumb {
      font-size: 3.2vw;
      padding: 2vw 0; } }
  .breadcrumb.-bg {
    background: rgba(123, 31, 113, 0.2); }

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap; }
  .breadcrumb__list li {
    position: relative; }
    .breadcrumb__list li:not(:last-child) {
      margin: 0 3em 0 0; }
      .breadcrumb__list li:not(:last-child)::after {
        content: ">";
        width: 1em;
        text-align: center;
        position: absolute;
        left: calc(100% + 1em);
        top: 0; }

/*---------------------------------------------
    sec
---------------------------------------------*/
.titArea {
  text-align: center;
  margin: 0 0 50px; }
  @media screen and (max-width: 750px) {
    .titArea {
      margin: 0 0 8vw; } }

.subTit {
  margin: 0 0 5px; }
  @media screen and (max-width: 750px) {
    .subTit {
      font-size: 3.2vw;
      margin: 0 0 4vw; } }

.tit {
  font-size: 3rem;
  color: #7B1F71; }
  @media screen and (max-width: 750px) {
    .tit {
      font-size: 6vw; } }

.txt {
  text-align: center;
  margin: 0 0 90px; }

.sec_tit {
  color: #7B1F71;
  border-bottom: 1px solid #7B1F71;
  padding: 0 0 10px;
  font-size: 3rem;
  margin: 0 0 35px; }
  @media screen and (max-width: 750px) {
    .sec_tit {
      font-size: 6vw;
      margin: 0 0 4vw;
      padding: 0 0 2vw; } }

.border_tit {
  background: #7B1F71;
  color: #fff;
  padding: 5px 20px;
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 35px;
  /*&::before{
      content: "";
      display: block;
      width:5px;
      height: 42px;
      background: #B2A3B9;
      position: absolute;
      left: 10px;
      top:-10px;
      @include sp(){
          width:0.6vw;
          height: 8vw;
          left: 1.3vw;
          top:-1.3w;
      }
  }*/ }
  @media screen and (max-width: 750px) {
    .border_tit {
      font-size: 4.5vw;
      padding: 1vw 2.6vw;
      margin: 0 0 5vw; } }

.sec_table {
  width: 100%; }
  .sec_table th, .sec_table td {
    border-bottom: 5px solid #fff; }
    @media screen and (max-width: 750px) {
      .sec_table th, .sec_table td {
        font-size: 3.2vw;
        border-bottom-width: 2px; } }
  .sec_table th {
    white-space: nowrap;
    width: 11em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #B2A3B9;
    text-align: center;
    padding: 25px 5px;
    font-weight: 700; }
    @media screen and (max-width: 750px) {
      .sec_table th {
        width: 6em;
        padding: 2.6vw 1.3vw; } }
  .sec_table td {
    padding: 25px 30px;
    background: rgba(112, 112, 112, 0.1); }
    @media screen and (max-width: 750px) {
      .sec_table td {
        padding: 2.6vw; } }
  @media screen and (max-width: 750px) {
    .sec_table.-block {
      font-size: 3.73vw; }
      .sec_table.-block th, .sec_table.-block td {
        display: block;
        width: 100%;
        text-align: left; }
      .sec_table.-block th {
        border: none;
        padding: 2.6vw 4vw; }
      .sec_table.-block td {
        border-bottom-width: 1.3vw;
        padding: 4vw; } }