@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #01838A;
}

.hpb-parts-hl-style
{
    border-color: #01838A;
    margin-top: 5px;
    margin-bottom: 10px;
}

.hpb-parts-cbox-style
{
    border-color: #01838A;
}

.hpb-parts-hr-style
{
    border-color: #01838A;
}

.hpb-parts-pbox-style
{
    background-color: #f4f4f4;
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}
.hpb-parts-pbox-style img
{
    background-color: #f4f4f4;
}

.hpb-parts-blist-style
{
    background-color: #f3f3f3;
    border-color: #33BFD2;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #33BFD2;
}
a.hpb-parts-blist-style:active
{
    color: #33BFD2;
}

h6 {
  font-size: 0.8rem;
  background-color: #f0f8ff; /* 非常に薄い青 */
  color: #444;
  padding: 5px 10px;
  border: 1px solid #cfe2ff;      /* 全体の細い枠線 */
  border-left: 8px solid #64b5f6; /* 左側の太いアクセント線 */
  line-height: 1.5;
}


/* 申し込みボタンのスタイル */
.btn-apply {
    display: block;
    width: 90%;
    max-width: 450px;
    margin: 25px auto;
    padding: 18px 20px;
    background: linear-gradient(#ff9900, #ff6600); /* 鮮やかなオレンジのグラデーション */
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bold;
    border-radius: 50px;
    box-shadow: 0 5px 0 #b34700; /* 立体感を出す影 */
    transition: all 0.2s;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.btn-apply:hover {
    transform: translateY(2px); /* 押したような動き */
    box-shadow: 0 3px 0 #b34700;
    background: linear-gradient(#ffaa33, #ff7711);
}

/* リンクの下線を消す設定 */
.btn-apply:link, .btn-apply:visited {
    color: #ffffff;
    text-decoration: none;
}