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

.kiji4 > header {
 background: #0c243d;
}
.kiji4 h4 {
 border-left: 13px solid #2061ac;
 color:#ffffff;
}
.koramu {
 border:double #2061ac 4px;
 padding:0 15px;
 margin:5px auto;
}
.koramu > header {
 background: #ffffff;
}
.koramu h4 {
 border-left:0;
 color: #900;
}

.brown{
 color: #900;
}

.height32{
padding:10px;	
}
/*吹き出し*/
@media screen and (min-width: 980px) { 
.hako {
 position: relative;
 background: #ffffff;
 border: 3px solid #2061ac;
 float:left;
 width:66%;
 margin-left:30px;
 padding:5px 20px;
}
}
div.hako header {
 background: #ffffff;
}
div.hako h4 {
 border-left: 0;
 color: #900;
}
div.hako:after, div.hako:before {
 right: 100%;
 top: 20%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}
div.hako:after {
 border-color: rgba(255, 255, 255, 0);
 border-right-color: #ffffff;
 border-width: 15px;
 margin-top: -15px;
}
div.hako:before {
 border-color: rgba(32, 97, 172, 0);
 border-right-color: #2061ac;
 border-width: 18px;
 margin-top: -18px;
}