@charset "utf-8";

#tokumei {
  position: relative;
  overflow: hidden;
  background: url("../img/bg_stripe.gif");
}
#tokumei:before {
  display: block;
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-770px);
  width: 397px;
  height: 266px;
  background: url("../img/bg_flash.png") no-repeat left top;
  z-index: 0;
} 
#tokumei img {
	display:block;
	width:100%;
	height:auto;
}
#tokumei .flex {
  display: flex;
}

/* header */
#ttl {
  position: relative;
  height: 180px;
	background: url(../img/header.png) no-repeat center top / auto 100%;
  z-index: 1;
}
#ttl .center {
  width: 530px;
  height: 100%;
  margin: 0 auto;
  align-items: center;
}
#ttl a {
  display: block;
	width:210px;
  margin-right: 10px;
}
#ttl h1 {
	display:block;
	width:calc(100% - 210px);
  color: #fff;
  font-weight: bold;
  font-size: 34px;
}


/* mainContents */
#mainContents .inner {
  max-width: 920px;
  width: 90%;
  margin: 0 auto;
	padding-bottom:120px;
}
#mainContents .formWrap {
  position: relative;
	border-radius:4px;
  border: 3px #e71619 solid;
	background:#fff;
  z-index: 1;
}

#mainContents .messageWrap {
  padding: 30px;
}
#mainContents .message {
	line-height:1.5;
	font-size:93.8%;
}
#mainContents .message a {
	display:block;
	width:200px;
	margin-top:20px;
	padding:20px 0;
	text-indent:30px;
	border:1px #d4d4d4 solid;
	background:#f4f4f4 url(../img/icon_back.png) no-repeat 20px 22px / 20px auto;
	color:#000;
	text-align:center;
	cursor:pointer;
	letter-spacing: 0.06em;
}
	

/* form */
#form {
	color: #000;
  padding: 30px 30px 70px;
}
#form .formTable {
  width: 100%;
  margin-bottom: 40px;
}
#form dl {
  margin-bottom: 20px;
}
#form dt {
  margin:0 20px;
	padding:10px 10px 10px;
  border-bottom: 1px #e71619 solid;
  vertical-align: top;
}
#form dt span {		/* 必須 */
	display: inline-block;
	margin-left:5px;
	padding: 5px 6px;
	border-radius: 4px;
	background: #e71619;
	color: #fff;
	font-size: 75%;
}
#form dt label {
	display: inline-block;
  font-weight: bold;
}
#form dd {
  margin:0 20px;
  padding:20px 0 0;
	line-height: 1.6em;
}
#form .formTable dl:last-child dd {
  border: none;
}

input[type="text"]#age {
  width: 90px;
}
.privacy {
	line-height: 1.9em;
	margin-bottom: 30px;
	padding:30px;
	border:1px #e35000 solid;
	background:#fcfaf5;
	font-size:106.7%;
}

/* file */
#uploadPreview {
	line-height:1.5;
	margin-bottom:10px;
	text-align:center;
}
#uploadPreview em {
    display: inline-block;
    margin-top: 5px;
    padding: 12px 22px 14px;
    border: 1px #666 solid;
	font-size:  1em;
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;    
}
#uploadPreview strong { /* error */
  display: inline-block;
  margin-top: 5px;
  padding: 10px 16px;
  border: 1px #c00 solid;
  background:#fecbbc;
  color:#c00;
  font-weight: bold;
  vertical-align: 2px;
  font-size: 75%;
}
#uploadPreview span {
  display: inline-block;
  padding: 6px 10px;
  font-weight: bold;
  vertical-align: 2px;
  font-size:  0.85em;
}
.file_btn {
	display: block;
	max-width: 240px;
	width:100%;
	margin: 10px auto 50px;
	padding: 15px 0 16px;
	box-sizing: border-box;
	background: #f4f4f4;
	border: 1px solid #d4d4d4;	
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight:bold;
	font-size:  1em;
	text-align:center;
	cursor:pointer;
}
.file_btn input {
	display:none;
}

/* post */
#btnWrap li {
	font-weight:bold;
	font-size:16px;
	letter-spacing:0.1em;
	text-align:center;
	width:240px;
	height:60px;
	line-height:60px;
  border-radius: 4px;
	cursor:pointer;
}
#backBtn {
	text-indent:30px;
	border:1px #d4d4d4 solid;
	background:#f4f4f4 url(../img/icon_back.png) no-repeat 80px 21px / 20px auto;
}
#submitBtn {
	background:#e71619;
	color:#fff;
}


@media (max-width: 812px) {
#tokumei:before {
  top: 28vw;
  transform: translateX(-74vw);
  width: 53vw;
  height: 35.4vw;
  background: url(../img/bg_flash.png) no-repeat left top / cover;
}
/* header */
#ttl {
  height: 40.6vw;
  background: url(../img/header_sp.png) no-repeat center top / auto 100%;
}
#ttl .center {
  display: block;
  width: 100%;
}
#ttl a {
	width:36vw;
	height:auto;
  margin: 0 auto;
	padding:8.6% 0 4%;
  
}
#ttl h1 {
	width:100%;
	padding:0;
  font-size: 5.86vw;
  text-align: center
}


/* mainContents */
#mainContents .inner {
  width: 90%;
	padding-bottom:120px;
}


#mainContents .messageWrap {
  padding: 5%;
}
#mainContents .message {
	font-size:87.5%;
}
	

/* form */
#form {
  padding: 4% 4% calc(50px + 4%);
}
#form .formTable {
  margin-bottom: 30px;
}
#form dl {
  margin-bottom: 10px;
}
#form dt {
  display: block;
  width: 100%;
	padding:4%;
  vertical-align: middle;
}
#form dd {
  display: block;
  width: 100%;
  padding:4%;
	line-height: 1.6em;
}



/* post */
#btnWrap li {
	max-width:180px;
  width: 100%;
}
#backBtn {
	background:#f4f4f4 url(../img/icon_back.png) no-repeat 55px 21px / 20px auto;
}

}