@charset "UTF-8";
/*
各サービスへのリンクのcss
*/

/*---------- リンク設定 ----------*/

a.bgsa_partasl_info_complete_link:link {color:#000;text-decoration:none;}
a.bgsa_partasl_info_complete_link:visited {color:#000;text-decoration:none;}
a.bgsa_partasl_info_complete_link:hover {color:#000;text-decoration:none;opacity: 0.8;}
a.bgsa_partasl_info_complete_link{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a.bgsa_partasl_info_complete_link img {border-style:none;}
img.bgsa_partasl_info_complete_img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a.bgsa_partasl_info_complete_link:hover img{opacity:0.6;filter:alpha(opacity=60);}
a.bgsa_partasl_info_complete_link img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}

/*---------- 各サービスのページ・SP ----------*/
.bgsa_partasl_page_contents {
  margin: 40px 0 0 0;
  padding: 0;
}

.bgsa_partasl_page-text {
  margin: 0;
  padding: 2px 8px;
  border-left: 5px solid #006AB0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}

.bgsa_partasl_page_box {
  margin: 0;
  padding: 30px 0;
  font-family: "Noto Sans JP";
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* justify-content:space-between; */
  text-align: center;
  font-size: 14px;
}

.bgsa_partasl_page_box a.bgsa_partasl_info_complete_link {
  color: #fff;
  width: 100%;
}

.bgsa_partasl_page_box1 {
  margin: 0 0 10px 0;
  padding: 12px;
  width: 100%;
  background-color: #006AB0;
  position: relative;
  box-sizing: border-box;
}

.bgsa_partasl_page_box2 {
  margin: 0 0 10px 0;
  padding: 12px;
  width: 100%;
  background-color: #0088C7;
  position: relative;
  box-sizing: border-box;
}

.bgsa_partasl_page_box3 {
  margin: 0 0 10px 0;
  padding: 12px;
  width: 100%;
  background-color: #0099CF;
  position: relative;
  box-sizing: border-box;
}

.bgsa_partasl_page_box4 {
  margin: 0 0 10px 0;
  padding: 12px;
  width: 100%;
  background-color: #00A1B8;
  position: relative;
  box-sizing: border-box;
}

.bgsa_partasl_page_box5 {
  margin: 0 0 10px 0;
  padding: 12px;
  width: 100%;
  background-color: #009D99;
  position: relative;
  box-sizing: border-box;
}

.bgsa_partasl_page_box6 {
  margin: 0 0 10px 0;
  padding: 12px;
  width: 100%;
  background-color: #F28E00;
  position: relative;
  box-sizing: border-box;
}

.bgsa_partasl_page_box1::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 5%;
  top: 36%;
  color: #fff;
}

.bgsa_partasl_page_box2::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 5%;
  top: 36%;
  color: #fff;
}

.bgsa_partasl_page_box3::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 5%;
  top: 36%;
  color: #fff;
}

.bgsa_partasl_page_box4::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 5%;
  top: 36%;
  color: #fff;
}

.bgsa_partasl_page_box5::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 5%;
  top: 36%;
  color: #fff;
}

.bgsa_partasl_page_box6::after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 5%;
  top: 36%;
  color: #fff;
}

.bgsa_partasl_item {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.bgsa_partasl_item img {
  margin: 0;
  padding: 0 0 20px 0;
  width: 100%;
}


/*---------- 各サービスのページ・PC ----------*/
@media screen and (min-width:1024px) {
  .bgsa_partasl_page_contents {
    margin: 60px 0 0 0;
    padding: 0;
  }

  .bgsa_partasl_page-text {
    margin: 0;
    padding: 2px 8px;
    border-left: 5px solid #006AB0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .bgsa_tell {
    pointer-events: none;
  }

  .bgsa_partasl_page_box {
    margin: 0;
    padding: 30px 0;
    font-family: "Noto Sans JP";
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* justify-content:space-between; */
    text-align: center;
    font-size: 14px;
  }

  .bgsa_partasl_page_box a.bgsa_partasl_info_complete_link {
    color: #fff;
    width: 290px;
  }

  .bgsa_partasl_page_box1 {
    margin: 0 0 10px 0;
    padding: 12px;
    width: 100%;
    background-color: #006AB0;
    position: relative;
  }

  .bgsa_partasl_page_box2 {
    margin: 0 5px 10px 0;
    padding: 12px;
    width: 100%;
    background-color: #0088C7;
    position: relative;
    margin-left: 5px;
  }

  .bgsa_partasl_page_box3 {
    margin: 0 0 10px 0;
    padding: 12px;
    width: 100%;
    background-color: #0099CF;
    position: relative;
    margin-left: 10px;
  }

  .bgsa_partasl_page_box4 {
    margin: 0;
    padding: 12px;
    width: 100%;
    background-color: #00A1B8;
    position: relative;
  }

  .bgsa_partasl_page_box5 {
    margin: 0;
    padding: 12px;
    width: 100%;
    background-color: #009D99;
    position: relative;
    margin-left: 5px;
  }

  .bgsa_partasl_page_box6 {
    margin: 0;
    padding: 12px;
    width: 100%;
    background-color: #F28E00;
    position: relative;
    margin-left: 10px;
  }

  .bgsa_partasl_page_box1::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 5%;
    top: 36%;
    color: #fff;
  }

  .bgsa_partasl_page_box2::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 5%;
    top: 36%;
    color: #fff;
  }

  .bgsa_partasl_page_box3::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 5%;
    top: 36%;
    color: #fff;
  }

  .bgsa_partasl_page_box4::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 5%;
    top: 36%;
    color: #fff;
  }

  .bgsa_partasl_page_box5::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 5%;
    top: 36%;
    color: #fff;
  }

  .bgsa_partasl_page_box6::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 5%;
    top: 36%;
    color: #fff;
  }

  .bgsa_partasl_item {
    margin: 40px 0 20px 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }

  .bgsa_partasl_item img {
    margin: 0;
    padding: 0;
    width: 580px;
  }
}