/* カスタム CSS をここに入力してください */
/* 見出しデザイン*/
/* h1について*/
h1{
position: relative;
padding: 0.5em;
background: #8b4513;
color: white;
}

h1::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}
/* カスタム CSS をここに入力してください */
/* h2について*/
h2#danraku2{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em;
    background: #6b8e23;
    color: #fff;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
h2:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #6b8e23;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}
/* カスタム CSS をここに入力してください */
h3#danraku3{
position: relative;
    color: #ff4500;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
h3:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h3:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg); 
}
/* カスタム CSS をここに入力してください */
/* h4以降 */
h4#danraku4{
    position: relative;
    padding-left: 1.2em;/*アイコン分のスペース*/
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}

h4:before{
    content: "●";
    font-size: 180%;
    position: absolute;
    color: #B92A2C;
    top: -0.4em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}

h4:after{
    content: "●";
    font-size: 180%;
    position: absolute;
    color: #ff6b6e;
    top: -0.2em;
    left: 0;
    height: 12px;
    width: 12px;
} 
/* カスタム CSS をここに入力してください */
/*---------------------------------
箇条書きリスト
---------------------------------*/
ul.orange1 {
  list-style: none;
}
ul.orange1 li:before {
	content: "●";
	color: #ff8c00;
	padding-right: 3px;
	line-height: 1.8;
}
ul.orange1 li ul li:before {
	color: #ff8b8b;
}
ul.orange1 li ul li ul li:before {
	color: #db91ff;
}