@charset "UTF-8";

.hs_cos_wrapper body {
  font-family: /*'Noto Sans JP', */"ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "MS Pゴシック", sans-serif;
  letter-spacing: 0.12em;
  line-height: 1.8;
  font-size: 14px;
  color: #53565A;
  -webkit-text-size-adjust: 100%;
  position: relative;
  text-align: left
}

/* メインコンテンツ全体を中央寄せ＋左右余白 */
.hs_cos_wrapper {
  max-width: 1080px;      /* コンテンツの最大幅（好みで 900〜1200px くらい） */
  margin: 0 auto;         /* 画面中央に配置 */
  padding: 10px 40px 0px;  /* 上:10px  左右:40px  下:10px の余白 */
}

/* 一番下の灰色背景セクションだけ、背景をフル幅にする */
.ft-contact {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.hs_cos_wrapper h1,
.hs_cos_wrapper h2,
.hs_cos_wrapper h3,
.hs_cos_wrapper h4,
.hs_cos_wrapper h5,
.hs_cos_wrapper h6 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1.4;
}

/* 見出しサイズ */
.hs_cos_wrapper h1 {
  font-size: 32px;
}

.hs_cos_wrapper h2 {
  font-size: 32px;
}

.hs_cos_wrapper h3 {
  font-size: 32px;
}

.hs_cos_wrapper h4 {
  font-size: 32px;
}

.hs_cos_wrapper h5 {
  font-size: 32px;
}

.hs_cos_wrapper h6 {
  font-size: 32px;
}

.hs_cos_wrapper p {
  font-size: 16px;
  margin-bottom: 10px;
}

/* テキストの見た目調整 */
.cont_wrap .txt p {　
  letter-spacing: 0.12em;
  line-height: 1.8;　   /*リッチテキストの行間調整*/
  font-size: 14px;  
  margin: 0 0 1.2em    /*段落と段落の間の余白（改行感）*/ 
}

/*共創ステップの画像表示について*/

/* 画像を中央寄せにする段落 */
.img-center {
  text-align: center;    /* 中央寄せのポイント */
}

.pc-only,
.sp-only {
  display: block;        /* ブロック要素にする */
  max-width: 100%;       /* 親幅を超えない */
  width: 90%; 
  height: auto;          /* 縦横比を維持 */ 
  margin: 0px auto 0;   /* 上8px・左右autoで中央寄せ */
}

.pc-only {                 /* 769px 以上をPCとみなす */
  display: block;
}
.sp-only {
  display: none;
}

@media (max-width: 768px) {  /* 768px 以下をスマホとみなす */
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
}


/* リッチテキスト内のリンク */
.hs_cos_wrapper a {
  color: #0073e6;
  text-decoration: underline;
}

.hs_cos_wrapper .hs-image {
  display: block;
  margin: 0 auto;
}

.hs_cos_wrapper img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.hs_cos_wrapper img {
  margin-left: 24px;  /* 画像の左側に余白を追加 */
}

.hs_cos_wrapper .hs-button {
  background-color: #0073e6;
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
}

.hs_cos_wrapper .hs-button:hover {
  background-color: #005bb5;
}

.hs_cos_wrapper .hs-button {
  display: block;
  margin: 16px auto;
}

/*リンク　ボタンデザイン*/
#hs_cos_wrapper_widget_1780623343319　.btn-wrap .btn ul li a,
#hs_cos_wrapper_widget_1784203966220　.btn-wrap .btn ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 18px;
    font-size: 1.8rem;
    height: 64px;
    justify-content: center;
    width: 300px
}

#hs_cos_wrapper_widget_1780623343319.btn-wrap .btn ul li a.download,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.download {
    background: #40d3c2;
    border: 1px solid #40d3c2
}

#hs_cos_wrapper_widget_1780623343319 .btn-wrap .btn ul li a.download:before,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.download:before {
    background-color: #333;
    content: "";
    height: 1em;
    -webkit-mask: url(/hubfs/21059493/common/ic_download.svg) no-repeat 0 0/contain;
    mask: url(/hubfs/21059493/common/ic_download.svg) no-repeat 0 0/contain;
    width: 1em
}

#hs_cos_wrapper_widget_1780623343319 .btn-wrap .btn ul li a.download:hover,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.download:hover {
    background-color: #333;
    color: #40d3c2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#hs_cos_wrapper_widget_1780623343319 .btn-wrap .btn ul li a.download:hover:before,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.download:hover:before {
    background-color: #40d3c2
}

#hs_cos_wrapper_widget_1780623343319 .btn-wrap .btn ul li a.contact,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.contact {
    background: #0073c3;
    border: 1px solid #0073c3;
    color: #fff
}

#hs_cos_wrapper_widget_1780623343319 .btn-wrap .btn ul li a.contact:before,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.contact:before {
    background-color: #fff;
    content: "";
    height: 1em;
    margin-top: 4px;
    -webkit-mask: url(/hubfs/21059493/common/ic_mail2.svg) no-repeat 0 0/contain;
    mask: url(/hubfs/21059493/common/ic_mail2.svg) no-repeat 0 0/contain;
    width: 1em
}

#hs_cos_wrapper_widget_1780623343319 .btn-wrap .btn ul li a.contact:hover,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.contact:hover {
    background-color: #fff;
    color: #0073c3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#hs_cos_wrapper_widget_1780623343319 .btn-wrap .btn ul li a.contact:hover:before,
#hs_cos_wrapper_widget_1784203966220 .btn-wrap .btn ul li a.contact:hover:before {
    background-color: #0073c3
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink,
#hs_cos_wrapper_widget_1784203966220 .anchorlink {
    padding: 40px 0
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink ul,
#hs_cos_wrapper_widget_1784203966220 .anchorlink ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    justify-content: center
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink ul li,
#hs_cos_wrapper_widget_1784203966220 .anchorlink ul li {
    display: flex;
    width: calc(25% - 12px)
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink ul li a,
#hs_cos_wrapper_widget_1784203966220 .anchorlink ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border: 1px solid #0073c3;
    border-radius: 4px;
    color: #0073c3;
    font-size: 18px;
    font-size: 1.8rem;
    justify-content: center;
    padding: 1em 2em;
    position: relative;
    width: 100%;
    word-break: break-all
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink ul li a:after,
#hs_cos_wrapper_widget_1784203966220 .anchorlink ul li a:after {
    background: url(/hubfs/21059493/solution/arrow_b.svg) no-repeat top/97%;
    content: "";
    height: 1em;
    position: absolute;
    right: 12px;
    width: 1em
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink ul li.ic_r a:after,
#hs_cos_wrapper_widget_1784203966220 .anchorlink ul li.ic_r a:after {
    transform: rotate(-90deg)
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink ul li a:hover,
#hs_cos_wrapper_widget_1784203966220 .anchorlink ul li a:hover {
    background-color: #0073c3;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink ul li a:hover:after,
#hs_cos_wrapper_widget_1784203966220 .anchorlink ul li a:hover:after {
    background: url(/hubfs/21059493/solution/arrow_w.svg) no-repeat top/97%
}

#hs_cos_wrapper_widget_1780623343319 .anchorlink .txt01,
#hs_cos_wrapper_widget_1784203966220 .anchorlink .txt01 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.2;
    margin-top: 40px;
    text-align: center
}

#hs_cos_wrapper_widget_1780623343319 .pagelink ul,
#hs_cos_wrapper_widget_1784203966220 .pagelink ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 60px;
    justify-content: space-between
}

#hs_cos_wrapper_widget_1780623343319 .pagelink ul li,
#hs_cos_wrapper_widget_1784203966220 .pagelink ul li {
    margin-top: auto;
    width: 100%
}

#hs_cos_wrapper_widget_1780623343319 .pagelink .btn,
#hs_cos_wrapper_widget_1784203966220 .pagelink .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #d0d0d0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    justify-content: space-between;
    margin: 0;
    padding: 8px 0 11px;
    position: relative
}

#hs_cos_wrapper_widget_1780623343319 .pagelink .btn:before,
#hs_cos_wrapper_widget_1784203966220 .pagelink .btn:before {
    background: #0073c3;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    width: 100%
}

#hs_cos_wrapper_widget_1780623343319 .pagelink .btn:after,
#hs_cos_wrapper_widget_1784203966220 .pagelink .btn:after {
    background: url(/hubfs/21059493/solution/arrow_r.svg) no-repeat top/contain;
    content: "";
    height: 36px;
    margin-right: 12px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.5em
}

#hs_cos_wrapper_widget_1780623343319 .pagelink .btn:hover,
#hs_cos_wrapper_widget_1784203966220 .pagelink .btn:hover {
    color: #0073c3
}

#hs_cos_wrapper_widget_1780623343319 .pagelink .btn:hover:before,
#hs_cos_wrapper_widget_1784203966220 .pagelink .btn:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

#hs_cos_wrapper_widget_1780623343319 .pagelink .btn:hover:after,
#hs_cos_wrapper_widget_1784203966220 .pagelink .btn:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

/* コンテナごと中央寄せ */
#hs_cos_wrapper_widget_1780623343319 .pagelink,
#hs_cos_wrapper_widget_1784203966220 .pagelink {
  text-align: center;
}

/* ボタン自体も真ん中にまとまるようにする */
#hs_cos_wrapper_widget_1780623343319 .pagelink .btn,
#hs_cos_wrapper_widget_1784203966220 .pagelink .btn {
  display: inline-flex;       /* 中身の幅だけのボタンにする */
  align-items: center;        /* 矢印とテキストの縦位置を揃える */
  justify-content: center;    /* 余白があっても中央寄せ */
}

/* 通常時の文字色（現在の青など） */
.pagelink .btn {
  color: #53565A;
  text-decoration: none;/* 下線を消す */
}
/* ホバー時に文字色を変更 */
.pagelink .btn:hover {
color: #007AC3;  
}

/*リンクボタンデザイン　ここまで*/


.hs_cos_wrapper form {
  max-width: 600px;
  margin: 0 auto;
}

.hs_cos_wrapper input,
.hs_cos_wrapper textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* お問い合わせフォーム全体の背景を灰色にする */
#hs_cos_wrapper_widget_1780351899108 {
  background-color: #f5f5f5;  /* 好きなグレーに変更可 */
  padding: 32px 32px 40px;    /* ブロック内の余白 */
  border-radius: 8px;         /* 角丸（不要なら削除） */
}

/* コンテンツ幅に合わせたい場合（任意） */
.hs_cos_wrapper_type_form {
  margin: 40px auto;           /* 上下の余白＋中央寄せ */
}

/* 対象フォームの入力欄・テキストエリア・セレクトを白背景にする */
#hs_cos_wrapper_widget_1780351899108 input[type="text"],
#hs_cos_wrapper_widget_1780351899108 input[type="email"],
#hs_cos_wrapper_widget_1780351899108 input[type="tel"],
#hs_cos_wrapper_widget_1780351899108 input[type="number"],
#hs_cos_wrapper_widget_1780351899108 textarea,
#hs_cos_wrapper_widget_1780351899108 select {
  background-color: #ffffff;   /* 背景を白に */
}


/*# sourceMappingURL=maps/openinnovation.css.map */