@charset "UTF-8";

/*--------------------------------------
common
----------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	background-color:#fff;
	overflow-x: hidden;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,form,iframe,dl,dt,dd {
	margin: 0;
	padding: 0;
	font-size: 13px;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration:underline;
	color:#000;
}
img {
	border: none;
}
a img {
    border: none;
}
.clearfix:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix{
    min-height: 1%;
    _height: 1%;
}

a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.soon{
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}
.c_both{
	clear:both;
}


/*--------------------------------------
mainvisual
----------------------------------------*/
#mainvisual{
	width:100%;
	margin: 0;
	background: url(../images/mainvisual.jpg) top center no-repeat #fff;
	background-size:cover;
	min-width:980px;
	min-height:640px;
}

#mainvisual h1{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

#mainvisual h2{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

/*--------------------------------------
navi
----------------------------------------*/
#navi{
	width:100%;
	background:#faf708;
	padding:15px 0;
	text-align: center;
	min-width:980px;
}

#navi ul{
	display: inline-block;
}

#navi ul li{
	float:left;
	font-size:18px;
	line-height:20px;
	color:#000;
	padding:2px 20px;
	margin:0 0px;
	border-right:1px solid #000;
}

#navi ul li:nth-child(3){
	border-right:0px;
}

#navi ul li:nth-child(4){
	border-left:1px solid #000;
}

#navi ul li:nth-child(3), #navi ul li:nth-child(5){
	padding:2px 20px;
	margin:0 15px;
}

#navi ul li:nth-child(4){
	padding:2px 20px;
	margin-left:-15px;
}

#navi ul li:last-child{
	border-right:none;
}

#navi ul li .small{
	font-size:12px;
	color:#e15661;
	font-weight:bold;
}


.icon{
	background: url(../images/icon.png) 0px 5px no-repeat;
}

.icon2{
	background: url(../images/icon2.png) 0px 5px no-repeat;
}

#lead{
	width:980px;
	margin:0 auto;
	padding-top:40px;
}

/*--------------------------------------
background
----------------------------------------*/
.contents {
	position: relative;
	/*overflow: hidden;*/
	margin: 0 0;
	padding: 80px 0 30px;
}

#support .contents:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 80%;
	margin: 8% -10% 0;
	background: #0d396e;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}

#support .contents.double:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 60%;
	margin: 8% -10% 0;
	background: #e15661;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -2;
}

.contents_inner {
	width:980px;
	margin:0 auto;
}

.yellow{
	color:#faf708;
}

/*--------------------------------------
support
----------------------------------------*/
#support h2{
	width:270px;
	margin:0 auto;
	padding:40px 0 10px;
}

#support p{
	font-size:20px;
	color:#fff;
	line-height:36px;
	text-align: justify;
  text-justify: inter-ideograph;
}

#support h3{
	width:980px;
	margin:0 auto;
	padding:60px 0;
}

#btn_support{
	width:426px;
	margin:0 auto;
}

#support .contents {
	height:1000px;
}

#support .contents:before {
	min-height:1000px;
}

#support .small{
	font-size:18px;
	color:#e15661;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}

/*--------------------------------------
campaign
----------------------------------------*/
#campaign{
	width:980px;
	margin:0 auto;
}

#campaign h2{
	width:560px;
	margin:0 auto;
}

#campaign ul{
	width:980px;
	padding-top:20px;
}

#campaign ul li{
	float:left;
	width:306px;
	padding-right:31px;
	background: url(../images/triangle.png) right top no-repeat;
}

#campaign ul li:last-child{
	padding-right:0px;
}

.caution{
	clear:both;
	font-size:16px;
	text-align:center;
	padding-top:5px;
}

.period{
	color:#e15661;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	padding:20px 0 10px;
}

#form_inner{
	width:700px;
	margin:0 auto 30px;
}

#form_inner input[type="text"] {
	width:420px;
	float:left;
	border:4px solid #e15661;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height:40px;
	padding-left:15px;
	font-size:18px;
	font-weight:bold;
}

#form_inner input[type="image"] {
	width:230px;
	float:right;
}


/*--------------------------------------
present
----------------------------------------*/
#present .contents {
	position: relative;
	/*overflow: hidden;*/
	margin-bottom: 80px;
	padding: 80px 0 550px;
}

#present .contents:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height:500px;
	margin: 0 -10% 0;
	background: #0d396e;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -1;
}

#present .contents.reverse:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height:650px;
	margin: 100px -10% 0;
	background: #0d396e;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -2;
}

#present h2{
	width:400px;
	margin:0 auto;
}

#present ul li{
	float:left;
}

.btn_more{
	margin-left:280px;
}

.btn_more a{
	color:#FFF;
	text-decoration:underline;
	font-size:16px;
}

/*--------------------------------------
information
----------------------------------------*/
#information{
	width:980px;
	margin:0 auto;
	padding-top:80px;
}

#information p{
	font-size:18px;
	color:#000;
	line-height:36px;
	text-align: justify;
  text-justify: inter-ideograph;
	padding-top:30px;
}

#movie{
	width:650px;
	margin:0 auto;
	padding:40px 0;
}

#btn_info{
	width:426px;
	margin:0 auto;
	padding-bottom:40px;
}

/*--------------------------------------
attention
----------------------------------------*/
#attention{
	width:980px;
	margin:0 auto;
	color:#000;
}

#attention p{
	font-size:14px;
}

ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
	margin-left:20px;
	padding-bottom:5px;
	font-size:14px;
}
ul.asterisk li:before {
  display: inline;
  content: "・";
}

#inquiry{
	width:100%;
	background:#eb6da5;
	color:#FFF;
	padding:20px 0;
}

#banner{
	width:585px;
	margin:0 auto;
	padding:20px 0 50px;
}

#banner ul li{
	float:left;
	margin-right:15px;
}

#banner ul li:last-child{
	margin-right:0;
}

/*--------------------------------------
form_main
----------------------------------------*/
#form_main{
	width:100%;
	margin: 0;
	background: url(../images/main_form.jpg) top center no-repeat;
	background-size:100% auto;
	min-width:1200px;
	min-height:560px;
}

#form_main h1{
	width:82%;
	margin:0 auto;
}

#form_main h2{
	width:82%;
	margin:0 auto;
	padding:32% 0 4%;
}

/*--------------------------------------
form
----------------------------------------*/
#wrapper{
	width:100%;
	background:#f8f8f8;
	padding:20px 0;
}

#form_title{
	width:500px;
	margin:0 auto;
	padding:50px 0 25px;
}

#form_period{
	width:810px;
	margin:0 auto;
	padding-bottom:50px;
}

.asta{
	color:#FF0000;
}

.errorArea{
	color:#FF0000;
}

#wrapper h2{
	font-size:16px;
	clear:both;
}

.form-group{
	clear:both;
	width:980px;
	margin:0 auto;
	padding:10px 0;
}

.control-label{
	float:left;
	width:130px;
	text-align:right;
	font-weight:bold;
	padding-top:7px;
	font-size:14px;
}

.col-sm-9{
	float:right;
	width:820px;
}

.form-control{
	width:100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #cccccc;
	box-sizing: border-box;
	height:35px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.radio-inline{
	padding-top:7px;
}

.age{
	width:70px;
}

.zip{
	width:200px;
}

.pref{
	width:300px;
}

.pt40{
	padding-top:40px;
}

.ques{
	font-weight:bold;
	font-size:14px;
}

#attention{
	clear:both;
	padding:20px 0;
}

#attention a{
	color:#e15661;
	text-decoration:underline;
}

#submit_btn{
	width:300px;
	margin:0 auto;
	padding:20px 0;
}

button{
	background:#1f4e86;
	border:none;
	width:300px;
	height:60px;
	margin:0 auto;
	font-size:16px;
	color:#FFF;
	letter-spacing:2px;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

textarea{
	resize: none;
	width:100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #cccccc;
	box-sizing: border-box;
	height:100px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.control-label2{
	float:left;
	/*width:130px;*/
	text-align:left;
	font-weight:bold;
	padding-top:7px;
	font-size:14px;
}