@charset "utf-8";
/* CSS Document */
html{
  width:100%;
  height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
}
img{
  border:0;
}
body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"MS Pゴシック", sans-serif;
  line-height:1.6;
  width:100%;
  font-size:14px;
  height:100%;
  background:#F6EE2B;
}
p{
  padding:0 0 1.2em;
  color:#212121;
  font-size: 16px;
}
h1{
  font-size: 40px;
  text-align:center;
  line-height: 1.3em;
  padding:10px 0 0 0;
  margin-bottom:20px;
  color:#111;

}
h2{
  font-size:30px;
  font-weight:bold;
  line-height:1em;
  margin-bottom:10px;
}
h2:before{
  content: "　";
  display:inline-block;
  margin-right: 10px;
  width:10px;
  height: 30px;
  background-color:#2d29e3;
}
h3{
  font-size:19px;
  text-decoration: underline;
}
.cor-r{
  color:#ff0000;
  font-weight: bold;
}
.cor-b{
  color:#2d29e3
}
.clear{
  clear: both;
}
.pull-left{
  float:left;
}
.wapper{
  position: relative;
  top:0;
  z-index: 1;
}
.smp-bg{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top:0;
  z-index:0;
}
.contents{
  position: relative;
  width:94%;
  margin:0 auto;
}
.textarea{
  position:relative;
  background:#FFF;
  /* box-shadow */
  box-shadow: 3px 5px 10px 0px rgba(6, 0, 1, 0.5);
  border-top:10px solid #2d29e3;
  padding:40px;
}
.section{
  padding:10px 0 10px;
}
.section-cation{
  border:1px dashed #cdcdcd;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px; 
  padding:16px;
}
.section-cation ul{
  list-style: none;
}
.section-cation li{
  font-size: 1.2em;
}
.section-cation li:before{
 content: "※";
 color:#AB31F7;
 padding-right:5px;
}
.close_btn{
  width:130px;
  height:136px;
  margin:15px auto 0;
}
.close_btn_smp{
  position: relative;
  top: 0;
  z-index: 3;
  width:65px;
  height:68px;
  margin:10px auto 0;
}
.close_btn_smp img{
  width:100%;
}
.close_btn a{
  width:130px;
  height:136px;
}
.fan-form{
  border:none;
}
.form-btn {
  cursor: pointer;
  display:block;
  text-decoration: none;
  font-size:2em;
  font-weight: bold;
  text-align: center;
  margin:24px 0 15px;
  position: relative;
  background-color: #2d29e3;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #00008d;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.form-btn:hover {
  background-color: #00008d;
  box-shadow: 0 3px 0 #000069;
}
.form-btn:active {
  top: 3px;
  box-shadow: none;
}
/*smp用*/
@media only screen and (max-width: 480px){
p{
  padding:0 0 1.2emfont-size: 13px;
}
h1{
  font-size:17px;
  text-align:center;
  padding:0;
}
h2{
  font-size:16px;
  line-height:1.2em;
}
h2:before{
  width:5px;
  height: 16px;
}
h3{
  font-size:10px;
  text-decoration: underline;
}
p{
  font-size:14px;
}
.textarea{
  background:#FFF;
  border-top::;px solid #2d29e3;
  /*box-shadow*/
  box-shadow: 2px 2px 10px 0px rgba(6, 0, 1, 0.5);
  padding:2em 1.6em 1.2em;
}
.section{
  padding-bottom:0.3em;
}
.section-cation li{
  font-size: 1em;
}

}