@charset "UTF-8";

/*==================================
コネクトコーポレート、新CSS
===================================*/


/*   
reCAPTCHA ロゴ消す
*/
.grecaptcha-badge {
  visibility: hidden;
}

@media all and (min-width:751px) {

  .pc_only {
    display: block;
  }

  .sp_only {
    display: none !important;
  }
}

@media all and (min-width: 751px) and (max-width: 999px) {
  .u-hide-tab {
    display: none;
  }
}


@media all and (max-width:750px) {

  .pc_only {
    display: none !important;
  }

  .sp_only {
    display: block;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

#newcss {
  font-weight: normal;
  line-height: 1.75;
  font-size: 16px;
  top: -29px;
  /*   
  font-family: 'Noto Sans CJK JP', 'Noto SansJP';
*/
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", 'Noto Sans CJK JP', 'Noto SansJP', sans-serif;
  position: relative;
}

#newcss .wrapper {
  width: 1000px;
  margin: 0 auto;
  padding: 60px 20px 30px;
}

@media screen and (max-width:768px) {
  #newcss .wrapper {
    width: 100%;
  }
}

#newcss .headline_box {
  display: flex;
  flex-direction: column;
  line-height: 2.2em;
}

#newcss3 .en_headline {
  color: #F5A623;
  font-family: "Bebas Neue";
  font-size: 1.3em;
  letter-spacing: 0.2em;
  margin: -5px 0px;

}

#newcss .en_headline.sub {
  color: #DC5D59;
}


#newcss .sub_headline {
  color: #123261;
  font-weight: bold;
}

#newcss .main_headline {
  color: #123261;
  font-weight: bold;
  font-size: 1.9em;
}

#newcss .headline_box:after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background-color: #F5A623;
  margin-bottom: 8px;
  margin: 20px 0px 20px;
}

#newcss .headline_box.sub:after {
  background-color: #DC5D59;
}

#newcss .orange {
  color: #F5A623;
}

#newcss .blue {
  color: #005BAC;
}

/*==================================
 comic
 ===================================*/
#newcss #comic {}

#newcss #comic .warrer {
  max-width: 1180px;
}


#newcss #comic img {
  margin-bottom: 25px;
  width: 100%;
  height: auto;
}

#newcss #comic .top_box {
  width: 100%;
  display: flex;
  justify-content: start;
  text-align: left;
  font-size: 32px;
  font-weight: 600;

  border-bottom: #094e9c solid 2px;
  margin-bottom: 25px;
  color: #3c3c3c;

}

#newcss #comic .comic_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  margin: 0 auto;
}


#newcss #comic .bottom_box {
  width: 100%;
  display: flex;
  justify-content: center;
}

#newcss #comic a {
  text-decoration: none;
}



#newcss #comic .box_link {
  /* テキストとアイコンの間 */
  cursor: pointer;
  transition: transform 0.3s ease;

  display: flex;
  justify-content: start;
  align-items: center;
  gap: 24px;

  color: var(--color-primary-30, #005BAC);

  /* typography/default/body/normal/lg */
  font-family: "BIZ UDPGothic";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 179%;
  /* 32.22px */
  letter-spacing: 2.16px;
  margin-top: 40px;
}

#newcss #comic .box_link .link_arrow {
  transition: transform 0.3s ease;
}

#newcss #comic .box_link:hover .link_arrow {
  transform: scale(1.3);
}

#newcss #comic .box_link:hover {
  transform: translateX(5px);
  /* テキスト全体がちょっと右に動く */
}

@media screen and (max-width: 768px) {

  #newcss #comic .top_box {
    font-size: 24px;
  }

  #topnew04 #comic img {
    margin-bottom: 10px;
  }

  #newcss #comic .comic_box {
    max-width: 100%;
  }
}

/*==================================
セキュリティーシール改行対策用
===================================*/
#newcss .gmoGroupSecurity a {
  display: inline-block !important;
}



/* Header対策 */

header {
  margin-top: 26px;
}

@media screen and (max-width:768px) {
  header {
    margin-top: 0px;
  }
}

/* サイトシール対策 20250707改訂*/

.corporate_logo {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 20px 10px;
  display: flex;
  justify-content: start;
}

.corporate_logo img {
  height: 18px;
  width: auto;

}

@media only screen and (max-width: 768px) {
  .corporate_logo {
    justify-content: center;
  }
}

.site_seal {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.site_seal img {
  width: 115px;
  height: 57px;
}

.site_seal div.site_seal_left {
  padding: 40px 5px 40px 115px;
}

.site_seal div.site_seal_center {
  padding: 40px 5px 0px 5px;
}

.site_seal div.site_seal_right {
  padding: 40px 115px 40px 5px;
}

@media only screen and (max-width: 768px) {

  .site_seal {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
  }


  .site_seal a {
    display: block !important;
  }

  .site_seal div.site_seal_left {
    padding: 40px 5px 40px 0px;
  }

  .site_seal div.site_seal_center {
    padding: 0px 5px 0px 5px;
  }

  .site_seal div.site_seal_right {
    padding: 40px 0px 40px 5px;
  }

}

.footer_area_bg {
  background-color: #fff;

}


/*==================================
  *{
    outline: 2px red solid;
  }
===================================*/