@charset "utf-8";
/*
Theme Name:GLUE child
Theme URI:
Template: glue_free002
Description:WordPress theme “GLUE”  子テーマ
Author:TCD
Author URI:https://lp.pocket-edu.com/
Version:1.4.1
Text Domain:tcd-glue
*/

/* ----------------------------------------------------------------------
 アイコン定義
---------------------------------------------------------------------- */
.orange-icon {display:table; margin:0 auto 20px !important; font-size:45px; color:#fff; background-color:#ff6b53; line-height:1; border-radius:50%; width:70px; height:70px; text-align:center;}
.orange-icon .fa {margin-top:12px;}
.orange-icon .fab {margin-top:12px;}
.orange-icon .far {margin-top:12px;}
.orange-icon .fas {margin-top:12px;}
.orange-icon .fa-solid {margin-top:12px;}
.orange-icon .fa-brands {margin-top:34px;}

/* ----------------------------------------------------------------------
 メッセージヘッダ
---------------------------------------------------------------------- */
#header_message .label {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  #header_message .label {
    font-size: 14px;
    font-weight: 600;
  }
}

/* ----------------------------------------------------------------------
 ページヘッダ
---------------------------------------------------------------------- */
#lp_page_header .catch {
  font-weight: 600;
}
body.mobile_device #lp_page_header .catch {
  font-weight: 600;
}

/* ----------------------------------------------------------------------
 ページコンテンツ
---------------------------------------------------------------------- */
.padding-t2 {padding-top: 2em;}
.padding-t3 {padding-top: 3em;}
.padding-b2 {padding-bottom: 2em;}
.line {
  border-bottom: 1px solid #ccc;
  margin: 60px 0;
}

.image-radius {
    border-radius: 10px;
}
.image-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 横3つ */
  gap: 10px;
}
.image-wrap img {
  width: 100%;
  border-radius: 50%; /* ← これで丸く切り抜かれる */
}

#page_contents .design_button {
    border-color: #00698c;
    background-color: #00698c;
}
#page_contents .design_button {
    color: #fff !important;
}
#page_contents .link_button {
    text-align: center;
}

.post_content .catch.rich_font_type1 {
  font-size: 32px;
  color: #002060;
}
@media screen and (max-width: 800px) {
  .post_content .catch.rich_font_type1 {
    font-size: 20px;
    color: #002060;
  }
}

.highlight {
/*  background: linear-gradient(transparent 60%, #fffb7d 60%); */
  background-color: #fff59d; /* 好きな蛍光ペン色に変更 */
  padding: 2px 4px;          /* 文字の周りに少し余白をつけると綺麗 */
}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
.p-footer-bar.is-active {
  opacity: 0;
}