@charset "UTF-8";
/* Scss Document マスター */
html {
  font-size: 62.5%;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
}

html, body {
  height: 100%;
}

.text {
  font-size: 1.5rem;
  line-height: 1.8em;
  margin: 0 0 24px;
}
.text:last-child {
  margin: 0;
}

.lead {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.7em;
}

.notice {
  font-size: 1.3rem;
  line-height: 1.5em;
  color: #FF0000;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.billboard_news p {
  font-size: 1.5rem;
  line-height: 1.8em;
  margin: 0 0 24px;
}

/******　余白（margin） ******/
/*なるべく、UIパーツそのものにmarginは指定しない。時と場合、配置する画面やコンテナなどによって余白幅が変わることがあるため*/
.margin-spacing-1_top {
  margin-top: 8px !important;
}

.margin-spacing-2_top {
  margin-top: 16px !important;
}

.margin-spacing-3_top {
  margin-top: 24px !important;
}

.margin-spacing-4_top {
  margin-top: 32px !important;
}

.margin-spacing-5_top {
  margin-top: 40px !important;
}

.margin-spacing-6_top {
  margin-top: 48px !important;
}

.margin-spacing-7_top {
  margin-top: 56px !important;
}

.margin-spacing-8_top {
  margin-top: 64px !important;
}

.margin-spacing-9_top {
  margin-top: 72px !important;
}

.margin-spacing-10_top {
  margin-top: 80px !important;
}

.margin-spacing-1_bottom {
  margin-bottom: 8px !important;
}

.margin-spacing-2_bottom {
  margin-bottom: 16px !important;
}

.margin-spacing-3_bottom {
  margin-bottom: 24px !important;
}

.margin-spacing-4_bottom {
  margin-bottom: 32px !important;
}

.margin-spacing-5_bottom {
  margin-bottom: 40px !important;
}

.margin-spacing-6_bottom {
  margin-bottom: 48px !important;
}

.margin-spacing-7_bottom {
  margin-bottom: 56px !important;
}

.margin-spacing-8_bottom {
  margin-bottom: 64px !important;
}

.margin-spacing-9_bottom {
  margin-bottom: 72px !important;
}

.margin-spacing-10_bottom {
  margin-bottom: 80px !important;
}

.margin-spacing-1_right {
  margin-right: 8px !important;
}

.margin-spacing-2_right {
  margin-right: 16px !important;
}

.margin-spacing-3_right {
  margin-right: 24px !important;
}

.margin-spacing-4_right {
  margin-right: 32px !important;
}

.margin-spacing-5_right {
  margin-right: 40px !important;
}

.margin-spacing-6_right {
  margin-right: 48px !important;
}

.margin-spacing-7_right {
  margin-right: 56px !important;
}

.margin-spacing-8_right {
  margin-right: 64px !important;
}

.margin-spacing-9_right {
  margin-right: 72px !important;
}

.margin-spacing-10_right {
  margin-right: 80px !important;
}

.margin-spacing-1_left {
  margin-left: 8px !important;
}

.margin-spacing-2_left {
  margin-left: 16px !important;
}

.margin-spacing-3_left {
  margin-left: 24px !important;
}

.margin-spacing-4_left {
  margin-left: 32px !important;
}

.margin-spacing-5_left {
  margin-left: 40px !important;
}

.margin-spacing-6_left {
  margin-left: 48px !important;
}

.margin-spacing-7_left {
  margin-left: 56px !important;
}

.margin-spacing-8_left {
  margin-left: 64px !important;
}

.margin-spacing-9_left {
  margin-left: 72px !important;
}

.margin-spacing-10_left {
  margin-left: 80px !important;
}

/******　header ******/
.l-header {
  width: 100%;
  height: 104px;
  position: relative;
  z-index: 9999;
}
.l-header .l-header_inner {
  width: 90%;
  max-width: 1200px;
  height: 104px;
  margin: 0 auto;
  padding: 0 40px;
  background-color: #FFFFFF;
  border-radius: 0 0 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
}
.l-header .l-header_inner .logo {
  width: 240px;
  height: auto;
  z-index: 9999;
}
.l-header .l-header_inner .logo a > img {
  width: 100%;
}
.l-header .l-header_inner .gnav_wrap {
  flex: 1;
}

/******　billboard ******/
.billboard {
  width: 100%;
  height: 900px;
  position: relative;
  margin: -104px 0 0;
  z-index: 9997;
  overflow: hidden;
}
.billboard .billboard_catch {
  width: 100%;
  max-width: 1200px;
  font-size: 5.5rem;
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  text-shadow: 2px 2px 2px rgba(8, 26, 61, 0.9);
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-20%, -50%);
  z-index: 9997;
}
.billboard .billboard_border-wrap {
  width: 100%;
  height: 140%;
  background-color: #0C3090;
  mix-blend-mode: multiply;
  transform: skewY(-45deg);
  position: absolute;
  top: -80%;
  left: -30%;
  z-index: 9996;
}
.billboard .billboard_border-wrap .billboard_border-yellow {
  width: 100%;
  height: 5%;
  position: absolute;
  top: 60%;
  left: 0;
  background-color: #FCD54A;
}
.billboard .billboard_border-wrap .billboard_border-navy {
  width: 100%;
  height: 2%;
  position: absolute;
  top: 70%;
  left: 0;
  background-color: #0C3090;
  mix-blend-mode: inherit;
}

.billboard-second {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  margin: -104px 0 0;
  z-index: 9997;
}
.billboard-second.billboard_portfolio {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_header_portfolio.jpg");
}
.billboard-second.billboard_news {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_header_news.jpg");
}
.billboard-second.billboard_business {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_header_business.jpg");
}
.billboard-second.billboard_about {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_header_about.jpg");
}
.billboard-second.billboard_documents {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_header_documents.jpg");
}
.billboard-second .billboard-second_inner {
  width: 100%;
  height: 100%;
  background-color: rgba(12, 48, 144, 0.7);
  /*mix-blend-mode: multiply;*/
  position: relative;
}
.billboard-second .billboard-second_inner .breadcrumb {
  width: auto;
  height: auto;
  background-color: #0C3090;
  border-radius: 16px 0 0 0;
  padding: 8px 40px;
  position: absolute;
  bottom: 0;
  right: 0;
}

/******　トップページ ******/
.top_vision {
  width: 45%;
  height: auto;
  padding: 64px;
  border-radius: 20px 0 0 20px;
  background-color: #E6EEFF;
  float: right;
  margin: -80px 0 0;
  z-index: 9998;
  position: relative;
}
.top_vision > .heading_01 {
  text-align: left;
}

.bg_vision {
  width: 65%;
  height: 360px;
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/pic_top_vision.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 0 20px 20px 0;
  background-attachment: fixed;
}

.top_about,
.top_business {
  width: 80%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 64px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 9998;
}

.heading-wrap {
  width: 20%;
}

.text-wrap {
  width: 70%;
}

.top_portfolio {
  width: 45%;
  height: auto;
  padding: 64px;
  border-radius: 20px 0 0 20px;
  background-color: #F4F0E6;
  float: right;
  margin: 80px 0 0;
  z-index: 9998;
  position: relative;
}
.top_portfolio > .heading_01 {
  text-align: left;
}

.portfolio_wrap {
  width: 100%;
  height: auto;
  margin: 160px 0 0;
  padding: 160px 0;
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/pic_top_portfolio.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 9997;
}
.portfolio_wrap .portfolio_inner {
  width: 90%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
}

.top_other {
  width: 100%;
  height: auto;
  padding: 80px 0 0;
  background-color: #F4F0E6;
  overflow: hidden;
  position: relative;
  z-index: 9998;
}
.top_other .top_other_inner {
  width: 80%;
  height: auto;
  margin: 0 0 -160px;
  padding: 80px 0 0;
  background-color: #FFFFFF;
  border-radius: 0 20px 20px 0;
  position: relative;
  z-index: 9998;
}
.top_other .top_other_inner .company_info_wrap {
  width: 90%;
  max-width: 1200px;
  float: right;
  display: flex;
  justify-content: space-between;
}
.top_other .top_other_inner .company_info_wrap .company_info-text {
  width: 60%;
}
.top_other .top_other_inner .company_info_wrap .company_info-pic {
  width: 35%;
  margin: 0 -80px 0 0;
}
.top_other .top_other_inner .company_info_wrap .company_info-pic > img {
  width: 100%;
  border-radius: 20px;
}
.top_other .top_other_inner .news_wrap {
  width: 90%;
  max-width: 1200px;
  margin: 80px 0 0;
  float: right;
  display: flex;
  justify-content: space-between;
}
.top_other .top_other_inner .news_wrap .news-contents {
  width: 75%;
  padding: 0 80px 0 0;
}
.top_other .bg_contents {
  width: 100%;
  height: 500px;
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/pic_company_entrance.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 9997;
}
.top_other .border-wrap {
  width: 100%;
  height: 800px;
  overflow: hidden;
  position: absolute;
  bottom: 500px;
}
.top_other .border-wrap .border-blue02 {
  width: 100%;
  height: 48px;
  background-color: #41C6E5;
  transform: skewY(-45deg);
  position: relative;
  top: 1200px;
}
.top_other .border-wrap .border-navy {
  width: 100%;
  height: 16px;
  background-color: #0C3090;
  transform: skewY(-45deg);
  position: relative;
  top: 1240px;
}

/******　CONTACT ******/
.footer_contact {
  width: 100%;
  height: auto;
  background-color: #41C6E5;
}
.footer_contact .contact_inner {
  width: 80%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  justify-content: space-between;
}
.footer_contact .contact_inner .heading-wrap .heading_01 {
  color: #FFFFFF;
}
.footer_contact .contact_inner .contact-wrap {
  width: 70%;
  display: flex;
  justify-content: space-between;
}
.footer_contact .contact_inner .contact-wrap .contact-box {
  width: 100%;
  position: relative;
}
.footer_contact .contact_inner .contact-wrap .contact-box .heading_contact {
  font-size: 2rem;
  color: #FFFFFF;
  margin: 0 0 16px;
}
.footer_contact .contact_inner .contact-wrap .contact-box > .button {
  margin: 0;
}
.footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list {
  color: #FFFFFF;
  display: flex;
  align-items: flex-end;
  margin: 0 0 8px;
}
.footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list .contact-title {
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 0 8px 3px 0;
}
.footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list .contact-number {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
}
.footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list .contact-number::after {
  content: "";
  display: block;
  width: 10px;
  height: 30px;
  border-right: #FFFFFF 1px solid;
  transform: skewX(-45deg);
  margin: 0 20px 0;
}
.footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list .contact-number:last-child::after {
  content: none;
}

/******　footer ******/
.l-footer {
  width: 100%;
  height: auto;
  background-color: #0C3090;
  overflow: hidden;
  position: relative;
}
.l-footer .footer_border-yellow {
  width: 100%;
  height: 16px;
  background-color: #FCD54A;
  transform: skewY(-45deg);
  position: absolute;
  top: 0;
  left: -40%;
  z-index: 9996;
}
.l-footer .footer_inner {
  width: 90%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 9997;
}
.l-footer .footer_inner .copyright {
  color: #41C6E5;
  font-size: 1.2rem;
}

.border-yellow {
  width: 100%;
  height: 40px;
  background-color: #FCD54A;
  transform: skewY(-45deg);
  position: relative;
  top: 64px;
}

.border-blue {
  width: 100%;
  height: 24px;
  background-color: #41C6E5;
  transform: skewY(-45deg);
  position: relative;
  top: 107px;
}

/******　Google Map ******/
.gmap {
  height: 0;
  margin: 80px 0 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  z-index: 9998;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/******　第二階層以降ページ ******/
.wrapper {
  width: 100%;
  height: auto;
  padding: 80px 0;
  background-color: #F5F5F5;
  position: relative;
}
.wrapper .main_contents {
  width: 90%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 80px;
  background-color: #FFFFFF;
  position: relative;
  z-index: 9997;
}
.wrapper .main_contents .main_contents-inner {
  position: relative;
}
.wrapper .main_contents .main_contents-inner .border-navy {
  width: 10%;
  height: 10px;
  background-color: #0C3090;
  transform: skewY(-45deg);
  position: absolute;
  top: 0;
  left: -120px;
}
.wrapper .main_contents .main_contents-inner .detail_info-wrap {
  display: flex;
  justify-content: space-between;
}
.wrapper .main_contents .main_contents-inner .detail_info-wrap .detail_info-table {
  width: 70%;
}
.wrapper .main_contents .main_contents-inner .detail_info-wrap .detail_info-logo {
  width: 28%;
}
.wrapper .main_contents .main_contents-inner .detail_info-wrap .detail_info-logo > img {
  width: 100%;
}
.wrapper .main_contents .main_contents-inner .president {
  text-align: right;
  font-size: 2.5rem;
  font-weight: bold;
}
.wrapper .main_contents .main_contents-inner .president > span {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0 8px 0 0;
}
.wrapper .main_contents .main_contents-inner .information_box {
  border: #AAAAAA 1px solid;
  border-radius: 6px;
  padding: 16px;
}
.wrapper .main_contents .main_contents-inner p {
  font-size: 1.5rem;
  line-height: 1.8em;
  margin: 0 0 24px;
}
.wrapper .border-wrap {
  width: 100%;
  height: 800px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  z-index: 9996;
}
.wrapper .border-wrap .border-blue02 {
  width: 100%;
  height: 48px;
  background-color: #41C6E5;
  transform: skewY(-45deg);
  position: relative;
  top: 1200px;
}
.wrapper .border-wrap .border-navy {
  width: 100%;
  height: 16px;
  background-color: #0C3090;
  transform: skewY(-45deg);
  position: relative;
  top: 1240px;
}

/******　PORTFOLIO ******/
.portfolio_box_wrap {
  width: 90%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 9997;
}
.portfolio_box_wrap::after {
  content: "";
  display: block;
  width: 30%;
}
.portfolio_box_wrap .portfolio_box {
  width: 30%;
  height: auto;
  margin: 0 0 40px;
  padding: 40px;
  background-color: #FFFFFF;
  position: relative;
}
.portfolio_box_wrap .portfolio_box .portfolio_label {
  width: 120px;
  height: auto;
  background-color: #0C3090;
  border-radius: 0 0 6px 0;
  color: #FFFFFF;
  font-size: 1.2rem;
  text-align: center;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.portfolio_box_wrap .portfolio_box .portfolio_label02 {
  width: 120px;
  height: auto;
  background-color: #FCD54A;
  border-radius: 0 0 0 6px;
  color: #0C3090;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  right: 0;
}
.portfolio_box_wrap .portfolio_box .portfolio_logo {
  width: 80%;
  margin: 0 auto;
}
.portfolio_box_wrap .portfolio_box .portfolio_logo > img {
  width: 100%;
  height: 10vh;
  object-fit: scale-down;
}
.portfolio_box_wrap .portfolio_box .portfolio_company {
  font-size: 2rem;
  font-weight: bold;
  color: #0C3090;
  margin: 16px 0 0;
}
.portfolio_box_wrap .portfolio_box .portfolio_industry {
  width: 100%;
  height: auto;
  margin: 16px 0 0;
}
.portfolio_box_wrap .portfolio_box .portfolio_industry > dt {
  font-size: 1.5rem;
  font-weight: bold;
  color: #0C3090;
  white-space: nowrap;
}
.portfolio_box_wrap .portfolio_box .portfolio_industry > dd {
  margin: 8px 0 0;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portfolio_box_wrap .portfolio_box .button {
  margin: 16px 0 0;
}

/******　BUSINESS ******/
.column_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column_wrap .column {
  width: 46%;
  height: auto;
  margin: 0 0 80px;
  position: relative;
}

.illustration {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.illustration > img {
  width: 100%;
}

/******　ABOUT ******/
.column_wrap .column .pic_about-01 {
  width: 100%;
  height: 280px;
  border-radius: 20px;
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/pic_company_corridor.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: -30%;
  z-index: 9997;
}
.column_wrap .column .pic_about-02 {
  width: 60%;
  height: 380px;
  border-radius: 20px;
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/pic_company.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 200px;
  left: 30%;
  z-index: 9998;
}
.column_wrap .column .president {
  font-size: 2rem;
  text-align: right;
}
.column_wrap .column .president > span {
  font-size: 1.3rem;
  display: block;
  margin: 0 0 8px;
}

/******　汎用 ******/
.box_w10 {
  width: 10%;
}

.box_w20 {
  width: 20%;
}

.box_w30 {
  width: 30%;
}

.box_w40 {
  width: 40%;
}

.box_w50 {
  width: 50%;
}

.box_w60 {
  width: 60%;
}

.box_w70 {
  width: 70%;
}

.box_w80 {
  width: 80%;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/******　タブレット横 ******/
@media screen and (max-width: 1024px) {
  html.is-fixed,
html.is-fixed body {
    height: 100%;
    overflow: hidden;
  }

  /******　header ******/
  .l-header .l-header_inner {
    height: 80px;
    padding: 0 16px;
  }
  .l-header .l-header_inner .gnav_wrap {
    display: none;
  }

  /******　billboard ******/
  .billboard .billboard_catch {
    font-size: 4.5rem;
  }
  .billboard .billboard_border-wrap {
    top: -100%;
    left: -10%;
  }
  .billboard .billboard_border-wrap .billboard_border-yellow {
    top: 70%;
    left: 0;
  }
  .billboard .billboard_border-wrap .billboard_border-navy {
    top: 80%;
    left: 0;
  }

  .billboard-second {
    background-attachment: scroll;
  }

  /******　トップページ ******/
  .top_vision {
    width: 55%;
  }

  .top_other {
    padding: 64px 0 0;
  }
  .top_other .top_other_inner {
    width: 92%;
    padding: 64px 0 0;
  }
  .top_other .top_other_inner .company_info_wrap {
    width: 90%;
  }
  .top_other .top_other_inner .company_info_wrap .company_info-text {
    width: 75%;
  }
  .top_other .top_other_inner .company_info_wrap .company_info-pic {
    width: 25%;
    margin: 0 -60px 0 0;
  }
  .top_other .top_other_inner .company_info_wrap .company_info-pic > img {
    width: 100%;
    border-radius: 20px;
  }
  .top_other .top_other_inner .news_wrap {
    width: 90%;
    max-width: 1200px;
    margin: 80px 0 0;
    float: right;
    display: flex;
    justify-content: space-between;
  }
  .top_other .top_other_inner .news_wrap .news-contents {
    width: 70%;
    flex: initial;
    padding: 0 64px 0 0;
  }
  .top_other .bg_contents {
    height: 400px;
    background-attachment: scroll;
  }
  .top_other .border-wrap {
    width: 100%;
    height: 900px;
    overflow: hidden;
    position: absolute;
    bottom: 400px;
  }
  .bg_vision {
    background-attachment: scroll;
  }

  .portfolio_wrap {
    background-attachment: scroll;
  }

  /******　CONTACT ******/
  .footer_contact .contact_inner {
    padding: 64px 0;
    display: block;
  }
  .footer_contact .contact_inner .contact-wrap {
    width: 100%;
    margin: 40px 0 0;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box .heading_contact {
    text-align: center;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list {
    justify-content: center;
  }

  /******　footer ******/
  .l-footer .footer_border-yellow {
    width: 100%;
    height: 16px;
    background-color: #FCD54A;
    transform: skewY(-45deg);
    position: absolute;
    top: 0;
    left: -40%;
    z-index: 9996;
  }
  .l-footer .footer_inner {
    padding: 64px 0;
    display: block;
  }
  .l-footer .footer_inner .copyright {
    margin: 40px 0 0;
    text-align: center;
  }

  /******　第二階層以降ページ ******/
  .wrapper .main_contents .main_contents-inner .detail_info-wrap .detail_info-table {
    width: 65%;
  }
  .wrapper .main_contents .main_contents-inner .detail_info-wrap .detail_info-logo {
    width: 33%;
  }
  .wrapper .border-wrap .border-blue02 {
    top: 1000px;
  }
  .wrapper .border-wrap .border-navy {
    top: 1040px;
  }
}
/******　タブレット縦 ******/
@media screen and (max-width: 768px) {
  /******　billboard ******/
  .billboard {
    height: 700px;
  }
  .billboard .billboard_catch {
    font-size: 4rem;
  }

  .billboard-second .billboard-second_inner .heading_billboard {
    left: 5%;
  }
  .billboard-second .billboard-second_inner .heading_billboard.other {
    left: 0;
  }
  /******　トップページ ******/
  .bg_vision {
    width: 90%;
    height: 340px;
    background-attachment: scroll;
  }

  .top_about,
.top_business {
    width: 90%;
  }

  .top_portfolio {
    margin: 0;
  }

  .portfolio_wrap {
    margin: 80px 0 0;
  }

  .top_other .top_other_inner .company_info_wrap {
    width: 94%;
  }
  .top_other .top_other_inner .company_info_wrap .company_info-text {
    width: 100%;
  }
  .top_other .top_other_inner .company_info_wrap .company_info-pic {
    display: none;
  }
  .top_other .top_other_inner .news_wrap {
    width: 94%;
  }

  /******　CONTACT ******/
  .footer_contact .contact_inner {
    width: 90%;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box::after {
    display: none;
  }

  /******　第二階層以降ページ ******/
  .wrapper {
    padding: 40px 0;
  }
  .wrapper .main_contents {
    padding: 40px;
  }
  .wrapper .main_contents .main_contents-inner {
    position: relative;
  }
  .wrapper .main_contents .main_contents-inner .border-navy {
    left: -80px;
  }
  /******　PORTFOLIO ******/
  .portfolio_box_wrap .portfolio_box {
    width: 48%;
  }
  .portfolio_box_wrap .portfolio_box .portfolio_logo {
    width: 100%;
  }

  /******　BUSINESS ******/
  .column_wrap {
    display: block;
  }
  .column_wrap .column {
    width: 100%;
  }

  .illustration {
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  .illustration > img {
    width: 100%;
  }

  /******　ABOUT ******/
  .column_wrap .column .pic_about-01 {
    position: relative;
  }
  .column_wrap .column .pic_about-02 {
    width: 35%;
    height: 300px;
    position: absolute;
    top: 40px;
    left: 60%;
  }
  .column_wrap .column .president {
    font-size: 2rem;
    text-align: right;
  }
  .column_wrap .column .president > span {
    font-size: 1.3rem;
    display: block;
    margin: 0 0 8px;
  }
}
/******　スマホ縦 ******/
@media screen and (max-width: 480px) {
  /******　header ******/
  .l-header {
    height: 72px;
  }
  .l-header .l-header_inner {
    width: 100%;
    height: 72px;
    padding: 0 16px;
    border-radius: 0;
  }
  .l-header .l-header_inner .logo {
    width: 200px;
  }

  /******　billboard ******/
  .billboard {
    height: 500px;
  }
  .billboard .billboard_catch {
    top: 60%;
    font-size: 2.1rem;
  }
  .billboard .billboard_border-wrap {
    top: -85%;
    left: -20%;
  }
  .billboard .billboard_border-wrap .billboard_border-yellow {
    top: 80%;
    left: 0;
  }
  .billboard .billboard_border-wrap .billboard_border-navy {
    top: 87%;
    left: 0;
  }

  /******　トップページ ******/
  .top_vision {
    width: 90%;
    padding: 32px;
    margin: -40px 0 0;
  }

  .top_about,
.top_business {
    display: block;
    padding: 32px 0;
  }

  .heading-wrap,
.text-wrap {
    width: 100%;
  }

  .top_portfolio {
    width: 90%;
    padding: 40px;
  }

  .portfolio_wrap {
    padding: 120px 0;
    background-attachment: scroll;
  }

  .top_other {
    padding: 0;
  }
  .top_other .top_other_inner {
    width: 100%;
  }
  .top_other .top_other_inner .company_info_wrap {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .top_other .top_other_inner .company_info_wrap .company_info-text {
    width: 100%;
  }
  .top_other .top_other_inner .company_info_wrap .company_info-pic {
    display: none;
  }
  .top_other .top_other_inner .news_wrap {
    width: 90%;
    margin: 64px auto 0;
    float: none;
    display: block;
  }
  .top_other .top_other_inner .news_wrap .news-contents {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .top_other .bg_contents {
    height: 300px;
    background-attachment: scroll;
  }

  /******　CONTACT ******/
  .footer_contact .contact_inner .contact-wrap {
    display: block;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box {
    width: 100%;
    margin: 0 0 40px;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box:last-child {
    margin: 0;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box .heading_contact {
    text-align: center;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box > .button {
    margin: 0 auto;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list .contact-title {
    width: 10%;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list .contact-number {
    width: 80%;
  }
  .footer_contact .contact_inner .contact-wrap .contact-box .contact-number_list .contact-number::after {
    content: none;
  }

  .billboard-second {
    height: 320px;
    background-attachment: scroll;
  }
  .billboard-second .billboard-second_inner .breadcrumb {
    width: 100%;
    padding: 8px;
    border-radius: 0;
    overflow-x: auto;
    word-break: keep-all;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  /******　footer ******/
  .l-footer .footer_inner .copyright {
    text-align: left;
    margin: 24px 0 0;
  }

  /******　Google Map ******/
  .gmap {
    height: 300px;
    z-index: 9998;
  }
  .gmap.second {
    margin: 0;
  }

  /******　第二階層以降ページ ******/
  .wrapper {
    padding: 16px 0;
  }
  .wrapper .main_contents {
    width: 92%;
    padding: 16px;
  }
  .wrapper .main_contents .main_contents-inner .detail_info-wrap {
    display: block;
  }
  .wrapper .main_contents .main_contents-inner .detail_info-wrap .detail_info-table {
    width: 100%;
    margin: 0 0 40px;
  }
  .wrapper .main_contents .main_contents-inner .detail_info-wrap .detail_info-logo {
    width: 100%;
  }
  .wrapper .border-wrap .border-blue02 {
    top: 800px;
  }
  .wrapper .border-wrap .border-navy {
    top: 840px;
  }

  /******　PORTFOLIO ******/
  .portfolio_box_wrap .portfolio_box {
    width: 100%;
  }

  /******　BUSINESS ******/
  .illustration {
    width: 100%;
  }

  /******　ABOUT ******/
  .column_wrap .column .pic_about-01 {
    width: 100%;
    height: 200px;
    left: -20%;
  }
  .column_wrap .column .pic_about-02 {
    width: 50%;
    height: 220px;
    position: absolute;
    top: 40px;
    left: 50%;
  }
  .column_wrap .column .president {
    font-size: 2rem;
    text-align: right;
  }
  .column_wrap .column .president > span {
    font-size: 1.3rem;
    display: block;
    margin: 0 0 8px;
  }
}
/******　ハンバーガーメニュー ******/
.btn_hamburger {
  position: relative;
  width: 40px;
  height: 32px;
  cursor: pointer;
  display: none;
  z-index: 9999;
}

.btn_hamburger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #0C3090;
  border-radius: 4px;
}

.btn_hamburger span {
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
}

.btn_hamburger span:nth-of-type(1) {
  top: 0;
}

.btn_hamburger span:nth-of-type(2) {
  top: 14px;
}

.btn_hamburger span:nth-of-type(3) {
  bottom: 0;
}

.btn_hamburger.active span:nth-of-type(1) {
  transform: translateY(14px) rotate(-45deg);
}

.btn_hamburger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  animation: active-btn05-bar02 0.8s forwards;
}
@keyframes active-btn05-bar02 {
  100% {
    height: 0;
  }
}
.btn_hamburger.active span:nth-of-type(3) {
  transform: translateY(-14px) rotate(45deg);
}

/******　ボタン（共通）　******/
.button {
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: relative;
}
.button > a {
  display: inline-block;
  height: 100%;
}
.button[disabled] {
  opacity: 0.3;
  cursor: default;
}
.button[disabled]::before {
  display: none;
}
.button.disabled {
  opacity: 0.3;
}

/******　button-mini ******/
.button.button-mini {
  width: 160px;
  height: 40px;
  border: #0C3090 2px solid;
  font-family: Georgia, "Times New Roman", Times, "serif";
  font-size: 1.5rem;
  font-weight: bold;
  color: #0C3090;
  line-height: 2.5em;
  transition: all 0.2s;
}
.button.button-mini.on {
  background-color: #0C3090;
  color: #FFFFFF;
}
.button.button-mini > span {
  position: relative;
}
.button.button-mini > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 8px;
  width: 40px;
  height: 2px;
  background: #0C3090;
  transition: all 0.2s;
}
.button.button-mini > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 30px;
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-color: transparent transparent #0C3090 #0C3090;
  transform: rotate(-135deg);
  transition: all 0.2s;
}
.button.button-mini > span.on::before {
  width: 0;
  background: #FFFFFF;
}
.button.button-mini > span.on::after {
  left: 0;
  border-color: transparent transparent #FFFFFF #FFFFFF;
}

/******　button-large-w ******/
.button.button-large-w {
  width: 320px;
  height: 56px;
  border: #FFFFFF 2px solid;
  font-family: Georgia, "Times New Roman", Times, "serif";
  font-size: 2rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 2.5em;
  margin: 0 auto;
  transition: all 0.2s;
}
.button.button-large-w.on {
  background-color: #0C3090;
  border-color: #0C3090;
  color: #FFFFFF;
}
.button.button-large-w > span {
  position: relative;
}
.button.button-large-w > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 58px;
  width: 60px;
  height: 2px;
  background: #FFFFFF;
  transition: all 0.2s;
}
.button.button-large-w > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 100px;
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-color: transparent transparent #FFFFFF #FFFFFF;
  transform: rotate(-135deg);
  transition: all 0.2s;
}
.button.button-large-w > span.on::before {
  width: 0;
}
.button.button-large-w > span.on::after {
  left: 40px;
}

/******　タブレット横 ******/
@media screen and (max-width: 1024px) {
  .btn_hamburger {
    display: block;
  }
}
/******　タブレット縦 ******/
@media screen and (max-width: 768px) {
  .button.button-mini {
    width: 120px;
    height: 30px;
    font-size: 1.2rem;
    line-height: 2.3em;
  }
  .button.button-mini::after {
    top: 4px;
  }
}
/******　スマホ縦 ******/
@media screen and (max-width: 480px) {
  .button.button-mini,
.button.button-large-w {
    width: 80%;
    height: 40px;
    font-size: 1.5rem;
    line-height: 2.5em;
    margin: 0 auto;
  }
  .button.button-mini::after,
.button.button-large-w::after {
    top: 8px;
  }

  .button.button-mini > span::before {
    width: 60px;
    left: 58px;
  }
  .button.button-mini > span::after {
    left: 100px;
  }

  .button.button-large-w > span::before {
    top: 7px;
  }
  .button.button-large-w > span::after {
    top: 0;
  }
}
/******　スマホ縦　02 ******/
@media screen and (max-width: 320px) {
  .button.button-mini > span::before {
    width: 40px;
    left: 40px;
  }
  .button.button-mini > span::after {
    left: 62px;
  }

  .button.button-large-w > span::before {
    width: 40px;
    top: 7px;
    left: 40px;
  }
  .button.button-large-w > span::after {
    top: 0;
    left: 62px;
  }
}
.heading_01 {
  font-size: 4.5rem;
  font-weight: bold;
  color: #0C3090;
  letter-spacing: 0.1em;
}
.heading_01 > span {
  font-size: 1.8rem;
  letter-spacing: initial;
  display: block;
  margin: 0 0 16px;
}

.heading_02 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #0C3090;
  letter-spacing: 0.1em;
}

.heading_03 {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: #E6EEFF 2px solid;
}

.heading_03a {
  font-size: 2.5rem;
  font-weight: bold;
  color: #0C3090;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0 0 16px;
}

.heading_04 {
  font-size: 2rem;
  font-weight: bold;
  color: #0C3090;
  letter-spacing: 0.1em;
  margin: 0 0 16px;
}

.heading_05 {
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 0 0 16px;
}

.heading_06 {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 0 0 16px;
}

.heading_billboard {
  font-size: 7rem;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 15%;
}
.heading_billboard > span {
  display: block;
  font-size: 2.5rem;
}
.heading_billboard.other {
  font-size: 5rem;
  width: 100%;
  left: 0;
  text-align: center;
}

/******　タブレット横 ******/
@media screen and (max-width: 1024px) {
  .heading_01 {
    font-size: 3rem;
  }
  .heading_01 > span {
    font-size: 1.5rem;
  }

  .heading_02 {
    font-size: 2rem;
  }

  .heading_billboard {
    left: 10%;
  }
}
/******　タブレット縦 ******/
@media screen and (max-width: 768px) {
  .heading_01 {
    font-size: 3rem;
  }
  .heading_01 > span {
    font-size: 1.5rem;
  }

  .heading_02 {
    font-size: 2rem;
  }

  .heading_billboard.other {
    font-size: 4rem;
  }
}
/******　スマホ縦 ******/
@media screen and (max-width: 480px) {
  .heading_01 {
    text-align: center;
  }

  .heading_03 {
    font-size: 2rem;
  }

  .heading_04 {
    font-size: 1.7rem;
  }

  .heading_billboard {
    font-size: 5rem;
    left: 15%;
  }
  .heading_billboard > span {
    font-size: 2rem;
  }
  .heading_billboard.other {
    font-size: 3rem;
  }
}
/******　グローバルナビ ******/
.gnav_list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.gnav_list .gnav_list-item {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 0 8%;
  position: relative;
}
.gnav_list .gnav_list-item:first-child {
  margin: 0;
}
.gnav_list .gnav_list-item:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  width: 100%;
  height: 3px;
  background-color: #0C3090;
  transform: scale(0, 1);
  transform-origin: center;
  transition: transform 0.2s;
}
.gnav_list .gnav_list-item:hover:before {
  transform: scale(1);
}
.gnav_list .gnav_list-item > a.contact {
  position: relative;
}
.gnav_list .gnav_list-item > a.contact:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/icon_arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 4px;
  right: -20px;
}

.gnav_sp {
  display: none;
}

/******　トップページbillboardスライダー ******/
.slide {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 900px;
}

.slide .item {
  position: relative;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slide .item:nth-child(1) {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_top_main_01.jpg");
}

.slide .item:nth-child(2) {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_top_main_02.jpg");
}

.slide .item:nth-child(3) {
  background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_top_main_03.jpg");
}

.slide .item::before {
  display: block;
  padding-top: 39%;
  content: "";
}

.slide .item .image {
  position: relative;
  overflow: hidden;
}

.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 900px;
  object-fit: cover;
}

.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

.slide-animation {
  animation: fadezoom 8s 0s forwards;
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/******　通常リスト ******/
.normal_list {
  list-style-type: disc;
  list-style-position: inside;
}
.normal_list .normal_list-item {
  font-size: 1.5rem;
  line-height: 1.5em;
  margin: 0 0 8px;
}

/******　順番リスト ******/
.ordered_list {
  list-style-type: none;
  list-style-position: inside;
  counter-reset: item;
}
.ordered_list .ordered_list-item {
  font-size: 1.5rem;
  margin: 0 0 24px;
  line-height: 1.5em;
  display: flex;
  align-items: center;
}
.ordered_list .ordered_list-item::before {
  counter-increment: item;
  content: counter(item);
  margin: 0 8px 0 0;
  padding: 4px 10px;
  border-radius: 50%;
  background-color: #0C3090;
  color: #FFFFFF;
  display: block;
  width: 30px;
  height: 30px;
}

.normal-ordered_list {
  list-style-type: decimal;
  list-style-position: inside;
  padding: 0 0 0 40px;
}
.normal-ordered_list .normal-ordered_list-item {
  font-size: 1.5rem;
  line-height: 1.5em;
  margin: 0 0 16px;
}

.parentheses-ordered_list {
  list-style-type: none;
}
.parentheses-ordered_list .parentheses-ordered_list-item {
  font-size: 1.5rem;
  line-height: 1.5em;
  margin: 0 0 16px;
  position: relative;
  padding: 0 0 0 24px;
}
.parentheses-ordered_list .parentheses-ordered_list-item > span {
  position: absolute;
  left: 0;
  top: 0;
}
.parentheses-ordered_list.second {
  padding: 0 0 0 48px;
}
.parentheses-ordered_list.second .parentheses-ordered_list-item {
  margin: 0 0 8px;
}
.parentheses-ordered_list.second .parentheses-ordered_list-item > ol > li {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 24px;
}
.parentheses-ordered_list.second .parentheses-ordered_list-item > ol > li > span {
  position: absolute;
  left: 0;
  top: 0;
}

/******　ポートフォリオの企業ロゴスライダー ******/
.slick-prev:before,
.slick-next:before {
  color: #000;
}

.slick-next {
  right: 20px;
  z-index: 99;
}

.slick-prev {
  left: 15px;
  z-index: 100;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  color: #fff;
}

.slider .slider-item {
  background-color: #FFFFFF;
  margin: 0 16px 0;
  padding: 16px;
}
.slider .slider-item > a > img {
  width: 100%;
  height: 10vw;
  object-fit: scale-down;
}

/******　NEWSお知らせ一覧（トップページ） ******/
.top_news_list .top_news_list-item {
  font-size: 1.5rem;
  line-height: 1.5em;
  margin: 0 0 32px;
}
.top_news_list .top_news_list-item > .date {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0C3090;
}
.top_news_list .top_news_list-item > a:hover {
  text-decoration: underline;
}

/******　パンくずリスト ******/
.breadcrumb_list {
  display: flex;
  justify-content: flex-end;
}
.breadcrumb_list .breadcrumb_list-item {
  font-size: 1.3rem;
  color: #41C6E5;
  margin: 0 40px 0 0;
  position: relative;
}
.breadcrumb_list .breadcrumb_list-item:last-child {
  margin: 0;
}
.breadcrumb_list .breadcrumb_list-item::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: #FFFFFF 1px solid;
  transform: skewX(-45deg);
  position: absolute;
  top: 2px;
  right: -20px;
}
.breadcrumb_list .breadcrumb_list-item:last-child::after {
  display: none;
}
.breadcrumb_list .breadcrumb_list-item > a {
  color: #FFFFFF;
}
.breadcrumb_list .breadcrumb_list-item > a:hover {
  text-decoration: underline;
}

/******　footerリスト ******/
.footer_list {
  display: flex;
  flex-wrap: wrap;
}
.footer_list .footer_list-item {
  margin: 0 40px 0 0;
  white-space: nowrap;
}
.footer_list .footer_list-item > a {
  font-size: 1.3rem;
  color: #FFFFFF;
}
.footer_logo {
  width: 228px;
  margin: 0 40px 0 0;
  padding: 0;
}
.footer_logo img {
  height: 38px;
  width: 228px;
}

/******　NEWSお知らせ一覧 ******/
.news_list {
  margin: 40px 0 0;
}
.news_list .news_list-item {
  font-size: 1.5rem;
  line-height: 1.5em;
  margin: 0;
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: #F4F0E6 1px solid;
}
.news_list .news_list-item:last-child {
  border-bottom: none;
}
.news_list .news_list-item > .date {
  font-size: 1.5rem;
  font-weight: bold;
  color: #0C3090;
  display: block;
  width: 15%;
}
.news_list .news_list-item > a {
  display: block;
  width: 83%;
}
.news_list .news_list-item > a:hover {
  text-decoration: underline;
}
.news_list_year ul{
				display:flex;
			}
			.news_list_year li{
				margin: 0 16px 0 0;
				font-size: 1.5rem;
			}
			
			.news_list_year li a{
				display: block;
				width: 100%;
				padding: 8px 24px;
				text-decoration: none;
				border-radius: 100vh;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-transition: 0.2s;
				transition: 0.2s;
			}
			.news_list_year li a:hover{
			background-color: rgb(11 48 143 / 60%);
                        color: #FFFFFF;
			}
			.news_list_year li.current a{
				background-color: #333333;
				color: #FFFFFF;
				cursor: default;
			}

/******　タブレット横 ******/
@media screen and (max-width: 1024px) {
  .gnav_sp {
    display: none;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #0C3090;
    position: fixed;
    top: 104px;
    left: 0;
    z-index: 9998;
  }
  .gnav_sp .gnav_sp_list {
    opacity: 0;
    transition: all 0.5s;
    transform: translateY(200px);
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
  }
  .gnav_sp .gnav_sp_list.show {
    opacity: 1;
    transform: translateY(100px);
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item {
    margin: 0;
    letter-spacing: 0.1em;
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item:last-child > a {
    border-bottom: none;
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    width: 100%;
    height: auto;
    padding: 40px 0;
    border-bottom: #E6EEFF 1px solid;
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item a > span {
    display: block;
    font-size: 2rem;
    margin: 8px 0 0;
  }

  /******　footerリスト ******/
  .footer_list {
    justify-content: center;
  }
}
/******　タブレット縦 ******/
@media screen and (max-width: 768px) {
  /******　トップページbillboardスライダー ******/
  .slide {
    height: 700px;
  }

  .gnav_sp .gnav_sp_list.show {
    transform: translateY(10px);
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item {
    font-size: 3.5rem;
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item a > span {
    font-size: 1.8rem;
  }
}
/******　スマホ縦 ******/
@media screen and (max-width: 480px) {
  /******　トップページbillboardスライダー ******/
  .slide {
    height: 500px;
  }

  .slide .item:nth-child(1) {
    background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_top_main_01_sp.jpg");
  }

  .slide .item:nth-child(2) {
    background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_top_main_02_sp.jpg");
  }

  .slide .item:nth-child(3) {
    background-image: url("/wp-content/themes/kiraboshi-capital/assets/img/bg_top_main_03_sp.jpg");
  }

  .gnav_sp {
    top: 72px;
  }
  .gnav_sp .gnav_sp_list.show {
    transform: translateY(0);
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item {
    font-size: 2.2rem;
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item a {
    padding: 24px 0;
  }
  .gnav_sp .gnav_sp_list .gnav_sp_list-item a > span {
    font-size: 1.5rem;
  }

  /******　ポートフォリオの企業ロゴスライダー ******/
  .slick-next {
    display: none !important;
  }

  .slick-prev {
    display: none !important;
  }

  .slider .slider-item > a > img {
    height: 20vw;
  }

  /******　パンくずリスト ******/
  .breadcrumb_list {
    display: flex;
    justify-content: flex-start;
  }
  .breadcrumb_list .breadcrumb_list-item {
    font-size: 1.3rem;
    color: #41C6E5;
    margin: 0 40px 0 0;
    position: relative;
  }
  .breadcrumb_list .breadcrumb_list-item::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-right: #FFFFFF 1px solid;
    transform: skewX(-45deg);
    position: absolute;
    top: 2px;
    right: -20px;
  }
  .breadcrumb_list .breadcrumb_list-item:last-child::after {
    display: none;
  }
  .breadcrumb_list .breadcrumb_list-item > a {
    color: #FFFFFF;
  }
  .breadcrumb_list .breadcrumb_list-item > a:hover {
    text-decoration: underline;
  }

  /******　footerリスト ******/
  .footer_list {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .footer_list .footer_list-item {
    margin: 0 16px 16px 0;
  }

  /******　NEWSお知らせ一覧 ******/
  .news_list {
    margin: 0;
  }
  .news_list .news_list-item {
    display: block;
  }
  .news_list .news_list-item > .date {
    width: 100%;
    margin: 0 0 8px;
  }
  .news_list .news_list-item > a {
    width: 100%;
  }
}
.bordered_table {
  width: 100%;
  border-collapse: collapse;
}
.bordered_table tr .bordered_table-heading {
  width: 20%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #0C3090;
  padding: 16px 0;
  border-bottom: #0C3090 1px solid;
  white-space: nowrap;
}
.bordered_table tr .bordered_table-description {
  width: 80%;
  font-size: 1.5rem;
  line-height: 1.5em;
  padding: 16px 0;
  border-bottom: #AAAAAA 1px solid;
}

.column .bordered_table tr .bordered_table-heading {
  width: 30%;
}
.column .bordered_table tr .bordered_table-description {
  width: 70%;
}

/******　タブレット横 ******/
@media screen and (max-width: 1024px) {
  .column .bordered_table tr .bordered_table-heading {
    width: 35%;
  }
  .column .bordered_table tr .bordered_table-description {
    width: 65%;
  }
}
/******　タブレット縦 ******/
@media screen and (max-width: 768px) {
  .bordered_table tr .bordered_table-description {
    padding: 16px;
  }
}
/******　スマホ縦 ******/
@media screen and (max-width: 480px) {
  .column .bordered_table tr .bordered_table-heading {
    width: 100%;
    display: block;
  }
  .column .bordered_table tr .bordered_table-description {
    width: 100%;
    display: block;
  }
}