/*==================================================
  sunabar info (sunabar.css)
==================================================*/
.p-api_sb .p-sb_hero {
  margin-top: 92px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../../../sunabar/img/bg-pc.jpg) center center no-repeat;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    .p-api_sb .p-sb_hero {
      margin-top: 52px; } }

@media screen and (max-width: 568px) {
  .p-api_sb .p-sb_hero {
    background-image: url(../../../sunabar/img/bg-sp.jpg); } }
.p-sb_small-txt {
  font-size: 3.6rem; }
  @media screen and (max-width: 768px) {
    .p-sb_small-txt {
      font-size: 2.2rem; } }

.p-sb_logo-txt {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .p-sb_logo-txt {
      display: block; } }

.p-api_sb .p-sb_hero-title {
  flex-basis: 1000px;
  max-width: 1000px;
  margin: calc(96px + 80px) 2rem 80px;
  padding: 50px 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8); }
  .p-api_sb .p-sb_hero-title .btn-B {
    background: #fff !important; }
  @media screen and (max-width: 568px) {
    .p-api_sb .p-sb_hero-title {
      padding: 20px 20px; } }

.p-api_sb .p-sb_hero-title h2 {
  margin: 3rem 0;
  color: #fff;
  font-size: 4.5rem;
  text-align: center;
  font-weight: bold;
  font-weight: 500;
  line-height: 1; }

.p-api_sb .p-sb_hero-title img {
  display: block;
  width: 265px;
  margin: 0 auto; }

.p-api_sb .p-sb_hero-title .btn-large.btn-D {
  border-radius: 8px; }

.p-api_sb .p-sb_hero-title p {
  margin-top: 2rem;
  text-align: center;
  color: #fff; }

.p-api_sb .p-sb_hero-title p a {
  color: #fff; }

.p-api_sb .p-sb_hero-title .link-withArrow::after {
  color: #fff; }

@media screen and (max-width: 568px) {
  .p-api_sb .p-sb_hero-title {
    flex-basis: calc(100vw - 3.2rem);
    max-width: calc(100vw - 3.2rem);
    margin: calc(5rem + 52px) 0 5rem; }

  .p-api_sb .p-sb_hero-title img {
    width: 150px; }

  .p-api_sb .p-sb_hero-title h2 {
    margin: 2rem 0;
    color: #fff;
    font-size: 2.2rem;
    line-height: 1.2; }

  .p-api_sb .p-sb_hero-title p {
    font-size: 1.4rem; } }
.p-api_sb .p-api_concept {
  display: flex;
  justify-content: space-between; }
  .p-api_sb .p-api_concept li {
    position: relative;
    flex-basis: 25%;
    padding: 0 1rem; }
  .p-api_sb .p-api_concept .p-api_concept-block {
    padding: 2rem 0 1rem;
    font-size: 1.5rem;
    line-height: 1.6; }
  .p-api_sb .p-api_concept img {
    display: block;
    margin: 0 auto; }
  @media screen and (max-width: 568px) {
    .p-api_sb .p-api_concept {
      display: block; }
      .p-api_sb .p-api_concept li {
        padding: 0;
        margin-top: 3rem; }
      .p-api_sb .p-api_concept .p-api_concept-block {
        font-size: 1.4rem; } }
  @media screen and (max-width: 320px) {
    .p-api_sb .p-api_concept .p-api_concept-block {
      font-size: 1.3rem; } }

.l-container-Apply p {
  text-align: center;
  margin-top: 2rem; }
  .l-container-Apply p a {
    color: #1275ce; }
  .l-container-Apply p .link-withArrow::after {
    color: #1275ce; }

.p-api_sb .p-sb_share {
  margin-top: 2rem; }

.p-api_sb .p-sb_share ul {
  display: flex;
  justify-content: center; }

.p-api_sb .p-sb_share li {
  margin: 0 1rem; }

.p-api_sb .p-sb_news-list {
  margin-bottom: 1rem; }

.p-api_sb .p-sb_news-list li {
  margin-bottom: 1rem;
  color: #7a7a7a; }

.p-api_sb .p-sb_news-list li:last-child {
  margin-bottom: 0; }

.p-api_sb .p-sb_news-list li a {
  color: #7a7a7a; }

.p-api_sb .p-sb_news-list dl {
  display: flex; }

.p-api_sb .p-sb_news-list dt {
  display: flex;
  justify-content: flex-end;
  width: 11em; }

.p-api_sb .p-sb_news-list .tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 4.5em;
  height: 2em;
  margin-right: 1em;
  padding-right: .75em;
  padding-left: .75em;
  white-space: nowrap;
  color: #fff;
  background-color: #ffce00;
  font-size: 1.2rem;
  line-height: 1.5;
  -webkit-box-align: center;
  -webkit-box-pack: center; }

.p-api_sb .p-sb_news-list .sb-news-date {
  width: 6em; }

.p-api_sb .p-sb_news-list dd {
  width: calc(100% - 11em); }

.p-api_sb .p-sb_news-list a dd {
  text-decoration: underline; }

.p-api_sb .p-sb_news-list a:hover dd {
  text-decoration: none; }

@media screen and (max-width: 568px) {
  .p-api_sb .p-sb_news-list dl {
    display: block;
    font-size: 1.4rem; }

  .p-api_sb .p-sb_news-list dt,
  .p-api_sb .p-sb_news-list dd {
    width: 100%; }

  .p-api_sb .p-sb_news-list dt {
    justify-content: flex-start; }

  .p-api_sb .p-sb_news-list .tag {
    min-width: 4em;
    font-size: 1.1rem;
    height: 1.8em; } }
.p-api_sb .p-sb_news-all {
  text-align: right; }

.p-api_sb .p-sb_news-all a {
  color: #1275ce; }

.p-api_sb .p-sb_about {
  color: #fff;
  background: linear-gradient(to bottom right, #00a7f5, #0059d1); }

.p-api_sb .p-sb_about .heading-01,
.p-api_sb .p-sb_about .heading-02 {
  color: #fff; }

.p-api_sb .p-sb_about .heading-01::after {
  border-bottom: 2px solid #fff; }

.p-api_sb .p-api_concept .p-api_concept-block {
  text-align: center;
  font-size: 2rem; }

@media screen and (max-width: 768px) {
  .p-api_sb .p-api_concept .p-api_concept-block {
    font-size: 1.6rem; } }
@media screen and (max-width: 568px) {
  .p-api_sb .p-api_concept {
    display: flex;
    flex-wrap: wrap; }

  .p-api_sb .p-api_concept li {
    flex-basis: 50%; }

  .p-api_sb .p-api_concept .p-api_concept-block {
    font-size: 1.4rem;
    padding-top: 1rem; } }
.p-api_sb .p-sb_dev {
  color: #fff;
  background: url(../../../sunabar/img/sunabar-bg2.jpg) center center no-repeat;
  background-size: cover; }

.p-api_sb .p-sb_dev .heading-01,
.p-api_sb .p-sb_dev .heading-02 {
  color: #fff; }

.p-api_sb .p-sb_dev small {
  display: block; }

.p-api_sb .p-sb_ic {
  display: flex;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.6; }

.p-api_sb .p-sb_ic li {
  flex: 1; }

.p-api_sb .p-sb_ic img {
  display: block;
  margin: 0 auto 1rem; }

@media screen and (max-width: 568px) {
  .p-api_sb .p-sb_ic {
    font-size: 1.2rem;
    line-height: 1.3; } }
.p-api_sb .p-sb_ic1 {
  justify-content: center;
  margin-bottom: 4rem; }

.p-api_sb .p-sb_ic1 li {
  padding: 0 4rem; }

@media screen and (max-width: 568px) {
  .p-api_sb .p-sb_ic1 li {
    padding: 0; }

  .p-api_sb .p-sb_ic1 li + li {
    margin-left: 1rem; } }
.p-api_sb .p-sb_ic2 {
  justify-content: space-between;
  margin-top: 2rem; }

@media screen and (max-width: 768px) {
  .p-api_sb .p-sb_ic2 li {
    padding: 0 .5rem; } }
@media screen and (max-width: 568px) {
  .p-api_sb .p-sb_ic2 {
    flex-wrap: wrap;
    padding-left: 2rem;
    padding-right: 2rem; }

  .p-api_sb .p-sb_ic2 li {
    flex-basis: 25%;
    padding: 0 .5rem 1rem; } }
.p-api_sb .btn-sbys .btn-sbys_item {
  max-width: 320px; }

.p-api_sb .btn-sbys .btn-sbys_item small a {
  color: #1275ce; }

.p-api_sb .btn-sbys .btn-sbys_item small {
  text-align: left; }

/*# sourceMappingURL=sunabar.css.map */
/*==================================================
 sunabarinfo
==================================================*/
iframe {
  height: 100%;
  width: 100%;
  border-radius: 10px; }

.p-api_sunabarinfo {
  /*service ----------------------------------------*/
  /*twitter ----------------------------------------*/
  /*btn ----------------------------------------*/ }
  .p-api_sunabarinfo .p-api_sunabarinfo_notice {
    max-width: 1010px;
    margin: 0 auto;
    padding: 4rem 3rem 3rem;
    border: 3px solid #b3b3b3; }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice figure {
      display: block;
      margin: 4rem auto 0;
      text-align: center; }
  .p-api_sunabarinfo .p-api_sunabarinfo_notice-date {
    margin-bottom: 0.3rem;
    color: #808080;
    font-size: 2.4rem; }
    @media screen and (max-width: 568px) {
      .p-api_sunabarinfo .p-api_sunabarinfo_notice-date {
        font-size: 1.8rem; } }
  .p-api_sunabarinfo .p-api_sunabarinfo_notice-num {
    display: inline-block;
    margin-right: 1rem;
    padding: 0.6rem 1.5rem;
    background: #1275ce;
    color: #fff;
    font-weight: bold;
    line-height: 1; }
  .p-api_sunabarinfo .p-api_sunabarinfo_notice-title {
    margin-bottom: 0.8rem;
    font-weight: bold;
    line-height: 1.6; }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-title span {
      display: block; }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-title a {
      color: #1275ce; }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-title .sub-title {
      font-size: 2.4rem; }
      @media screen and (max-width: 568px) {
        .p-api_sunabarinfo .p-api_sunabarinfo_notice-title .sub-title {
          font-size: 1.8rem; } }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-title .title {
      font-size: 3rem; }
      @media screen and (max-width: 568px) {
        .p-api_sunabarinfo .p-api_sunabarinfo_notice-title .title {
          font-size: 2.2rem; } }
  .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry {
    margin-top: 3rem; }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry p {
      text-align: center; }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry a, .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry span {
      display: inline-block;
      padding: 1.2rem 6rem;
      border: 3px solid #1275ce;
      color: #1275ce;
      font-size: 2.4rem;
      line-height: 1;
      transition: all 0.2s; }
      @media screen and (max-width: 568px) {
        .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry a, .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry span {
          font-size: 2rem; } }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry a:hover {
      background: #1275ce;
      color: #fff; }
    .p-api_sunabarinfo .p-api_sunabarinfo_notice-entry span {
      border-color: #808080;
      background: #808080;
      color: #fff; }
  .p-api_sunabarinfo .p-api_sunabarinfo_report {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1015px;
    margin: auto; }
    @media screen and (max-width: 568px) {
      .p-api_sunabarinfo .p-api_sunabarinfo_report {
        display: block; } }
    .p-api_sunabarinfo .p-api_sunabarinfo_report li.p-api_sunabarinfo_report-item {
      max-width: 48%;
      width: 488px; }
      @media screen and (max-width: 568px) {
        .p-api_sunabarinfo .p-api_sunabarinfo_report li.p-api_sunabarinfo_report-item {
          max-width: none;
          width: auto; } }
  .p-api_sunabarinfo .p-api_sunabarinfo_report-item {
    position: relative;
    margin-bottom: 4.2rem;
    padding: 2.5rem;
    background: #fff;
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s; }
    @media screen and (max-width: 568px) {
      .p-api_sunabarinfo .p-api_sunabarinfo_report-item {
        max-width: none;
        width: auto; } }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-item:hover {
      /*        box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, 0.4);*/ }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-item > a {
      /*        display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;*/ }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-item .p-api_sunabarinfo_report-form {
      text-align: right; }
      .p-api_sunabarinfo .p-api_sunabarinfo_report-item .p-api_sunabarinfo_report-form a {
        color: #1275ce; }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-item .link-withArrow::after {
      font-family: icomoon;
      font-size: 1.5em;
      line-height: 1;
      display: inline-block;
      width: 16px;
      padding: 0 0 .1em 0;
      content: '\e903';
      vertical-align: middle;
      text-indent: 0;
      color: #1275ce; }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-item figure {
      margin-bottom: 2rem;
      text-align: center; }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-item h3 {
      margin-bottom: 2.3rem;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center; }
      @media screen and (max-width: 568px) {
        .p-api_sunabarinfo .p-api_sunabarinfo_report-item h3 {
          font-size: 2rem; } }
  .p-api_sunabarinfo .p-api_sunabarinfo_report-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center; }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-title img {
      display: inline-block;
      max-width: 41px;
      max-height: 44px;
      margin: 0 1.4rem 0 0; }
      @media screen and (max-width: 568px) {
        .p-api_sunabarinfo .p-api_sunabarinfo_report-title img {
          max-width: 32px;
          max-height: 35px;
          margin: 0 1.4rem 0 0; } }
  .p-api_sunabarinfo .p-api_sunabarinfo_report-service {
    margin-bottom: 4.8rem;
    text-align: center; }
    .p-api_sunabarinfo .p-api_sunabarinfo_report-service a {
      color: #1275ce; }
  .p-api_sunabarinfo .p-api_sunabarinfo-eng {
    display: flex;
    align-items: center; }
    .p-api_sunabarinfo .p-api_sunabarinfo-eng .p-api_sunabarinfo-eng_img {
      width: 48%; }
    .p-api_sunabarinfo .p-api_sunabarinfo-eng figure img {
      max-width: 168px; }
    .p-api_sunabarinfo .p-api_sunabarinfo-eng .btn-sbys {
      display: block; }
    .p-api_sunabarinfo .p-api_sunabarinfo-eng .btn-sbys li:first-child {
      margin: 0 0 4.8rem 0; }
    @media screen and (max-width: 568px) {
      .p-api_sunabarinfo .p-api_sunabarinfo-eng {
        display: block; }
        .p-api_sunabarinfo .p-api_sunabarinfo-eng .p-api_sunabarinfo-eng_img {
          width: 100%; }
        .p-api_sunabarinfo .p-api_sunabarinfo-eng .btn-sbys li:first-child {
          margin: 2.4rem 0 0 0; }
        .p-api_sunabarinfo .p-api_sunabarinfo-eng .btn-sbys li {
          margin: 2.4rem 0 0 0; } }
  .p-api_sunabarinfo .p-event_twitter {
    max-width: 1015px;
    margin: 0 auto 0;
    /*  padding: 0rem 1.5rem;*/ }
    .p-api_sunabarinfo .p-event_twitter .heading-03 {
      margin-bottom: 3rem;
      text-align: center; }
      .p-api_sunabarinfo .p-event_twitter .heading-03::before {
        display: none; }
  .p-api_sunabarinfo .p-sunabar_twitter {
    margin-top: 3rem !important; }
  .p-api_sunabarinfo .p-event_twitter-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 5rem;
    margin-bottom: 4rem; }
    @media screen and (max-width: 768px) {
      .p-api_sunabarinfo .p-event_twitter-list {
        justify-content: center; }
        .p-api_sunabarinfo .p-event_twitter-list figure {
          width: 30%;
          min-width: 30%; } }
    .p-api_sunabarinfo .p-event_twitter-list li {
      display: flex;
      margin-bottom: 2rem;
      width: 33.333%; }
      @media screen and (max-width: 768px) {
        .p-api_sunabarinfo .p-event_twitter-list li {
          width: 100%;
          margin: 0 2rem 2rem; } }
      .p-api_sunabarinfo .p-event_twitter-list li p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 2.4rem; }
      .p-api_sunabarinfo .p-event_twitter-list li .p-event_twitter-name-l {
        text-align: left;
        margin-top: 0;
        padding: 0 1.4rem; }
    .p-api_sunabarinfo .p-event_twitter-list .p-event_twitter-name {
      margin-bottom: 1rem;
      color: #666;
      font-size: 1.6rem; }
      @media screen and (max-width: 568px) {
        .p-api_sunabarinfo .p-event_twitter-list .p-event_twitter-name {
          font-size: 1.6rem; } }
  .p-api_sunabarinfo .p-api_sunabarinfo-support {
    margin-bottom: 4.8rem;
    font-size: 2.2rem; }
    @media screen and (max-width: 568px) {
      .p-api_sunabarinfo .p-api_sunabarinfo-support {
        font-size: 1.8rem; } }
  .p-api_sunabarinfo .p-api_sunabarinfo-btn {
    display: flex;
    align-items: flex-start; }
    @media screen and (max-width: 568px) {
      .p-api_sunabarinfo .p-api_sunabarinfo-btn {
        display: block; } }

/*-----------------------------------------------
  modal-contents
-----------------------------------------------*/
.modal-contents {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0; }
  .modal-contents.flex {
    display: flex;
    animation: fadeIn 0.2s ease-in 0s forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.modal-wrap {
  display: none;
  position: relative;
  background: #fff;
  width: 70%;
  height: 70%;
  text-align: center;
  border-radius: 10px; }
  @media screen and (max-width: 768px) {
    .modal-wrap {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      max-width: 100%;
      max-height: 50%; } }
  .modal-wrap h2 {
    margin-bottom: 3.8rem;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center; }
  .modal-wrap .modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    padding-left: 30px;
    background: url("/assets/business/financing/index/img/modal-close.png") left center no-repeat;
    color: #6f747b;
    font-size: 1.4rem;
    line-height: 1.8rem;
    cursor: pointer;
    transition: all .2s; }
    .modal-wrap .modal-close:hover {
      opacity: .7; }

.p-sunabarinfo_report_movie {
  position: relative;
  margin-bottom: 4.2rem;
  padding: 2.5rem;
  background: #fff;
  box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s; }

.p-sunabarinfo_report_movie-title {
  margin-bottom: 2.3rem;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .p-sunabarinfo_report_movie-title {
      font-size: 2rem; } }
  .p-sunabarinfo_report_movie-title img {
    margin-right: 1rem; }

.modal-link {
  display: inline-block;
  text-align: center; }
  .modal-link img {
    margin: 0 auto; }

.modal-link-box {
  text-align: center;
  padding: 1rem 1rem 2rem; }

.p-sunabarinfo_report_movie-caption {
  text-align: center !important;
  font-size: 2rem;
  font-weight: bold; }
  @media screen and (max-width: 768px) {
    .p-sunabarinfo_report_movie-caption {
      font-size: 1.8rem; } }

.p-play-time {
  text-align: center !important;
  padding: .5rem 1rem;
  border: 1px solid #808080;
  color: #808080;
  display: inline-block; }

.p-sunabarinfo_report_demo_movie {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.p-sunabarinfo_report_demo_movie li {
  width: 50%; }
  @media screen and (max-width: 768px) {
    .p-sunabarinfo_report_demo_movie li {
      width: 100%; } }

.tag {
  background: #ed1e79 !important; }

.tag.end-news {
  background: #808080 !important; }

.p-api .l-breadcrumb_wrap {
  margin-top: 92px;
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .p-api .l-breadcrumb_wrap {
      margin-top: 52px;
      margin-bottom: 0; } }

.p-sb_hero-title {
  margin: 80px 2rem 80px !important; }
  @media screen and (max-width: 768px) {
    .p-sb_hero-title {
      margin: 2rem 0 2rem !important; } }

.p-local-menu-list {
  display: flex;
  justify-content: space-around; }
  @media screen and (max-width: 768px) {
    .p-local-menu-list {
      flex-wrap: wrap; } }
  .p-local-menu-list_item {
    width: 25%;
    text-align: center;
    border: 1px solid #fff;
    position: relative; }
    @media screen and (max-width: 768px) {
      .p-local-menu-list_item {
        width: 50%; } }
    .p-local-menu-list_item a {
      padding: 2rem 3rem 4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      height: 100%; }
      @media screen and (max-width: 768px) {
        .p-local-menu-list_item a {
          padding: 2rem 3rem 3rem; } }
      .p-local-menu-list_item a > span:before {
        position: absolute;
        left: 50%;
        /* top: 0; */
        bottom: 4px;
        font-size: 2.6rem;
        transform: translateX(-50%); }

.p-sunabar-content-intro {
  background: #fff;
  padding: 3rem 4rem;
  margin-bottom: 4.8rem; }
  @media screen and (max-width: 768px) {
    .p-sunabar-content-intro {
      padding: 2rem 2rem; } }
  .p-sunabar-content-intro h3.heading-02 {
    color: #24272b !important; }
  .p-sunabar-content-intro p {
    color: #24272b !important; }
  .p-sunabar-content-intro .p-sb_news-list {
    margin-top: 3.6rem; }
    @media screen and (max-width: 568px) {
      .p-sunabar-content-intro .p-sb_news-list {
        margin-top: 1.8rem; } }
    .p-sunabar-content-intro .p-sb_news-list .sb-news-date {
      width: 11em; }
    .p-sunabar-content-intro .p-sb_news-list dt {
      width: 15em; }
      @media screen and (max-width: 568px) {
        .p-sunabar-content-intro .p-sb_news-list dt {
          width: 100%; } }
    .p-sunabar-content-intro .p-sb_news-list dd {
      width: calc(100% - 16em); }
      @media screen and (max-width: 568px) {
        .p-sunabar-content-intro .p-sb_news-list dd {
          width: 100%;
          margin-top: 0.4rem; } }
    .p-sunabar-content-intro .p-sb_news-list li {
      margin-bottom: 2rem; }
    .p-sunabar-content-intro .p-sb_news-list .start-tag, .p-sunabar-content-intro .p-sb_news-list .end-tag, .p-sunabar-content-intro .p-sb_news-list .entry-tag {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      min-width: 4.5em;
      height: 2em;
      margin-right: 1em;
      padding-right: .75em;
      padding-left: .75em;
      white-space: nowrap;
      color: #fff;
      font-size: 1.2rem;
      line-height: 1.5;
      -webkit-box-align: center;
      -webkit-box-pack: center; }
    .p-sunabar-content-intro .p-sb_news-list .start-tag {
      background: #ed1e79 !important; }
    .p-sunabar-content-intro .p-sb_news-list .end-tag {
      background: #808080 !important; }
    .p-sunabar-content-intro .p-sb_news-list .entry-tag {
      background: #ff1744 !important; }

.p-sunabar-content-intro-list {
  display: flex; }
  @media screen and (max-width: 768px) {
    .p-sunabar-content-intro-list {
      flex-direction: column; } }
  .p-sunabar-content-intro-list > li {
    padding: 1rem; }
    @media screen and (max-width: 768px) {
      .p-sunabar-content-intro-list > li {
        padding: 1rem 0; } }
  .p-sunabar-content-intro-list > li:nth-of-type(1) {
    width: 60%; }
    @media screen and (max-width: 768px) {
      .p-sunabar-content-intro-list > li:nth-of-type(1) {
        width: 100%; } }
  .p-sunabar-content-intro-list > li:nth-of-type(2) {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .p-sunabar-content-intro-list > li:nth-of-type(2) {
        width: 100%; } }

.p-sunabar-content-intro .btn-sbys {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%; }

.p-sunabar-content-intro .btn-sbys_item {
  margin: 0 0 1rem !important;
  max-width: 370px !important;
  width: 100%;
  min-width: 290px !important; }

.p-sunabar-content-intro .btn-sbys_item:nth-of-type(2) {
  margin-top: 2rem; }
  @media screen and (max-width: 768px) {
    .p-sunabar-content-intro .btn-sbys_item:nth-of-type(2) {
      margin-top: 0;
      margin-bottom: 0; } }

.p-blue-txt-color {
  color: #1275ce; }

.p-intro-img-text {
  display: flex; }
  @media screen and (max-width: 768px) {
    .p-intro-img-text {
      flex-direction: column;
      justify-content: center; } }
  .p-intro-img-text li {
    padding: 1rem; }
    @media screen and (max-width: 768px) {
      .p-intro-img-text li {
        width: 100% !important; } }
    .p-intro-img-text li:first-child {
      width: 35%; }
    .p-intro-img-text li:last-child {
      width: 65%; }

.p-intro-img-text li:first-child {
  width: 35%; }
  @media screen and (max-width: 768px) {
    .p-intro-img-text li:first-child {
      display: flex;
      justify-content: center; } }

.p-intro-img-text li:last-child {
  width: 65%; }

.p-sunabar-top-content {
  padding-bottom: 3rem; }
  @media screen and (max-width: 768px) {
    .p-sunabar-top-content {
      padding-bottom: 1.5rem; } }

.p-sunabar-bottom-content {
  padding-top: 3rem;
  border-top: 2px solid #eee; }
  @media screen and (max-width: 768px) {
    .p-sunabar-bottom-content {
      padding-top: 1.5rem; } }

.p-sunabar-content-intro .heading-02 {
  margin-bottom: 0; }

.p-sunabar-head-title {
  margin-bottom: 3.6rem;
  margin-top: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media screen and (max-width: 568px) {
    .p-sunabar-head-title {
      margin-bottom: 0.8rem;
      margin-top: 0; } }
  .p-sunabar-head-title .p-sunabar-head-ico {
    margin-right: 2rem;
    position: absolute;
    left: 0%; }
    @media screen and (max-width: 568px) {
      .p-sunabar-head-title .p-sunabar-head-ico {
        position: static;
        max-width: 62px;
        margin-right: 0.7rem; } }

.p-api .table-B th,
.p-api .table-B td {
  color: #24272b;
  padding: .6rem .8rem;
  font-size: 1.4rem; }

.p-api .table-B thead th {
  background: #e6e6e6; }

.p-api .table-B tbody tr:first-child {
  border-top-width: 1px; }

.p-api .table-B tbody th {
  background: #eee;
  font-weight: bold; }

.p-api .table-B tbody td {
  background: #fff;
  text-align: left; }

.p-api .table-B tbody td:not(:last-child) {
  text-align: left; }

.table-B th, .p-api .table-B td {
  padding: .6rem .8rem;
  font-size: 1.2rem; }

.sunabar-red {
  color: #ed1e79; }

.p-consultation-box {
  padding: 2rem;
  border: 2px solid #298FCE;
  margin: 2.4rem 0; }

/*-----------------------------------------------
  partner
-----------------------------------------------*/
.p-partner {
  display: block;
  max-width: 960px;
  margin: 100px auto 0; }
  @media screen and (max-width: 768px) {
    .p-partner {
      margin-top: calc(50/375 * 100vw); } }
  .p-partner_inner {
    display: flex;
    width: 100%;
    min-height: 100px;
    align-items: center;
    justify-content: center;
    background: #00a5f3;
    background: linear-gradient(90deg, #00a5f3 0%, #00a5f3 30%, #0059cf 100%);
    position: relative;
    padding-left: 185px;
    padding-right: 150px; }
    @media screen and (max-width: 768px) {
      .p-partner_inner {
        flex-direction: column;
        justify-content: flex-start;
        background: #0059cf;
        background: linear-gradient(to top, #0059cf 0%, #00a5f3 70%);
        min-height: calc(145/375 * 100vw);
        padding-left: 0;
        padding-right: 0; } }
    .p-partner_inner:hover {
      opacity: 0.7; }
      @media screen and (max-width: 768px) {
        .p-partner_inner:hover {
          opacity: 1; } }
  .p-partner_read {
    display: flex;
    width: 170px;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 2px solid #1275cc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto !important;
    font-size: 2.6rem;
    font-weight: bold;
    color: #1275cc; }
    @media screen and (max-width: 768px) {
      .p-partner_read {
        width: calc(136/375 * 100vw);
        height: calc(36/375 * 100vw);
        border-width: 0;
        position: relative;
        bottom: auto;
        font-size: calc(16/375 * 100vw); } }
    .p-partner_read::before, .p-partner_read::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      width: 0;
      height: 0;
      border-style: solid; }
    .p-partner_read::before {
      border-width: 8px 0 8px 13px;
      border-color: transparent transparent transparent #fff;
      z-index: 10;
      right: -12px; }
      @media screen and (max-width: 768px) {
        .p-partner_read::before {
          border-right: calc(12/375 * 100vw) solid transparent;
          border-left: calc(12/375 * 100vw) solid transparent;
          border-top: calc(12/375 * 100vw) solid #ffffff;
          border-bottom: 0;
          top: auto;
          left: 0;
          right: 0;
          bottom: calc(-10/375 * 100vw);
          margin: 0 auto; } }
    .p-partner_read::after {
      border-width: 10px 0 10px 16px;
      border-color: transparent transparent transparent #1275cc;
      z-index: 5;
      right: -16px; }
      @media screen and (max-width: 768px) {
        .p-partner_read::after {
          display: none; } }
  .p-partner_title {
    text-align: center;
    color: #fff;
    margin-top: 0 !important; }
    @media screen and (max-width: 768px) {
      .p-partner_title {
        margin-top: calc(18/375 * 100vw) !important; } }
    .p-partner_title span:first-of-type {
      display: block;
      width: fit-content;
      font-size: 2.6rem;
      font-weight: bold;
      line-height: 1.53;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .p-partner_title span:first-of-type {
          font-size: calc(18/375 * 100vw); } }
    .p-partner_title span:last-of-type {
      display: block;
      width: fit-content;
      font-size: 2.0rem;
      font-weight: bold;
      line-height: 2;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .p-partner_title span:last-of-type {
          font-size: calc(15/375 * 100vw); } }
  .p-partner_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 40px;
    background-color: #fff;
    margin-top: 0 !important;
    position: absolute;
    z-index: 10;
    right: 2px;
    bottom: 2px;
    font-size: 1.4rem;
    color: #1275cc; }
    @media screen and (max-width: 768px) {
      .p-partner_link {
        width: calc(140/375 * 100vw);
        height: calc(32/375 * 100vw);
        font-size: calc(14/375 * 100vw);
        right: 0;
        bottom: 0; } }
    .p-partner_link::after {
      content: "";
      display: block;
      width: 10px;
      height: 12px;
      background: url("../img/icon-link-arrow.svg") no-repeat center;
      background-size: contain;
      margin-left: 6px; }

/*# sourceMappingURL=style-260604.css.map */