@charset "utf-8";
/* CSS Document */

/* カスタム CSS をここに入力してください */
h1#danraku1{
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
font-size:20px;
font-weight: bold;
margin:0 0 1.5em;
}

h1:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

h2#danraku2{
padding:4px 0.5em 1px;;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
font-size:20px;
font-weight: bold;
margin:0 0 1.5em;
}

h3#danraku3{
border-bottom: solid 3px #faa9284d;
font-size:18px;
font-weight: bold;
padding-left:10px;
margin:0 0 1.5em;
}

h4#danraku4{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 1.5em;
font-size:20px;
font-weight: bold;
}

h4#danraku4:after{
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
}

h5#danraku5{
 position: relative;
 padding: 0.6em;
 background: #e0edff;
 font-size:20px;
 font-weight: bold;
 margin:0 0 1.5em;
}

h5#danraku5:after{
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}
h6#danraku6{
background: #fab0df;
padding: 1em;
color: white;
border-radius: 0.5em;
text-align: center;
letter-spacing: 0.1em;
font-weight: bold;
font-size: 18px;
width: 84%;
margin: 0 auto;
}