@charset "UTF-8";
/* @group Reset */
h1 {
	position:absolute;
	left:-9999px;
	}






/*--------------------------------------------------------------------------------------------------------------------*/
/*768px*//*1024px*/
@media print, screen and (min-width : 768px){	
.tr05 {
    transition: all 0.5s ease-out;
}
	#movie {
		margin: 0 auto 0px;
		position: relative;
		text-align: center;
		background: #000;
		
	}
	/*video {
  width: 100%; 
vertical-align: bottom;
}*/
	video {
  max-width: 100%;/* はみ出ないように */
		vertical-align: bottom;
		
}
	.movie_txt {
	position:  absolute;        /* 要素の配置方法を指定 */
    padding: 0px;              /* 余白指定 */
    width:  980px;              /* 幅指定 */
    height: 110px;               /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
	top:  0;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;    /* 位置調整と組み合わせて上下中央に */
	}

	.css-fade1 {

animation-name:fade-in1;
  animation-duration:2s; /*アニメーション時間*/
  animation-timing-function: ease-out; /*アニメーションさせるイージング*/
  animation-delay:1s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
}

@keyframes fade-in1 {
0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

	
	

	
/*- 共通　 ------------------------------------------------*/	
.inner {
	margin: 0 auto 0;
	width: 960px;
}	
.inner_left {
	float: left;
}
.inner_right {
	float: right;
}	
	
/* top_txt   ------------------------------------------------*/		
#top_txt {
	padding: 60px 0 60px 0;
	background: #000;
}	
#top_txt p {
	color: #fff;

}	
#top_txt p.top_txt1 {
	font-size: 2.25em;
	border-bottom: 1px solid #fff;
}	
#top_txt p.top_txt2 {
	font-size: 1.125em;
	margin-top: 30px;
}	
	
	
/* cont   ------------------------------------------------*/	
#con h2 {
	font-size:2.25em;
	margin: 0 0 40px;
	}
#con h2 {
  position: relative;
  padding: 0 0 5px;
  border-bottom: 4px solid #d3d3d3;
}
#con h2:before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 30%;
  height: 4px;
  content: '';
  background: #d1ae15;
}
	
#con p {
	font-size: 1.125em;
	line-height: 1.8;

	}

.cont01 {
	padding: 70px 0 80px 0;
	background: #fff;
}		
.cont02 {
	padding: 70px 0 80px 0;
	background: #f8f8f8;
}		
.cont03 {
	padding: 45px 0 45px 0;
	background: #fcdeed;
}			
ul.con_img {
	margin: 40px 0 0 0;
	}	
ul.con_img li {
	float: left;
	}	
	
	#price_bg {
		background: #fffaec;
	}	
	.price {
		margin: 50px auto 0;
		padding: 40px 0;
		width: 900px;
	}		
	#price_bg h3 {
		font-size: 1.375em;
		margin: 0 0 20px;
		padding-left: 10px;
		border-left: 10px solid #d1ae15;
	}	
	
	.tab1 {
		margin-bottom: 10px;
	}	
	.tab1 table,
	.tab2 table{
		width: 100%;
		border: 0 #cbcbcb solid;
		border-collapse: collapse;
		font-size: 1.125em;
	}

	.tab1 td,
	.tab2 td {
		border: 1px #cbcbcb solid;
		background-color: #fff;
		text-align: center;

	}
	
	.tab1 td {
		text-align: center;
		}	
	.tab2 td {
		padding: 0px 0 0 40px;	
		text-align: left;
		}	
	
.tab1 th,
.tab2 th{
	border: 1px #cbcbcb solid;
	background-color: #d1ae15;
	padding: 15px 10px 15px 30px;
	text-align: left;
	width: 33%;
	color: #fff;
}

	#price_bg .cap {
		font-size: 1em;
		line-height: 1.3;
		margin: 20px 0 0 0;
	}
	#price_bg .cap span {
		color: #ff0000;
	}
	#price_bg .cap2 {
		font-size: 0.875em;
		line-height: 1.5;
		margin: 15px 0 30px 0;

	}

	.con_bdr {
		margin-top:  50px;
		padding: 38px;
		border: 2px solid #d1ae15;
	 	border-radius: 10px;
		background: #fff;
	}
	.con_bdr h3 {
		font-size: 1.5em;
		margin-bottom: 15px;
	}
	.con_bdr_bg1_1 {
		width:  880px;
		height: 365px;
	 	background: no-repeat url("../img/bg1.jpg") top left;
	}
	.con_bdr_bg1_2 {
		width:  880px;
		height: 148px;
	 	background: no-repeat url("../img/bg2.jpg") top left;
	}
	ul.con_bdr_lst  {
		padding: 38px 0 0 0;
	}
	 ul.con_bdr_lst li {
		font-size: 1.25em; 
		text-align: center;
		margin:0 0 85px;
		line-height: 1;
	}
	
	ul.con_bdr_lst  li.li1 {
		width: 455px;
		float: left;	
	}
	ul.con_bdr_lst li.li2 {
		width: 420px;
		float: right;
	}
	ul.con_bdr_lst  li.li3 {
		width: 355px;
		float: left;	
	}
	ul.con_bdr_lst li.li4 {
		width: 310px;
		float: left;
	}
	ul.con_bdr_lst li.li5 {
		width: 215px;
		float: right;
	}
	ul.con_bdr_lst li.mt {
		margin-top: -15px;
		line-height: 1.3;
	}
	
	.con_bdr_bg2 {
		margin-top: 20px;
		background: #fffaec;
		border-radius: 10px;
	}
	.con_bdr_bg2_box {
		margin: 0 auto;
		padding: 30px 0;
		width: 800px;
	}
	.con_bdr_bg2 h4 {
	font-size: 1.625em; 
		color: #fff;
	}
	.con_bdr_bg2 h4 span {
		padding: 6px 30px;
		background: #d1ae15;
		border-radius: 50px;
	}

	.con_bdr_bg2 ul{
		margin: 20px 0 0 20px;
	}
	.con_bdr_bg2 ul li {
		position: relative;
		font-size: 1.25em;
		margin-bottom: 5px;
	}
	.con_bdr_bg2 ul li::after {
	  display: block;
	  content: '';
	  position: absolute;
	  top: .7em;
	  left: -1em;
	  width: 7px;
	  height: 7px;
	  background-color: #d1ae15;
	  border-radius: 100%;
	}


	.contact_bdr {
		 /*border: 4px solid #dadada;*/
		padding: 40px 60px;
		background: #fff;
		border-radius: 10px;
	}
	.contact_bdr h2:before {
	  background: #f14796 !important;
	}
	.contact_bdr h2 {
	font-size:1.625em !important;
	}
	.contact_bdr h2 span {
		font-size:70%;
		margin-left: 40px;
	}
	.contact_lr{
		margin: 0 auto;
	width: 700px;
	}
	.contact_l {
		width: 300px;
		float: left;

	}
	.contact_l dt {
		font-size:1.125em;
	}
	.contact_l dd {
		font-size:1.375em;
	}
	.contact_r {
		width: 400px;
		float: right;
		text-align: center;
	}
	.contact_r .btn li {
		border-radius: 5px;
		text-align: center;	
		background: #f14796;
	
	}		
	.contact_r .btn li a {
		padding: 16px 0 14px;
		display: block;
		color: #fff;
		font-size:1.25em;
		text-decoration: none;
	}	
	.contact_r .btn li a:hover {
		padding: 16px 0 14px;
		display: block;
		background: #f26aa9;
		border-radius: 5px;

	}
	.mt70 {
	margin-top: 70px;
	}

	

	
	
	
	
}
	
/*-----------------------------------------------------------*/
@media only screen and (max-width: 767px)  {

video {
  max-width: 100%;/* はみ出ないように */
	display: block;
}
	#movie {
		margin: 0 auto 0px;
		position: relative;
		
	}
	
	.movie_txt {
	position:  absolute;        /* 要素の配置方法を指定 */
    padding: 0px;              /* 余白指定 */
    width:  80%;              /* 幅指定 */
    height: 0;               /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
	top:  0;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;    /* 位置調整と組み合わせて上下中央に */
	}

/*- 共通　 ------------------------------------------------*/	
.inner {
	margin: 0 auto 0;
	width: 86%;
}	

/* top_txt   ------------------------------------------------*/		
#top_txt {
	padding: 2em 0;
	background: #000;
}	
#top_txt p {
	color: #fff;
}	
#top_txt p.top_txt1 {
	font-size:1.375em;
	border-bottom: 1px solid #fff;
}	
#top_txt p.top_txt2 {
	font-size: 0.875em;
	margin-top: 1em;
}	
#top_txt .inner_right {
	margin: 1em auto 0;
	width: 80%;
}
	
/* cont   ------------------------------------------------*/	
#con h2 {
	font-size:1.25em;
	margin: 0 0 1em;
	}
#con h2 {
  position: relative;
  padding: 0 0 5px;
  border-bottom: 3px solid #d3d3d3;
}
#con h2:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 30%;
  height: 3px;
  content: '';
  background: #d1ae15;
}
	
#con p {
	font-size: 1em;
	line-height: 1.8;
	font-weight: normal !important;
	}	
.cont01 {
	padding: 2.5em 0 3em;
	background: #fff;
}		
.cont02 {
	padding: 2.5em 0 3em;
	background: #f8f8f8;
}
	.cont03 {
	padding: 1.8em 0 1.8em;
	background: #fcdeed;
}	
ul.con_img {
	margin: 2em 0 0 0;
	}	
	
#price_bg {
		background: #fffaec;
	}	
	.price {
		margin: 2em auto 0;
		padding: 1em 0;
		width: 90%;
	}		
	#price_bg h3 {
		font-size: 1.125em;
		margin: 0 0 1em;
		padding-left: 10px;
		border-left: 6px solid #d1ae15;
	}	
	
	.tab1 {
		margin-bottom: 2em;
		
	}	
	.tab1 table,
	.tab2 table{
		width: 100%;
		border: 0 #cbcbcb solid;
		border-collapse: collapse;
		font-size: 0.875em;
	}

	.tab1 td,
	.tab2 td {
		border: 1px #cbcbcb solid;
		background-color: #fff;
		text-align: center;
	}
	
	.tab1 td {
		text-align: center;
		}	
	.tab2 td {
		padding: 0px 0 0 2.5em;	
		text-align: left;
		}	
	
.tab1 th,
.tab2 th{
	border: 1px #cbcbcb solid;
	background-color: #d1ae15;
	padding: 0.5em 0.5em;
	text-align: left;
	width: 35%;
	color: #fff;
}

	#price_bg .cap {
		font-size: 0.875em;
		line-height: 1.5;
		margin: 1.5em 0 0 0;
	}
	#price_bg .cap span {
		color: #ff0000;
		font-weight: bold !important;
	}
	#price_bg .cap2 {
		font-size: 0.875em;
		line-height: 1.5;
		margin: 0em 0 2em 0;

	}
	.con_bdr {
		margin-top:  2.5em;
		padding: 1em;
		border: 2px solid #d1ae15;
	 	border-radius: 10px;
		background: #fff;
	}
	.con_bdr h3 {
		font-size: 1.125em;
	}
	.con_bdr img {
		width: 8%;
	}
	
	ul.con_bdr_lst  {
		padding: 0.5em 0 0 0;
	}
	 ul.con_bdr_lst li {
		font-size: 1em; 
		text-align: center;
		margin:0 0 0.5em;
		line-height: 1.4;
		 padding: 0.7em 0.5em;
		background: #ededed;
		border-radius: 5px;
	}
	
	.con_bdr_bg2 {
		margin-top: 1em;
		background: #fffaec;
		border-radius: 10px;
	}
	.con_bdr_bg2_box {
		margin: 0 auto;
		padding: 1.5em 0.5em 0.5em;
		width: 94%;
	}
	.con_bdr_bg2 h4 {
	font-size: 1.25em; 
		color: #fff;
	}
	.con_bdr_bg2 h4 span {
		padding: 0.4em 0.5em;
		background: #d1ae15;
		border-radius: 2em;
	}

	.con_bdr_bg2 ul{
		margin: 1.5em 0 0 1em;
	}
	.con_bdr_bg2 ul li {
		position: relative;
		font-size: 1em;
		margin-bottom: 5px;
	}
	.con_bdr_bg2 ul li::after {
	  display: block;
	  content: '';
	  position: absolute;
	  top: .6em;
	  left: -1em;
	  width: 6px;
	  height: 7px;
	  background-color: #d1ae15;
	  border-radius: 100%;
	}
	
	.triangle3{
		margin: 0 auto;
		width: 0;
		height: 0;
		border-left: 2em solid transparent;
		border-right: 2em solid transparent;
		border-top: 2em solid #d1ae15;
			text-align: center;
	}
	
	
	.contact_bdr {
		 /*border: 2px solid #f38dbc;*/
		padding: 1.5em 2em;
		background: #fff;
		border-radius: 10px;
	}
	.contact_bdr h2:before {
	  background: #f14796 !important;
	}
	.contact_bdr h2 {
	font-size:1.25em !important;
	}
	.contact_bdr h2 span {
		font-size:70%;
		 display:block;
		font-weight: normal !important;
	}
	.contact_lr{
		margin: 0 auto;
	width: 96%;
	}
	
	.contact_l dt {
		font-size:1em;
		float: left;
		font-weight: normal !important;
	}
	.contact_l dd {
		font-size:1em;
		float: left;
	}
	
	.contact_r .btn li {
		margin: 1em 0 0 0;
		border-radius: 5px;
		text-align: center;	
		background: #f14796;
	
	}		
	.contact_r .btn li a {
		padding: 1em 0 0.9em;
		display: block;
		color: #fff;
		font-size:1em;
		text-decoration: none;
	}	
	.contact_r .btn li a:hover {
		padding: 1em 0 0.9em;
		display: block;
		background: #f26aa9;
		border-radius: 5px;

	}
		.mt70 {
	margin-top: 3em;
	}

	

	
}