/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2026 | 07:35:07 */
/* シンプルな見出し、左上と右下に四角を配置 */
.simple-heading01 {
    color: #000;/*文字色（黒）*/
    background-color: #fff;/*背景色（白）*/
    font-size: 20px;/*文字サイズ*/
    padding: 20px 50px;/*文字回りの余白（上下 左右）*/
    display: block;
    border: 1px solid #000;/*囲み線（太さ 実線 色）*/
    position: relative;
}
.simple-heading01:before,
.simple-heading01:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;/*左右四角の幅*/
    height: 20px;/*左右四角の高さ*/
    border: 1px solid #000;/*囲み線（太さ 実線 色）*/
}
.simple-heading01:before {
    left: -10px;
    top: -10px;
}
.simple-heading01:after {
    right: -10px;
    bottom: -10px;
}

/* ------------------------------------- */

.simple-heading02 {
  padding: 0.4em 2.0em;/*文字の上下 左右の余白*/
	text-indent:0.5rem;
	color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
.simple-heading02 span{
	display: block;
}

/* --------------------- */
// 色がグラデーションする下線

.simple-heading03 {
  position: relative;
  padding: 0.25em 0;
}
.simple-heading03:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
  background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}

/* ---------------------- */
.line-double {
  padding: 1rem 2rem;
  border-top: 6px double #000;
  border-bottom: 6px double #000;
}