@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html{
  height: 100%;
}
body{
	font-family:'Noto Sans JP',"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	height: 100%;
	margin: 0;
  line-height: 1.4;
  font-size: 1.3rem !important;
}

h1,h2,h3,p,ul,li{
	margin: 0;
  padding: 0;
  font-size: 1.3rem;
}
h2{font-size: 1.6rem;}
p{margin-bottom: 0 !important;}
img{
  max-width: 100%;
}
.pc{display: block;}
.sp{display: none;}
.container, .container-lg, .container-md, .container-sm, .container-xl{
  width: 960px !important;
  max-width: 960px !important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
  padding: 0 !important;
}

.mt_1{margin-top: 1rem !important;}
.mt_11{margin-top: 1.1rem !important;}
.mt_12{margin-top: 1.2rem !important;}
.mt_13{margin-top: 1.3rem !important;}
.mt_14{margin-top: 1.4rem !important;}

.mb_0{margin-bottom: 0 !important;}
.mb_1{margin-bottom: 1rem !important;}
.mb_11{margin-bottom: 1.1rem !important;}
.mb_12{margin-bottom: 1.2rem !important;}
.mb_13{margin-bottom: 1.3rem !important;}
.mb_14{margin-bottom: 1.4rem !important;}
.mb_2{margin-bottom: 2rem !important;}
.mb_3{margin-bottom: 3rem !important;}
.mb_4{margin-bottom: 4rem !important;}
.mb_5{margin-bottom: 5rem !important;}

.fs_07{font-size: 0.7rem !important;}
.fs_08{font-size: 0.8rem !important;}
.fs_09{font-size: 0.9rem !important;}
.fs_1{font-size: 1rem !important;}
.fs_11{font-size: 1.1rem !important;}
.fs_12{font-size: 1.2rem !important;}
.fs_13{font-size: 1.3rem !important;}
.fs_14{font-size: 1.4rem !important;}
.fs_15{font-size: 1.5rem !important;}
.fs_16{font-size: 1.6rem !important;}
.fs_17{font-size: 1.7rem !important;}
.fs_18{font-size: 1.8rem !important;}
.fs_19{font-size: 1.9rem !important;}
.fs_20{font-size: 2rem !important;}

.fc_red{color: #f00;}
.err_msg{
  color: #f00;
  font-weight: bold;
}
.row{
  margin-top: 20px;
}
.container{
  width: 960px;
  margin: 0 auto;
}

.container_form{
  background-color: #f5f5f5;
  margin: 30px auto 20px;
  padding: 10px 0;
}
.container_form .inner{
  width: 960px;
  margin: 0 auto;
}

.upload_area{
  width: 860px;
  margin: 0 auto;
}
.sample_link{
  cursor: pointer;
}
.modal-content{
  background-color: rgba(0,0,0,0.7);
  color: #fff;
}
.close{
  color: #fff;
  opacity: 1;
}
.image_ex{
  display: flex;
  justify-content: space-around;
  margin-bottom: 1em;
}
.image_ex p{
  width: 46%;
}
.btn_sbumit input{
  width: 465px;
}
.btln{
  border: 1px solid #f00 !important;
  border-radius: 0 !important;
  font-size: 2.8rem !important;
  font-weight: bold;
  text-align: center;
}

.up_input{display: none !important;}
.up_area img{
  width: 465px;
  cursor: pointer;
}
.oubocounter{
  background-color: #f00;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.oubocounter span.oubonum{
  font-size: 5rem;
}
.pittari{
  font-size: 3rem !important;
  padding: 1rem 0;
  display: inline-block;
}

.form-control{
  border: 2px solid #4a4a4a !important;
}

.prize{
  border: 3px solid #f00;
  border-radius: 40px;
  position: relative;
  margin-bottom: 7rem;
}
.ttl_prize{
  position: absolute;
  left: 50%;
  transform: translate-x(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.prizein{
  margin: 3rem;
}
.prizename{
  font-size: 2rem;
}
.kutisu{
  border: 3px solid #000 !important;
  border-radius: 0 !important;
  font-size: 2.8rem !important;
  font-weight: bold;
  text-align: center;
}

.kiyaku{
  width: 90%;
  height: 20rem;
  overflow-y: scroll;
  margin: 0 auto 20px auto;
  padding: 1rem;
  border: 1px solid #777;
}
.kiyaku h3,.kiyaku h4,.kiyaku p,.kiyaku ul,.kiyaku li{
  font-weight: normal !important;
  font-size: 1rem;
}
.kiyaku h3,.kiyaku h4{
  margin-top: 1rem;
}
.kiyaku ul{
  margin: 0 !important;
}
.kiyaku li{
  list-style-type: none;
}
.btn-next{
  background-color: #e71419 !important;
	border: none !important;
	color: #fff;
}
.btn-next:hover
, .btn-next:active
, .btn-next:focus{
	background-color: #d3011d !important;
	color: #fff;
}
.footer{
  margin-top: 3rem;
  background-color: #ff0;
  padding: 36px 0 46px 0;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.footer_navi{
  width: 100%;
}
.footer img{
  width: 268px;
}
#footer{
  padding: 3rem 0 1rem;
}