@charset "utf-8";

/*---------------------------
layout
---------------------------*/

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 16px;
	/*line-height: 170%;*/
	color: #313131;
	background:#eeeeee;
	margin: 0 auto;
	padding: 0;
}

.waribiki-disp{ display: block; }

.sp_only { display: none; }

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.red{
	font-weight: bold;
	color: #D80000;
	/*color: #B20000;*/
}
.bgy{
	background-color: #FFFF00;
	font-weight: bold;
}

.bgr{
	background-color: #D80000;
	font-weight: bold;
	color: #fff;
}

.bgyu{
	background-color: #FFFF00;
	font-weight: bold;
	text-decoration: underline;
}

.highlight {
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}

.mb30{
	margin-bottom:30px;
}

.pt30{
	padding-top:30px;
}
.pb30{padding-bottom: 30px;}

.pt30pc{
	padding-top:30px;
}

.align-c{
	text-align:center;
}


.clear {
	clear:both;
}

/*--ゆれるボタン============*/
.yureru-s {
	animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
	0% {
		transform: translate(5px, 0px);
	}
	5% {
		transform: translate(-5px, 0px);
	}
	10% {
		transform: translate(5px, 0px);
	}
	15% {
		transform: translate(-5px, 0px);
	}
	20% {
		transform: translate(5px, 0px);
	}
	25% {
		transform: translate(-5px, 0px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

/*--tuika============


.fb18 {
	font-weight:bold;
	font-size: 18px;
}
.fb20 {
	font-weight:bold;
	font-size: 20px;
}
.fu {
	text-decoration:underline;
}
.bgy-std {
	background:#FFFF00;

}
.fb-cr-bgy {
	font-weight:bold;
	color:#e00000;
	background:#FFFF00;
	padding:2px;
}

div#wrapper .ul03 {
	margin:0px auto 18px auto;
	padding:0px;
}

div#wrapper .ul03 li {
	margin:0px auto 10px 1em;
	padding:0px;
	list-style-type:disc;
	list-style-position:outside;
	text-align:left;
	font-weight:bold;
	font-size: 20px;
	text-decoration:underline;
}
.mincho24-c {
	font-size:24px;
	text-shadow:0 0 1px #bbb;
	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	letter-spacing:-1px;
	text-align:center;
	font-weight: bold;
}

.mincho21 {
	font-size:21px;
	text-shadow:0 0 1px #bbb;
	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	letter-spacing:-1px;
	font-weight: bold;
}

.mincho24-red {
	font-size:24px;
	text-shadow:0 0 2px #666;
	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	letter-spacing:-1px;
	text-align:center;
	color:#e00000;
	font-weight: bold;
}

.fs24-red {
	font-size:24px;
	line-height:1.6;
	letter-spacing:-1px;
	text-align:center;
	color:#e00000;
	font-weight: bold;
}

.mincho28-red {
	font-size:28px;
	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	letter-spacing:-1px;
	text-align:center;
	color:#e00000;
	font-weight: bold;
}

.mincho16 {
	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	}

/*---tuikaここまで=====================--*/

#eq{
    background-image: url(../image/mailicon.jpg);
    background-position: 11px 8px;
    background-repeat: no-repeat;
    max-width:600px;
    width:90%;
    font-size:1.8em;
    padding:8px;
    padding-left:75px;
    margin:15px auto;
    border:solid 1px #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
box-sizing: border-box;
}

@media  (max-width: 768px) {

	#eq{
	    background-image: url(../image/mailiconsp.jpg);
	    font-size:1.4em;
	    padding-left:50px;
	}

}


div#headline {
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background:url(../image/lp1bg_pc.jpg) no-repeat center 0;
	background-color: #fff;
}

div#headline #topcopy{
	width:100%;
	text-align:center;
	background-color: #fff;
}

@media screen and (min-width: 769px) {

	div#headline #hcopy{
		height:550px;
		padding-top:50px;
	}

	div#headline #bonus{
		margin: 30px auto 30px;
		height:284px;
	}

}

div#headline h1 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	position:relative;
}
div#headline h1 #fukidashi	{
	position:relative;
	width:1266px;
	max-width:100%;
	height:100%;
	margin:0 auto;
	display:block;
}
div#headline h1 #fukidashi img	{
	position:absolute;
	bottom:0;
	right:0;
}

div#headline h3 {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}
div#headline .movie {
	margin:0px auto 20px auto;
	text-align:center;
}

div#headline .headline02 {
	margin:0px auto;
	padding:30px 0px 10px 0px;
	text-align:center;
	/*background:url(../image/white-grey-background.jpg) repeat center top;*/
	background-color: #fff;
}

div#headline .box_left {
	width:572px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	text-align:center;
	float:left;
}

div#headline .boxin {
	width:1100px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

div#headline .mailform {
	width:500px;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
	border:10px solid #2B2B2B;
	background:#ffffcc url(../image/mailform_bg.png) repeat top center;
	box-sizing: border-box;
	float:right;
}

div#headline .mailform_ttl {
	margin:0px auto 15px auto;
	padding:0px;
	text-align:center;
}
div#headline .mailform p {
	margin:0px 0px 10px 0px;
	padding:0px;
}

div#headline .formtxt {
	width:430px;
	margin:0px auto;
	padding:17px 10px 17px 45px;
	color:#898989;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	border:6px solid #9c9c9c;
	background:#ffffff url(../image/mail_bg.png) no-repeat 7px 14px;
	box-sizing: border-box;
}

div#wrapper {
	width:870px;
	margin:20px auto 0px auto;
	padding:0 0px 10px 0px;
	border-left:solid 1px #d4d4d4;
	border-right:solid 1px #d4d4d4;
	background:#ffffff;
	box-sizing: border-box;
}



div#wrapper .pt0{
	padding-top:0 !important;
}

div#wrapper h1 {
	margin:0px auto 40px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	margin:0px auto 30px auto;
	text-align:center;
}
div#wrapper h3 {
	margin:0px auto 30px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}


div#wrapper h3 {
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h4 {
	width:600px;
	margin:0px auto 30px auto;
	padding:20px 0px 0px 0px;
	text-align:left;
}

div#wrapper h5 {
	width:95%;
	margin:0px auto 15px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper .box01 {
	width:700px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}
div#wrapper .box02 {
	width:750px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .ul01 {
	margin:0px auto 18px auto;
	padding:0px;
}

div#wrapper .ul01 li {
	margin:0px auto 10px 1em;
	padding:0px;
	list-style-type:disc;
	list-style-position:outside;
	text-align:left;
}


div#wrapper .ul02 {
	margin:0px auto 30px auto;
	padding:0px;
}

div#wrapper .ul02 li {
	margin:0px auto 18px auto;
	padding:0px 0px 0px 35px;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	list-style:none;
	background:url(../image/icon01.png) no-repeat left top;
}


div#wrapper .frame01 {
	width:820px;
	margin:0px auto 30px auto;
	padding:6px 6px;
	background:url(../image/frame01_bg.png) repeat center top;
	box-sizing: border-box;
}

div#wrapper .frame01in {
	margin:0px auto 0px auto;
	padding:40px 0px 10px 0px;
	border:10px solid #EDE8CA;
	background:#ffffff;
	box-sizing: border-box;
}

/*
div#wrapper .frame01 .box01 {
	width:600px;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:left;
}
*/
div#wrapper .frame01_ttl {
	width:100%;
	margin:0px auto 30px auto;
	padding:5px 5px 3px 5px;
	font-weight:bold;
	text-align:center;
	background:#313131;
	color:#ffffff;
	font-size:20px;
	box-sizing: border-box;
	line-height: 160%;
}


div#wrapper .frame02 {
	width:820px;
	margin:0px auto 30px auto;
	padding:30px 0px 18px 0px;
	border:6px solid #ddd;
	background:url(../image/form01_bg.png) repeat center top;
	text-align:center;
	box-sizing: border-box;
}

div#wrapper .frame02 p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
}

div#wrapper .frame02 h2 {
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	padding-bottom:15px;
	border-bottom:1px dotted #ccc;
}


div#wrapper .frame02 .box01 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
}

div#wrapper .mailform {
	width:720px;
	margin:20px auto 50px auto;
	padding:0px 0px 0px 0px;
	border:10px solid #2B2B2B;
	background:#ffffcc url(../image/mailform_bg.png) repeat top center;
	box-sizing: border-box;
}

div#wrapper .mailform_ttl {
	margin:0px auto 25px auto;
	padding:0px;
	text-align:center;
}
div#wrapper .mailform p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .formtxt {
	width:560px;
	margin:0px auto;
	padding:17px 10px 17px 45px;
	color:#898989;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	border:6px solid #9c9c9c;
	background:#ffffff url(../image/mail_bg.png) no-repeat 7px 14px;
	box-sizing: border-box;
}


div#wrapper .img_right {
	margin:0px 0px 15px 10px;
	padding:0px;
	float:right;
}

div#footer_links {
	width:100%;
	margin:0px auto 0px auto;
	padding:7px 0px 5px 0px;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	background:#222222;
}

div#footer_links a {
	color:#ffffff;
	text-decoration:none;
}

div#footer {
	width:100%;
	margin:0px auto 0px auto;
	padding:15px 0px;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	background:#222222;
}


div#wrapper .table01 {
	width:760px;
	margin:0px auto 30px auto;
	text-align:center;
	border: 7px solid #dcdcdc;
	background:#FFFFFF;
}

div#wrapper .table01 th {
	padding: 6px 15px;
	text-align: center;
	vertical-align: top;
	color: #333;
	font-weight:bold;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */

	border-right: 1px solid #dddddd;
}

div#wrapper .table01 td {
	padding: 4px 15px;
	text-align:left;
	border-right: 1px solid #dddddd;
}


div#wrapper .table01 tr {
	border-top: 1px solid #dddddd;
}

div#wrapper .table02 {
	width:100%;
	margin:0px auto 0px auto;
	border: none;
	box-sizing: border-box;
	line-height: 150%;
border-collapse: separate;
border-spacing: 5px;
}

div#wrapper .table02 th {
	padding:5px 20px;
	font-weight:bold;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:#FCFCFC;
	text-align:left;
}


div#wrapper .table02 td {
	vertical-align: top;
	text-align:center;
}
div#wrapper .table02 td p{
	margin:5px auto 0px auto;
	padding:0px;
}


input.formtxt02 {
	width:100%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}

input.formtxt03 {
	width:41%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}

input.formtxt04 {
	width:20%;
	height:40px;
	padding:0px 5px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
}

.submit:hover {
	opacity: 0.7;
	/* IE */
	filter: alpha(opacity=70);
}
div#headline_sp {
	display:none;
}
.table01_sp {
	display:none;
}

.iframe_wrap {
	margin:0px auto 25px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.pconly {
    display: block;
}

@media screen and (min-width: 1800px) {
/* PC用のスタイル記述 */

div#wrap {
	width:1800px;
	margin:0px auto;
	padding:0px;
}
}


@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */

.pt30pc{
	padding-top:0px;
}

img.miniimg { display: block; }  /* mini\ */
img.bigimg  { display: none; } /* big\ */
img.frame01tab  { display: block; } /* frame01tab\ */

.sp_none { display: none; }
.sp_only { display: block; }

img {
    max-width:100%;
    width /***/:auto;
    height:auto;
    vertical-align:bottom;
	box-sizing: border-box;
}

div#headline {
	background-size: 100% auto;
	background-image:url(../image/lp1bg_sp.jpg);
	/*background-color: #fff;*/
}

div#headline h1 {
	width:98%;
	margin:0px auto 20px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}

div#headline h1 #fukidashi	{
	position:absolute;
	bottom:-20px;
	right:0;
	max-width:80%;
}

div#headline .headline02 {
	margin:0px auto;
	padding:15px 0px 15px 0px;
	text-align:center;
	background-color: #fff;
	background-image:url();
	background-size: 100% auto;
}

div#headline #hcopy{
	padding-top:0;
	height:auto;
	margin-bottom:10px;
}
div#headline #hcopy img{
	margin-bottom:10px;
}
div#headline #bonus{
	margin: 10px auto 30px;
}

div#headline .box_left {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	float:none;
}

div#headline .boxin {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}


div#headline .mailform {
	width:95%;
	margin:10px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	border:5px solid #2B2B2B;
	float:none;
}

div#headline .mailform p {
	width:90%;
	margin:0px auto 8px auto;
	padding:0px 0px 0px 0px;
}

div#headline .formtxt {
	width:95%;
	padding:3% 1% 3% 1%;
	background-image:none;
	text-align:center;
	font-size:15px;
}
div#headline input {
	width:95%;
	text-align:center;
}
div#headline h3 {
	width:95%;
	margin:0px auto 8px auto;
	text-align:center;
}



div#wrapper {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	border:none;
	box-sizing: border-box;
}
div#wrapper h2 {
	width:95%;
	text-align:center;
}

div#wrapper h3 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}
hr {
	width:95%;
	height:4px;
	margin:0px auto 40px auto;
	border: none;
	text-align:center;
	border-top: 4px solid #f3f3f3;
}

div#wrapper .box01 {
	width:95%;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}
div#wrapper .box02 {
	width:95%;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .frame01 {
	width:95%;
	margin:0px auto 30px auto;
	box-sizing: border-box;
}
div#wrapper .frame01in {
	width:100%;
	padding:15px 0px 1px 0px;
	box-sizing: border-box;
}

div#wrapper .frame01_ttl {
	width:100%;
	font-size:18px;
}

div#wrapper .form02 {
	width:100%;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	border:4px solid #eeeeee;
	text-align:center;
	box-sizing: border-box;
}

div#wrapper .frame02 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
}

div#wrapper .frame02 h2 {
	padding-top:15px;
}

div#wrapper .img_right {
	margin:0px auto 15px auto;
	padding:0px;
	float:none;
	text-align:center;
}



div#wrapper .mailform {
	width:95%;
	margin:10px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	border:5px solid #2B2B2B;
}
div#headline .mailform_ttl {
	margin:0px auto 10px auto;
	padding:0px;
	text-align:center;
}
div#wrapper .mailform_ttl {
	margin:0px auto 10px auto;
	padding:0px;
	text-align:center;
}

div#wrapper .mailform p {
	width:90%;
	margin:0px auto 8px auto;
	padding:0px 0px 0px 0px;
}

div#wrapper .formtxt {
	width:95%;
	padding:3% 1% 3% 1%;
	background-image:none;
	text-align:center;
	font-size:15px;
}
div#wrapper input {
	width:95%;
	text-align:center;
}


input.formtxt02 {
	width:100%;
	height:auto;
	padding:0px 7px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}

input.formtxt03 {
	width:100%;
	height:auto;
	padding:0px 7px;
	border:2px solid #CCC;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
}
div#wrapper .table01 {
	width:100%;
	margin:0px auto 30px auto;
	text-align:center;
	border: 7px solid #dcdcdc;
	background:#FFFFFF;
	box-sizing: border-box;
}

.btn01 {
	width:85%;
}
div#wrapper .table02 {
	display:none;
}

.table01_sp {
	display:block;
}

div#headline .movie {
    position: relative;
    width: 95%;
	margin:0px auto 20px auto;
    padding: calc(360 / 640 * 100%) 0 0;
}

div#headline iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div#wrapper .iframe_wrap {
    position: relative;
    width: 95%;
	margin:0px auto 20px auto;
    padding: calc(360 / 640 * 100%) 0 0;
}

div#wrapper .iframe_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pconly {
    display: none;
}

}

/* video */
.video{
  width: 100%;
  height: 100%;
  background: url(../img/mainimg_pc.jpg) no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.video::after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #10394b;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .3;
}

.video video{
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}