@charset "UTF-8";
/*
Theme Name: Hannan Theme
Author: BCC
Author URI:
Version: 1.0
*/

.news_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* 任意：間隔 */
  justify-content: space-between;
  max-width: 940px; /* 450px * 2 + gap */
  margin: 0 auto;
}

.news_item {
  width: 450px;
}


:root {
	--color-primary: #ee8e00; /*orange*/
	--color-primary-rgb: 238,142,0;
	--color-primary-contrast: #000000;
	--color-primary-contrast-rgb: 0,0,0;
	--color-primary-shade: #d17d00;
	--color-primary-tint: #f0991a;

	--color-secondary: #0163aa; /*blue*/
	--color-secondary-rgb: 1,99,170;
	--color-secondary-contrast: #ffffff;
	--color-secondary-contrast-rgb: 255,255,255;
	--color-secondary-shade: #015796;
	--color-secondary-tint: #1a73b3;

	--color-tertiary: #6030ff; /*purple blue*/
	--color-tertiary-rgb: 96,48,255;
	--color-tertiary-contrast: #ffffff;
	--color-tertiary-contrast-rgb: 255,255,255;
	--color-tertiary-shade: #542ae0;
	--color-tertiary-tint: #7045ff;

	--color-success: #2dd55b; /*green*/
	--color-success-rgb: 45,213,91;
	--color-success-contrast: #000000;
	--color-success-contrast-rgb: 0,0,0;
	--color-success-shade: #28bb50;
	--color-success-tint: #42d96b;

	--color-warning: #ffc409; /*orange*/
	--color-warning-rgb: 255,196,9;
	--color-warning-contrast: #000000;
	--color-warning-contrast-rgb: 0,0,0;
	--color-warning-shade: #e0ac08;
	--color-warning-tint: #ffca22;

	--color-danger: #c5000f; /*deep-red*/
	--color-danger-rgb: 197,0,15;
	--color-danger-contrast: #ffffff;
	--color-danger-contrast-rgb: 255,255,255;
	--color-danger-shade: #ad000d;
	--color-danger-tint: #cb1a27;

	--color-light: #f6f8fc; /*light-gray*/
	--color-light-rgb: 246,248,252;
	--color-light-contrast: #000000;
	--color-light-contrast-rgb: 0,0,0;
	--color-light-shade: #d8dade;
	--color-light-tint: #f7f9fc;

	--color-medium: #5f5f5f;
	--color-medium-rgb: 95,95,95;
	--color-medium-contrast: #ffffff;
	--color-medium-contrast-rgb: 255,255,255;
	--color-medium-shade: #545454;
	--color-medium-tint: #6f6f6f;

	--color-dark: #2f2f2f;
	--color-dark-rgb: 47,47,47;
	--color-dark-contrast: #ffffff;
	--color-dark-contrast-rgb: 255,255,255;
	--color-dark-shade: #292929;
	--color-dark-tint: #444444;

}

.f-s{font-size:0.9em;}
.f-ss{font-size:0.7em;}
.f-sss{font-size:0.5em;}
.f-l{font-size:1.2em;}
.f-ll{font-size:1.4em;}
.f-lll{font-size:1.6em;}

.orange{color: var(--color-primary);}
.green{color:#00AEBA;}
.red{color:red;}
.bold{font-weight:bold;}
.red-b{color:red;font-weight:bold;}

.lh-1{line-height:1rem;}
.lh-2{line-height:2rem;}

.green-line{border:none;height:1px;background-color:#00AEBA;margin:50px 0;}

.bg-eee{background-color:#eeeeee !important;}
.bd-eee{border:5px solid #eee;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}

.mb0{margin-bottom:0px !important;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb140{margin-bottom:140px;}

.mr3{margin-right:3px !important;}

.pa-v30{padding:30px 0 !important;}
.pa-h30{padding:0 30px !important;}

.pa0{padding:0 !important;}
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.pa40{padding:40px;}
.pa60{padding:60px;}

.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}

.t-d-u{text-decoration:underline !important;}


/*********** grid ********/
.g-wrap3{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 3等分 */
  gap: 10px;
}
/* グリッドの共通スタイル */
.grid {
  display: grid;
  gap: 10px;
}

/* カラム数に応じた等分スタイル */
.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-30-70 {
  grid-template-columns: 30% 70%;
}

/* スマホ向け（画面幅が600px以下） */
@media (max-width: 600px) {


.grid-cols-3 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-cols-4 {
  grid-template-columns: repeat(1, 1fr);
}
}


    table {
      width: 100%;
      border-collapse: collapse;
      border: 4px solid #2980b9; /* 太い罫線をtableに */
      border-radius: 8px; /* 角丸もtableに */
      overflow: hidden; /* 角丸のはみ出し防止 */
    }

    th, td {
      text-align: left;
      padding: 0.75rem 1rem;
      border-bottom: 1px solid #ddd;
      vertical-align: top;
    }

    th {
      width: 25%;
      background-color: #f9f9f9;
      color: #2980b9;
    }

    td ul {
      margin: 0;
      padding-left: 1.2rem;
    }

    td li {
      line-height: 1.6;
    }







/*********** flexbox ************/
.f-wrap{
    display:flex;
    justify-content: space-between;
}
.j-c-c{justify-content:center;}
.a-i-c{align-items:center;}


/* 1/2 */
.f2-1{width:49%;}

/* 1/3 */
.f3-1{width:33%;}
.f3-2{width:66%;}

/* 1/4 */
.f4-1{width:24%;}
.f4-2{width:78%;}
.f4-3{width:74%;}

/* 1/5 */
.f5-1{width:19%;}
.f5-1:nth-child(n+6){margin-top: 40px;}


@media screen and (max-width: 767px) {
.f-wrap{
flex-wrap:wrap;
}
.f3-1{width:100%;}
.f3-2{width:100%;}
}

/*********** /flexbox ************/




.pc-show{display:block;}
.sp-show{display:none;}


.workshop-past-wrap{
	background:#ffffea;
	padding:25px;
	border-radius:20px;
	margin-bottom:30px;
}

/* Youtube埋め込みレスポンシブ */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}