@charset  "utf-8";

*{
margin:0;
padding:0;
-webkit-font-size-adjust:none;
word-break:break-all;
}

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
font-size:100%;
text-align:left;
line-height:1.4;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl{
font-size:100%;
}

li{
list-style-type:none;
}

img{
vertical-align:middle;
border:none;
max-width: 100%;
backface-visibility: hidden;
}

sup{
vertical-align:text-top;
}

.AS-inner{
position:relative;
width:100%;
max-width:980px;
margin:0 auto;
padding:15px 0;
}

h2{
padding:12px 15px 10px;
margin:0 1.53% 30px;
border-radius:6px;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font-weight:bold;
background:#2F61C8;
color:#ffffff;
font-size:148%;
}

h3{
padding:12px 15px 10px;
font-weight:bold;
margin:0 1.53% 30px;
border-radius:6px;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:#D5DFF4;
font-size:124%;
}

h4{
font-weight:bold;
padding-top:0;
padding-bottom:0;
font-size:124%;
}

.AS-small{
font-size:78%;
}

.AS-marginM{
margin-bottom:20px !important;
}

.AS-section{
width:95.91%;
padding:0 2.04%;
line-height:1.6;
}

p,
ul{
margin:0 1.53% 30px;
padding:0 0 0 2.04%;
}

li ul,
li ol{
margin:0;
padding:0;
}

.AS-center{
margin-left:auto;
margin-right:auto;
padding-left:0;
padding-right:0;
text-align:center;
}

.AS-list-dot li{
padding-left:3em;
text-indent:-3em;
}

.AS-list-notes li{
padding-left:1.4em;
text-indent:-1.4em;
font-size:90%;
}

.AS-grayBox{
background:#EFEFEF;
width:92.86%;
padding:15px 2.04% 13px;
margin:0 1.53%;
border:1px solid #CCCCCC;
}

.AS-grayBox p,
.AS-grayBox ul,
.AS-grayBox ol{
margin:0;
padding:0;
}

.AS-column2{
position:relative;
width:100%;
}

.AS-column h2,
.AS-column h3,
.AS-column h4,
.AS-column h5,
.AS-column h6,
.AS-column p,
.AS-column ul,
.AS-column ol,
.AS-column dl,
.AS-column table{
margin-left:0;
margin-right:0;
}

.AS-col{
float:left;
padding:0 1.53%;
vertical-align:top;
}

.AS-column2 .AS-col,
.AS-column2 .AS-col2{
width:46.93%;
}

.cf{zoom:1;}

.cf:after{
content: "";
display: block;
clear: both;
height: 0;
}

#close {
  text-align: center;
}

#close a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .AS-inner{
  padding:5px 0;
  }

  h2{
    padding:6px 8px 5px;
    margin-bottom:10px;
    font-size:108%;
  }

  h3{
  padding:6px 8px 5px;
  margin-bottom:10px;
  font-size:104%;
  }

  p,
  ul{
  margin-bottom:15px;
  }

  .AS-col{
  float:none;
  }

  .AS-column2 .AS-col,
  .AS-column2 .AS-col2{
  width:100%;
  }
}