@charset "Shift-JIS";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

h1{
margin:30px 30px 0px 30px;
padding: 0.25em 0.5em;/*上下 左右の余白*/
background: transparent;/*背景透明に*/
border-left: solid 5px #36378D;/*左線*/
    letter-spacing: 5px;
}
h2 {
	width: 400;
position: relative;
padding-left: 25px;
}

h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #36378D;
}
h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px #36378D;
}

div{
	width: 1000;
margin:0px 30px 30px 50px;
}

footer{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
		font-size: 80%;
    background-color: #36378D;
		color: #fff;
    letter-spacing: 5px;
}

body {
   margin: 0px;   /* 外側の余白をゼロに */
   padding: 0px;  /* 内側の余白をゼロに */
}

.list1{
  padding: 0;
}

.list1 li{
  color: #404040;
  border-left: solid 6px #36378D;/*左側の線*/
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
  font-weight: bold;
}
.list2{
width:400;
  border-top: solid #1e366a 1px;/*上のボーダー*/
  border-bottom: solid #1e366a 1px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
}

.list2 li{
  line-height: 1.5;
  padding: 0.5em 0;
}

.square_btn{
   position: relative;
   display: inline-block;
   font-weight: bold;
   padding: 0.25em 0;
   text-decoration: none;
   color: #FFF;
}


.square_btn:hover{
color: #333;
}