@charset "utf-8";

/* ------------------------------
    reset
------------------------------ */

a{
	color:#181818;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
html,body{	height:100%;}
html{
	font-size:62.5%;
    overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
}

textarea { font-size: 100%; }
img { vertical-align: bottom; }

/* ------------------------------
    base
------------------------------ */

body{
	min-width: 980px;
	font-size:1.0rem;
	/*letter-spacing: -0.5px;*/
}
p,table,dl,ol,ul  {
	font-size: 1.7rem;
	line-height: 1.6;
}

/* ------------------------------
    contents
------------------------------ */

/*-- header --------*/
#header{
	/*background:url(../images/fv_bg.png) center 42px no-repeat;*/
	border-top:7px solid #187ec3;
}
.countdown {
    /*width: 1040px;*/
    margin: 0 auto;
	text-align: center;
}
#header .caption{
	text-align:center;
	background:#1982c6;
}
#header iframe{
	display:inline-block;
}
#header h1{
	position: relative;
	text-align:center;
	height: 674px;
	overflow-x: hidden;
}
#header h1 img{
	position: absolute;
	left: 50%;
	margin-left: -520px;
}
/*-- opt --------*/
.opt .wrap{
	background:url(../images/opt.png) center 0 no-repeat;
	position:relative;
	width:849px;
	margin:0 auto;
	height:723px;
	padding:0;
}
.opt input[type="text"]{
	display:block;
	font-size:1.8rem;
	width:640px;
	border:3px solid #999;
	background:#fff;
	padding:11px 30px;
	margin:0 auto;
	position:absolute;
	left:72px;
	top:418px;
}
.opt input[type="submit"]{
	display:block;
	width:790px;
	height:87px;
	background:url(../images/opt_btn.png) 0 0 no-repeat;
	border:none;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	cursor:pointer;
	margin:0 auto;
	position:absolute;
	left:31px;
	top:481px;
    transition: all .3s;
}
.opt input[type="submit"]:hover {
    opacity: .7;
}
.opt .info{
	display:block;
	width:678px;
	height:100px;
	background:#ededed;
	border:1px solid #CCC;
	padding:0 1.5em 1em;
	overflow-y: scroll;
	margin:0 auto;
	position:absolute;
	left:61px;
	top:581px;
}
.opt .notice{
	margin:0 auto;
	position:absolute;
	top:590px;
	left:30px;
	right:40px;
}
.opt .notice p {
    font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size: 12px!important;
    line-height: 1.4em;
    color: rgb(51, 51, 51);
    text-align: justify;
    padding: 5px 0px 0px 10px;
}

.opt h2{
	text-align:center;
	font-weight:bold;
	margin:1em auto 1.3em;
}
.opt table{
	width:100%;
	background:#FFF;
}
.opt table,
.opt td {
	border:1px solid #DDD;
	border-collapse: collapse;
}
.opt td,
.opt h3 {
	font-size:1.5rem;
}
.opt h3 {
	font-weight:bold;
}
.opt td {
	padding:8px;
}

/*-- 見出し --------*/
.mid01{
	position: relative;
	width: 100%;
	background-image: -webkit-linear-gradient(#096ab6, #56a2db);
	background-image: linear-gradient(#096ab6, #56a2db);
	text-align: center;
	padding: 10px 0;
	margin-bottom: 60px;
}
.mid01:after{
	content: "";
	position: absolute;
	bottom: -58px;
	left: 50%;
	margin-left: -71px;
	width: 0;
	height: 0px;
	border-style: solid;
	border-width: 58px 71.5px 0 71.5px;
	border-color: #56a2db transparent transparent transparent;
}
/*-- common --------*/
.wrap{
    width:890px;
    text-align:center;
    margin:0 auto;
    padding:0;
}
.wrap p{
    text-align: left;
    padding: 0 10px;
}
.wrap p+p{padding-top: 28px;}


/*--text decoration--*/
.uline{text-decoration: underline;}
.bk_yl{background:#ff6; padding: 0 2px;}
.txtPnk{color: #d23966;}
.txtRed{color: #cc0000;}

/*-- sec01 --------*/
#sec01{
	padding:18px 0 47px;
}

.sec01_blk1{
	display: block;
	padding: 26px 0;
	font-size: 2.2rem;
}


/*-- sec02 --------*/
#sec02{
	margin:0 0 50px;
}
.sec02_ul{
	padding-top: 30px;
}
	.sec02_ul li{
		font-size: 2.3rem;
		padding-left: 48px;
		position: relative;
		font-weight: bold;
	}
	.sec02_ul li+li{margin-top: 24px;}
	.sec02_ul li:before{
		content: "";
		width: 22px;
		height: 24px;
		position: absolute;
		top:-2px;
		left: 0px;
		margin: 0px 16px 0 11px;
		display: block;
		background: url(../images/check3.png) no-repeat;
		background-size: 22px;
	}

/*-- sec03 --------*/

#sec03{
	margin:0 0 75px;
}
.sec03_box{
	position: relative;
	width: 818px;
	padding: 35px 22px;
	background: url(../images/sec03_bg.jpg) no-repeat;
	background-size: cover;
}
.sec03_box img {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -113px;
}


.sec03_box ul{
	background: #fff;
	padding: 60px 16px 34px 20px;
}
	.sec03_box ul li{
		font-size: 2.3rem;
		padding: 0 0 6px 36px;
		position: relative;
		line-height: 1.4;
		border-bottom: 1px solid #f0c4dc;
	}

	.sec03_box li+li{margin-top: 14px; }
	.sec03_box li:before{
		content: "";
		width: 30px;
		height: 28px;
		position: absolute;
		top:-2px;
		left: 3px;
		display: block;
		background: url(../images/check2.png) no-repeat;
		background-size: 30px;
	}



/*-- sec04 --------*/
#sec04{
	margin:0;
	padding-bottom: 76px;
	background: #f4f3eb;
}
#sec04 .mid01{padding: 20px 0; margin-bottom:74px;}
.sec04inner{
	background: url(../images/sec04_bg.png);
	padding: 18px 15px 30px;
	border:2px solid #98c3ee;
	width: 856px;
	margin: 0 auto;
}
.sec04inner + .sec04inner{margin-top: 20px;}

#sec04 .ttl{
	color: #d8004d;
	font-weight: bold;
	font-size: 2.3rem;
	padding-left: 2rem;
	text-indent: -2rem;
}
#sec04 .name{
	text-align: right;
	padding-top: 0;
}

#sec04 .name+p{padding-top: 20px;}

/*-- sec05 --------*/
#sec05{
	margin:20px 0 50px;
}
.sec05_blk1{
	display: block;
	padding: 58px 0 36px;
	font-size: 2.2rem;
}
#sec05 img.fr{margin-left: 30px;}


/*-- sec06 --------*/
#sec06{
	margin:0 0 105px;
}
#sec06 p{font-size: 1.6rem;}
.sec06inner{text-align: left;}
.sec06inner img.fr{margin-left: 30px;}
.sec06inner + .sec06inner{padding-top: 80px;}
#sec06 .sec06name{font-size: 1.85rem;}

.sec06_blk1{
	display: block;
	padding: 28px 0 30px;
	font-size: 2.4rem;
	font-weight: bold;
}

/*-- sec07 --------*/
#sec07{
	margin:0 0 70px;
}
.sec07_boxwrap{
	position: relative;
	width: 868px;
	padding: 10px;
	background: url(../images/sec7box_bg.jpg);
	margin-top: 68px;
}

.sec07_box{
	background: #fff;
	border:4px solid #0f6eb9;
	padding: 30px 16px 40px;
}
.sec07_box p.ttl{
	position: relative;
	font-size: 2.9rem;
	letter-spacing: -0.5px;
	font-weight: bold;
	text-indent: 34px;
}
	.sec07_box p.ttl span{
	font-size: 2.4rem;
	color: #e3184f;
	margin-left: 5px;
	letter-spacing: normal;
	}
	.sec07_box p.ttl:before{
		content: "";
		width: 37px;
		height: 39px;
		position: absolute;
		left: 0;
		margin-top: 2px;
		display: inline-block;
		background: url(../images/check1.png) no-repeat;
		background-size: 37px;
	}



/*-- sec08 --------*/
#sec08{
	margin:0 0 80px;
}
#sec08 .mid01{padding: 18px 0; margin-bottom: 75px;}
.sec08inner{
	text-align: left;
}
.sec08inner + .sec08inner{padding-top: 50px;}




/*-- sec09 --------*/
#sec09{
	margin:87px 0 50px;
}
#sec09 .mid01{padding: 18px 0; margin-bottom: 80px;}

#sec09 ul{
	  border: solid 3px #1f92e9;
	  -webkit-box-shadow: 0 0 0 5px #086ab5 inset;
	  box-shadow: 0 0 0 5px #086ab5 inset;
	  padding: 26px 20px;
		background: #fff;
	-webkit-border-radius: 8px;
	  border-radius: 8px;
	  width: 816px;
	  margin:0 auto;
}

	#sec09 ul li{
		font-size: 2rem;
		padding: 0 36px 12px 26px;
		position: relative;
		line-height: 1.4;
		border-bottom: 1px solid #e5e0e0;
	}
	#sec09 ul li span{
		color: #ea012e;
		font-weight: bold;
	}
	#sec09 li+li{margin-top: 14px; }
	#sec09 li:before{
		content: "";
		width: 21px;
		height: 23px;
		position: absolute;
		top:2px;
		left: -2px;
		display: block;
		background: url(../images/check3.png) no-repeat;
		background-size: 21px;
	}




/*-- sec10 --------*/
#sec10{
	margin:130px 0 105px;
}
#sec10 .ttl{
	font-weight: bold;
	font-size: 3.8rem;
}
/* ------------------------------
    footer
------------------------------ */

#footer{
	border-top:10px solid #dd395c;
	padding:30px 0 40px 0;
	margin:106px 0 0;
}
#footer ul{
	text-align:center;
	font-size:0;
	margin:30px 0 0 0;
}
#footer ul li{
	display:inline-block;
	font-size:1.5rem;
	font-weight: bold;
	padding:0 5px;
}
#footer ul li+li{
	border-left:1px solid #333;
}
#footer ul li a{
	color:#333;
	font-weight:bold;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer .copy{
	text-align:center;
	color:#333;
	font-size:1.5rem;
	font-weight:bold;
}

/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */

/* thanks.html */
#thanks-wrapper{
    width: 100%;
    border-top:7px solid #187ec3;
}

#thanks-wrapper .container{
    background: url(../images/thanks.jpg) center top no-repeat;
    width: 1100px;
    margin: 0 auto;
    padding-top: 374px;
}

#thanks-wrapper .wrap{
    width: 900px;
    margin: 0 91px 109px;
    padding-left: 15px;
}

#thanks-wrapper .wrap p{
    text-align: left;
    padding-right: 0;
}



.thanks_ul{
    padding-top: 33px;
    padding-bottom: 54px;
}
.thanks_ul li{
    font-size: 2.3rem;
    padding-left: 5px;
    position: relative;
    font-weight: bold;
}

.thanks_ul li+li{margin-top: 15px;
}

.thanks-section{
    margin-bottom: 68px;
}

.thanks-section h2{
    margin-top: 40px;
    margin-bottom: 27px;
    margin-left: 18px;
    padding: 2px 18px;
    font-size: 37.46px;
    font-weight: bold;
    border-left: 8px solid #187ec3;
}

.thanks-section .btn_form a{
    display:block;
    width:694px;
    height:108px;
    background:url(../images/thanks_btn.png) 0 0 no-repeat;
    border:none;
    padding:0;
    cursor:pointer;
    margin:0 auto;
}

.btn_form a:hover{
    opacity: 0.7;
}
#thanks-wrapper #footer{
    margin: 0;
    padding: 0;
}

#thanks-wrapper #footer p{
    padding-top: 14px;
}

#thanks-wrapper #footer ul{
    margin-top: 5px;
    margin-bottom: 45px;
}


/* move.html */

#move-wrapper{
    width: 100%;
    height: auto;
    border-top:7px solid #187ec3;
    background: url(../images/move_bkg.jpg) center top no-repeat;
    margin: 0 auto;
}

#move-wrapper .container{
    background-color: #fff;
    width: 862px;
    height: 1020px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.2);
    margin: 23px auto 0 auto;
}

#move-wrapper .wrap {
    width: 100%;
    height:auto;
}

.move-top{
    width: 840px;
    height: 194px;
    background: url(../images/move_top.jpg) center no-repeat;
    margin: 0 auto;
    padding-top: 10px;
    }

.move_date{
    color:#333300;
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    margin-top: 40px;
}

.move-video{
    width: 720px;
    height: 405px;
    margin: 14px auto 38px  auto;
}

.wrap .move-sign{
    margin: 30px 90px 30px 0;
    text-align:right;
}

#move-wrapper #footer{
    width: 100%;
    height: 113px;
    margin: 0;
    padding: 0;
}

#move-wrapper #footer p{
    padding-top: 14px;
}

#move-wrapper #footer ul{
    margin-top: 5px;
}

.sp{
	display:none;
}

.mobile .pc{
	display:none;
}

.mobile .sp{
	display:block;
}

.android p,
.android ul,
.android dl,
.android h2,
.android h3,
.android h4,
.android td{
	max-height: 999999px;
}

.mobile p{
	font-size: 3.4rem!important;
	line-height: 1.4!important;
}

.mobile span{
	font-size: 3rem!important;
	line-height: 1.4!important;
}

.mobile p.copy{
	font-size: 10px!important;
}

.mobile .sec02_ul li,
.mobile .sec03_box ul li,
.mobile #sec04 .ttl,
.mobile #sec09 ul li,
.mobile #sec09 ul li span{
	font-size: 3.6rem!important;
	line-height: 1.4!important;
}

.mobile .sec02_ul li:before, {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    left: 0px;
    margin: 0px 16px 0 6px;
    display: block;
    background: url(../images/check3.png) no-repeat;
    background-size: 30px;
}

.mobile .sec07_box p.ttl,
.mobile #sec10 .ttl{
	font-size: 4.6rem!important;
	line-height: 1.4!important;
}

.mobile #sec09 ul li {
    padding: 0 36px 12px 36px;
}

.mobile #sec09 li:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    left: -3px;
    display: block;
    background: url(../images/check3.png) no-repeat;
    background-size: 30px;
}

.mobile #thanks {
    min-width: 900px;
}

.mobile #thanks-wrapper .container {
    background: url(../images/thanks.jpg) center top no-repeat;
    width: 900px;
    margin: 0 auto;
    padding-top: 374px;
}

.mobile #thanks-wrapper .wrap {
    width: 860px;
    margin: 0 0 109px;
    padding:0 20px;
}