/*
Theme Name: konoha2025 Child
Template: konoha2025
*/
@charset "UTF-8";

/* これはコメント文 */

/********** 表形式(左寄せ) ***********/
.tbl_left_line .tbl_list{
  display:flex;                    /* 並列  */
  justify-content: flex-start;     /* アイテム左寄せ */
  border-bottom: 1px solid #ccc;   /* 下側の境界線 */
}
.tbl_left_line .tbl_list dt {
  width: 200px;
  padding: 5px;                    /* 全方向のパディング */
  text-align: center;              /* 文字中央寄せ */
}
.tbl_left_line .tbl_list dd {
  padding: 5px;
  width: calc(100% - 200px / 2);
  border-left: 1px solid #ccc;     /* 左側の境界線 */
  text-align: center;
}
.tbl_left_line .tbl_list:nth-child(even){ /* 偶数番目の要素 */
  background: #f2f2f2;
}
.tbl_left_line .tbl_list:first-child{     /* 最初の要素 */
  border-top: 1px solid #ccc;
}

/********** 表形式(中央寄せ)、線なし ***********/
.tbl_center_noline .tbl_list{
  display:flex;                    /* 並列 */
  justify-content: center;         /* アイテム中央寄せ */
  border-bottom: 0px solid #ccc;   /* 下側の境界線 */
}
.tbl_center_noline .tbl_list dt {
  padding: 5px;                    /* 全方向のパディング */
  width: 20em;
  text-align: center;              /* 文字中央寄せ */
}
.tbl_center_noline .tbl_list dd {
  padding: 5px;
  width: 20em;
  border-left: 0px solid #ccc;     /* 左側の境界線 */
  text-align: center;
}
.tbl_center_noline .tbl_list:nth-child(even){ /* 偶数番目の要素 */
  background: #f2f2f2;
}
.tbl_center_noline .tbl_list:first-child{     /* 最初の要素 */
  border-top: 0px solid #ccc;
}

/********** 表形式(中央寄せ)、左右のみ線あり ***********/
.tbl_center_leftrightline .tbl_list{
  display:flex;                    /* 並列 */
  justify-content: center;         /* アイテム中央寄せ */
}
.tbl_center_leftrightline .tbl_list dt {
  padding: 5px;                    /* 全方向のパディング */
  width: 20em;
  text-align: center;              /* 文字中央寄せ */
  border-left: 1px solid #ccc;     /* 左側の境界線 */
  border-right: 1px solid #ccc;    /* 右側の境界線 */
}




/***** service ****/
  .block-left2 {
     border-radius: 0.5em;
     background: #fff;
     padding: 0.8rem;
     margin-bottom: 0.4rem;
  }

/****** 子CSS: ui, li ******/

  .block-right2 {
    margin-bottom: 4rem;
    background-color: #ffcc70;      /* 背景色指定 */
    width: 100%;                     /* 要素枠の幅指定(%指定の場合は全体の幅に対して) */
/*    height: 80%;                  /* 要素枠の高さ指定 */
/*    border-radius: 10px;            /* 要素枠の角を丸める */
    padding: 20px 20px 20px 20px;  /* 要素の上、右、下、左の文字に対する余白指定 (1つしか記載ないと上下左右全部に適用) */
    justify-content: center;
  }

  .block-right2 .ul_items {
    display: flex;                  /* 要素を並列に並べる */
    display: -webkit-flex;          /* 要素を並列に並べる for safari */

/*    align-items: stretch;           /* 要素幅をスペースいっぱいに指定 */
    gap: 0.4rem;                    /* 要素枠間の隙間サイズ */

    flex-wrap: wrap;                /* サイズに合わせて横に並べる要素数を選択して折り返す */
    -webkit-flex-wrap: wrap;        /* サイズに合わせて横に並べる要素数を選択して折り返す for safari */

justify-content: center;
  }

  .block-right2 .li_item {                        /* id名付与：side_by_side、このidのliタグにスタイルを適用 */
    list-style-type: none;          /* 「・」の見出し記号を出さない */
    background-color: white;       /* 背景色指定 */
    width: 40%;                     /* 1要素あたりの幅指定(%指定の場合は全体の幅に対して) */
    padding: 20px 10px 20px 10px;  /* 要素の上、右、下、左の文字に対する余白指定 (1つしか記載ないと上下左右全部に適用) */
    border-radius: 10px;            /* 要素枠の角を丸める */
  }
/*
  .li_item li {
	width: 50%;
}
*/

/***** SNS *******/
.itemSns .sns .links .en2 {
  display: block;
/*  letter-spacing: 0.2em; */
  letter-spacing: 0;

  line-height: 1.4;
/*  padding: 0.1px; */
  margin-left: -5px;
}
