@charset "utf-8";
@media screen and (max-width:828px)
{

*{
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	display:block;
	}
	
h1 {
	font-size:12px;
	color:#ffffff;
	}
	
#wrapper1{
	display:none;
	}

a {
	}
a:hover {
    opacity: 0.6;
	}

html {
	height:100%;
	overflow:auto;
	}
	
body {
	margin:auto;
	text-align:center;
	display:table;
	width:100%;
	overflow:hidden;
    position:relative;
	}

.container {
	width:1000px;
	margin:0px auto 0px auto;
	min-height:100%;
	margin-bottom:0px;
	height:auto !important;
	text-align:left;
	}



/* head */
#hd {
	width:1000px;
	height:60px;
	margin:0px -1000px 0px -1000px;
	padding:0px 1000px 0px 1000px;
	float:left;
	z-index:9999;
	position:relative;
	}

.hd_l {
	width:400px;
	margin:0px 0px 0px 0px;
	float:left;
	}

.hd_r {
	width:600px;
	margin:20px 0px 0px 0px;
	text-align:right;
	float:right;
	}



/* menu */
#mnu {
	width:3000px;
	height:60px;
	margin:-60px 0px 0px -1000px;
    position:relative;  
	float:left; 
	text-align:center;
	z-index:990;
	}

.mn_bx_l {
	height:40px;
	margin:10px 0px 0px 1150px;
	float:left;
	color:#ffffff;
	font-family:'Yesteryear', cursive;
	font-size:26px;
	}

.mn_bx {
	height:40px;
	margin:10px 0px 0px 40px;
	text-align:center;
	float:left;
	color:#ffffff;
	font-family:'Yesteryear', cursive;
	font-size:26px;
	}





/* change menu */
#change {
	width:3000px;
	height:60px;
	margin:0px 0px 20px -1000px;
	float:left;
	z-index:9999;
	background-image:url(../images/bk_mn.png);
	position:fixed;
	top:0px;
	display:none;
	}

#content {
	width:1000px;
	margin:0px 0px 0px 0px;
	float:left;
	}

.inner {
	width:1000px;
	margin:auto;
	float:left;
	}



/* movie */
.mainVisual {
    width:1000px;
    height:600px;
    overflow:hidden;
	margin:-60px -1000px 0px -1000px;
	padding:0px 1000px 0px 1000px;
	float:left;
    position:relative;
  }
 .mainVisual video {
    position:absolute;
    left:0;
    top:0;
    min-width:100%;
    min-height:100%;
    z-index:-1;
  }
 main {
    width:100%;
    height:auto;
    max-width:1000px;
    margin:0 auto;
  }
 @media screen and (min-width: 768px) {
.mainVisual {
	height:600px;
    }
  }
.cpy {
	width:1000px;
	margin:-600px 0px 0px 0px;
	float:left;
	text-align:center;
	}
.cpy_other {
	width:1000px;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:center;
	}




/* contents */
.cts {
	width:1000px;
	margin:0px 0px 0px 0px;
	float:left;
	}
.cts_other {
	width:1000px;
	height:300px;
	margin:-60px -1000px 0px -1000px;
	padding:0px 1000px 0px 1000px;
	float:left;
	background-image:url(../images/bk_main.jpg);
	}

.cts_bk {
	float:left;
	}

.cts_bk01 {
	margin:0px -1000px 0px -1000px;
	padding:0px 1000px 0px 1000px;
	float:left;
	background-image:url(../images/bk01.jpg);
	}

.cts_bk02 {
	margin:0px -1000px 0px -1000px;
	padding:0px 1000px 0px 1000px;
	float:left;
	background-image:url(../images/bk02.jpg);
	}

.cts_bk03 {
	background-color:#cfcfcf;
	margin:0 -500%;
	padding:0px 500%;
	float:left;
	}

.cts_bk_inner {
	padding:100px 0px;
	float:left;
	}



/* txt */
.tit_bk {
	width:500px;
	margin:0px 250px 0px 250px;
	float:left;
	z-index:1;
	position:relative;
	}
.tit_l_bk {
	width:500px;
	margin:0px 500px 0px 0px;
	float:left;
	z-index:1;
	position:relative;
	}
.tit_r_bk {
	width:500px;
	margin:0px 0px 0px 500px;
	float:left;
	z-index:1;
	position:relative;
	}
.tit {
	width:1000px;
	margin:0px 0px 50px 0px;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#089fe8;
	z-index:2;
	position:relative;
	}
.tit_l {
	width:450px;
	margin:-20px 0px 50px 50px;
	float:left;
	font-weight:bold;
	font-size:24px;
	color:#089fe8;
	z-index:2;
	position:relative;
	}
.tit_r {
	width:450px;
	margin:-20px 50px 50px 500px;
	float:left;
	text-align:right;
	font-weight:bold;
	font-size:24px;
	color:#089fe8;
	z-index:2;
	position:relative;
	}


.tit_bx {
	width:800px;
	margin:0px 0px 10px 0px;
	float:left;
	font-weight:bold;
	font-size:24px;
	color:#089fe8;
	}
.txt_bx {
	width:800px;
	margin:0px 0px 30px 0px;
	float:left;
	}


.txt_center {
	width:1000px;
	float:left;
	color:#000000;
	text-align:center;
	}


.bx_l {
	width:800px;
	margin:0px 100px;
	float:left;
	}
.bx_r {
	width:800px;
	margin:0px 100px;
	float:left;
	}

.bx2_l {
	width:380px;
	margin:0px 0px;
	float:left;
	}
.bx2_r {
	width:380px;
	margin:0px 0px;
	float:right;
	}



/* service */
.ser_bx {
	width:380px;
	margin:0px 0px 40px 0px;
	float:left;
	text-align:center;
	}
.ser_img {
	width:380px;
	margin:0px 0px 10px 0px;
	float:left;
	}


/* table_com */
.tbl_com {
	width:380px;
	margin:60px 0px 0px 0px;
	float:left;
	}
.tr_com {
	width:380px;
	margin:0px 0px 0px 0px;
	padding:10px 0px;
	float:left;
	border-bottom:1px solid #000000;
	}
.td1-l_com {
	width:100px;
	margin:0px 0px 0px 0px;
	float:left;
	}
.td1-r_com {
	width:280px;
	margin:0px 0px 0px 0px;
	float:right;
	}

/* table_ser */
.tbl_ser {
	width:800px;
	margin:60px 0px 0px 0px;
	float:left;
	}
.tr_ser {
	width:800px;
	margin:0px 0px 0px 0px;
	padding:10px 0px;
	float:left;
	border-bottom:1px solid #000000;
	}
.td1-l_ser {
	width:100px;
	margin:0px 0px 0px 0px;
	float:left;
	}
.td1-r_ser {
	width:700px;
	margin:0px 0px 0px 0px;
	float:right;
	}



/* kiji */
.kiji_tim {
	width:800px;
	margin:0px 0px 10px 0px;
	float:left;
	font-family:'Yesteryear', cursive;
	}
.kiji_tit {
	width:800px;
	margin:0px 0px 50px 0px;
	float:left;
	}
.kiji_txt {
	width:800px;
	margin:0px 0px 0px 0px;
	float:left;
	}



/* footer */
.cts_fot {
	height:100px;
	background-color:#403737;
	margin:0 -500%;
	padding:50px 500%;
	float:left;
	}

.fot_mnu {
	width:1000px;
	margin:0px 0px 0px 0px;
	text-align:center;
	float:left;
	color:#ffffff;
	}

/* copy */
.fot_copy {
	width:1000px;
	margin:30px 0px 0px 0px;
	text-align:center;
	float:left;
	color:#ffffff;
	font-size:20px;
	font-family:'Yesteryear', cursive;
	}
.fot_copy_s {
	width:1000px;
	margin:0px 0px 0px 0px;
	text-align:center;
	float:left;
	color:#ffffff;
	font-size:12px;
	}


/* ■■■テーブル■■■ */
.tbl {
	width:794px;
	border:none;
	}
	
.tr01 {
	width:794px;
	margin:0px 0px 1px 0px;
	border:none;
	float:left;
	background-image:url(../images/tr-back.png);
	}
	
.tr02 {
	width:794px;
	margin:0px 0px 10px 0px;
	border:none;
	float:left;
	}
	
.td01 {
	width:200px;
	margin:0px 20px 0px 0px;
	padding:10px 0px 10px 0px;
	border:none;
	text-align:center;
	float:left;
	font-size:12px;
	}

	
.td01-0 {
	width:200px;
	height:16px;
	margin:0px 20px 0px 0px;
	padding:10px 0px 10px 0px;
	border:none;
	text-align:center;
	float:left;
	font-size:12px;
	}
	
.td02 {
	width:574px;
	margin:5px 0px 0px 0px;
	border:none;
	float:right;
	text-align:left;
	}
	
	
.td01-in {
	width:40px;
	margin:3px 0px 0px 0px;
	border:none;
	float:left;
	font-size:10px;
	text-align:center;
	}
	
.td02-in {
	width:120px;
	margin:0px 20px 0px 0px;
	border:none;
	float:left;
	text-align:left;
	}
/* form */
.ctct-ipt {
	height:24px; 
	padding:1px 10px;
	border:0px solid #868686;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	float:left;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	background-color:#f7f7f7;
	}

.ctct-txtara {
	padding:1px 10px;
	border:0px solid #868686;
	line-height:24px;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	float:left;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	background-color:#f7f7f7;
	}

input[type=text]:focus {
   border:solid 1px #c60000;
	}

input[type=text], select {
   outline:none;
	}



/* link */
p.gotop{
	width:100px;
	height:35px;
    position:fixed;
    right:20px;
	bottom:0;
	}
p.gotop a{
    width:100px;
    height:35px;
    display:block;
	text-align:center;
	}

p.mail{
	width:100px;
	height:100px;
    position:fixed;
    right:130px;
	bottom:0;
	background-color:#ffffff;
	}
p.mail a{
    width:100px;
    height:100px;
    display:block;
	text-align:center;
	}



/* privacy */
.pv-bx {
	width:700px;
	margin:30px 30px 20px 30px;
	float:left;
	}

.pv-txt {
	width:700px;
	margin:0px 0px 10px 0px;
	float:left;
	text-align:left;
	font-size:12px;
	}

.pv-tit {
	width:700px;
	margin:0px 0px 20px 0px;
	float:left;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	}

.pv-close {
	width:700px;
	margin:30px 30px 20px 30px;
	float:left;
	text-align:center;
	}

	
	
	
	
/* ■■■アニメーション■■■ */
.action_a {
  -webkit-animation: fadeIn 1.0s;
  -webkit-animation-delay: 0.5s;
    animation-fill-mode: backwards;
  }

.action_b {
  -webkit-animation: flash 0.2s;
  -webkit-animation-delay: 1s;
   animation-fill-mode: backwards;
  }

.action_c {
  -webkit-animation: flash 0.2s;
  -webkit-animation-delay: 2s;
   animation-fill-mode: backwards;
  }

  .action_d {
  -webkit-animation: fadeInLeft 1s;
  -webkit-animation-delay: 2s;
  }




/*********************************	画像をビヨンビヨン	*********************************/
.biyon-tate{
	-webkit-animation-name:biyon-tate;
	-webkit-animation-property:-webkit-transform;
	-webkit-animation-duration:1000ms;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-transform-origin:center bottom;
	}
@-webkit-keyframes biyon-tate{
	0%{
	}
	25%{
		-webkit-transform:scale(1.0,1.05);
	}
	100%{
		-webkit-transform:scaleX(1.0,.9);
	}
	}
.biyon-yoko{
		margin-top:;
		-webkit-animation-name:biyon-yoko;
		-webkit-animation-property:-webkit-transform;
		-webkit-animation-duration:1000ms;
		-webkit-animation-timing-function:ease-out;
		-webkit-animation-iteration-count:infinite;
		-webkit-transform-origin:center bottom;
	}
	@-webkit-keyframes biyon-yoko{
		0%{
		}
		25%{
		-webkit-transform:scale(1.0,1.02);
		}
		100%{
		-webkit-transform:scaleX(1.0,1.0);
		}
	}


}