:root{
      --text:#111;
      --muted:#111;
      --accent:#2f6f6a; /* 画像の見出しに近い青緑 */
      --bg:#fff;
    }

    html, body{
      font-family: "Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN",
                   "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
    }

 .column {
      max-width: 1040px;               /* 余白が広めのレイアウト */
      padding: 0px 40px 72px;
      margin: 0 auto;
    }


.columnbox1 {
	padding: 20px;
	background: #eeeeee;
		margin: 0px 0px 30px 0px;
    }



.columnbox1 p{
      font-size: 14px;
      margin: 0 0 0px;
    }

.columnbox2 {
		margin: 0px 0px 50px 0px;
    }

.columnbox3 {
		margin: 0px 0px 20px 0px;
    }
.column h1{
      font-size: 36px;
      line-height: 1.25;
      font-weight: 800;
      margin: 0 0 50px;
  position: relative;
  padding: 0.5em;
  background: #036EB7;
  color: white;
}

.column h1::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.column .lead{
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 54px;
    }

.column h2{
      font-size: 23px;
      line-height: 1.9;
      font-weight: 800;
      color: #036EB7;
      margin: 0 0 20px;
	
  position: relative;
}

.column h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #036EB7, #036EB7 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #036EB7, #036EB7 2px, #fff 2px, #fff 4px);
}
	
.column h3{
      font-size: 18px;
      line-height: 1.35;
      font-weight: 800;
      color: #036EB7;
      margin: 0 0 16px;
    }
.column strong{

      font-weight: 800;
      color: #000000;
    }

    /* セクション間の余白を画像に寄せる */
    section + section{
      margin-top: 36px;
    }
.columntext {
      font-size: 14px;
      margin: 0 0 40px;
    }
.columnbox1 h4{
	font-size: 18px;
	 line-height: 1.8;
      font-weight: 800;
	margin: 0 0 10px;
  color: #036EB7;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #036EB7;
}


    /* スマホ対応：余白・文字を少し縮小 */
    @media (max-width: 768px){
      .page{ padding: 36px 20px 48px; }
      h1{ font-size: 34px; }
      h2{ font-size: 26px; }
      p, .lead{ font-size: 16px; }
      p{ margin-bottom: 40px; }
    }