body {font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;letter-spacing: .15rem;
}
nav ul a,nav .brand-logo {
	color: #444;
}
p {
	line-height: 2rem;font-size: 1.1rem;
}
.button-collapse {
	color: #26a69a;
}
.mes {
	height: auto;min-height: 380px;
}
.mes .section {
	top: 20%;
}
.info {
	height: auto;min-height: 500px;
}
.parallax-container .section {
	width: 100%;
}
.clearfix {
	zoom: 1;
}
.clear {
	clear: both;
}
.info h1 {
	font-size: 3rem;line-height: 2.8rem;padding: 12% 0;
}
.info h2 {
	font-size: 1rem;line-height: 1.5rem;
}
.deco {
	border-bottom: 2px #26a69a dotted;padding: 4%;
}
h6 {
	font-size: 1.3rem;padding: 5%;line-height: 2rem;
}
.padding {
	padding: 5%;
}
.m-padding {
	padding: 5% 0;
}
.s-padding {
	padding: 1%;
}
nav ul#nav-mobile li:first-child a {
	overflow: auto;
}
.infoIcon {
	float:left; height: 175px; width: 175px; line-height: 175px; max-width: 100%; background: #eceff1; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; text-align: center; vertical-align: middle; position: relative; margin: 0 10px 50px;
}
.up-btn {
	width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto;
}
.up-btn:hover, up-btn:focus {
	color: #fff; background: rgba(61, 201, 179, 1);
}
.icon-block {
	padding: 0 15px;
}
.inline-block{
	display: inline-block; /* インラインブロックにする */ 
}
.flex {
	display: -webkit-box;/* フレックスにする */ display: -moz-box;/* フレックスにする */ display: -webkit-flexbox;/* フレックスにする */ display: -moz-flexbox;/* フレックスにする */ display: -ms-flexbox;/* フレックスにする */ display: -webkit-flex;/* フレックスにする */ display: -moz-flex;/* フレックスにする */ -js-display: flex;/* フレックスにする */ display: flex;/* フレックスにする */ justify-content: center; align-items: center; /* 縦の位置指定 */ } .flex-low{ flex-direction: column; align-items: center;
}
/*会  社  概  要*/
/*リストフレックスの共通CSS*/
.heri_flex{
	width: 100%;
}
.heri_flex ul{
	display: -webkit-box;/* フレックスにする */ display: -moz-box;/* フレックスにする */ display: -webkit-flexbox;/* フレックスにする */ display: -moz-flexbox;/* フレックスにする */ display: -ms-flexbox;/* フレックスにする */ display: -webkit-flex;/* フレックスにする */ display: -moz-flex;/* フレックスにする */ -js-display: flex;/* フレックスにする */ display: flex;/* フレックスにする */ flex-wrap: wrap; flex-direction: row; margin-bottom: 15px; text-align:left;
}
.heri_flex li {
	width: 50%; /* ％指定で列を自由に設定可能 */ box-sizing: border-box; padding-left:50px; font-size: 1.6em;
}
.line1 ul:nth-child(1) li:nth-child(1){ background-color: #0BC8EF; color:#fff;
}
.line1 ul:nth-child(1) li:nth-child(2){ background-color: #0BC8EF; color:#fff;
}
.line1 ul:nth-child(2) li:nth-child(1){ background-color: #F75545; color:#fff;
}
.line1 ul:nth-child(2) li:nth-child(2){ background-color: #F75545; color:#fff;
}
.line1 ul:nth-child(3) li:nth-child(1){ background-color: #0BC8EF; color:#fff;
}
.line1 ul:nth-child(3) li:nth-child(2){ background-color: #0BC8EF; color:#fff;
}
.price_flex{
	width: 100%;
}
.price_flex ul{
	display: -webkit-box;/* フレックスにする */ display: -moz-box;/* フレックスにする */ display: -webkit-flexbox;/* フレックスにする */ display: -moz-flexbox;/* フレックスにする */ display: -ms-flexbox;/* フレックスにする */ display: -webkit-flex;/* フレックスにする */ display: -moz-flex;/* フレックスにする */ -js-display: flex;/* フレックスにする */ display: flex;/* フレックスにする */ flex-wrap: wrap; margin-bottom: 15px;
}
.price_flex li {
	width: 50%; /* ％指定で列を自由に設定可能 */ box-sizing: border-box; padding-left:5px; font-size: 1.4em;
}
#header-service{
	position:relative; top: 0; z-index: 1000;
}
#footer-service{
	position:relative; bottom: 0;
}
.new{
	float: left; line-height: 35px; padding-right: 10px;
}
dl {
	margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; zoom: 100%;
}
dt {
	float: left; margin-top: -4px; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: left; line-height: 35px; min-height: 35px; font-weight: bold; width: 150px !important; /* padding-top: 5px; */ padding-right: 0; padding-bottom: 10px; padding-left: 15px; /*background-image : url(../images/point_1A.png); background-position: 0px 12px;*/ background-repeat: no-repeat; color: #1F8DBC;
}
dd {
	margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; /* padding-top: 4px;*/ padding-right: 10px; padding-bottom: 5px; text-align: left; line-height: 35px; min-height: 20px; padding-left: 150px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DDDDDD;
}
*:first-child + html dd{	/* for IE7 */
	padding-left: 10px; min-height: 25px;
}
* html dd{	/* for IE6 */
	height: 25px; padding-left: 0px;
}
dl::after{
	content: "."; clear: both; height: 0; display: block; visibility: hidden;
}
/*font太さ*/
.bb{
	font-weight: bold;
}
.bb1{
	font-weight:800;
}
.content1 {
	display: block; max-width: 100%; width: 100%; padding: 0px 0px 0px; margin: 0px auto;
}
/*sticky header*/ 
.fade {
	height: 100vh; background-color: #29b6f6 !important; z-index: 101;
}
.fade span {
	margin: 0; font-size: 400%; text-align: center; line-height: 1; padding-top: calc(50vh - 20pt); display: block; font-weight: 700; color: black;
}
.nav1 {
	/* width: 100%;*/ margin: 0 auto; padding-left: 200px;
}
.nav2{
	margin-top: 20px; margin-bottom: 20px;
}
/* And here's the magic! EQCSS.js required */
@element html, body and (min-scroll-y: 100vh) { header { position: fixed; top: 0; background: white; box-shadow: rgba(0,0,0,.05) 0 3px 15px; } }
.posision{
	top:5px; /*0px*/ left: 25px; position: absolute; font-weight:bold;
}
.posision1{
	top:0px; left: 75px; position: absolute; font-weight:bold;
}
.posision2{
	top:20px; left: 68px; position: absolute; writing-mode: lr-tb; font-weight:bold;
}
.posisionaa {
	top:100px; left: 120px; position: absolute; font-weight:bold;
}
.posisionbb {
	top:125px; left: 120px; position: absolute; font-weight:bold;
}
.box {
	background-color: lightgray; display: block; width: 100px; height: 40px; text-align: center; margin-top: 50px;
}
.box_1{
	text-align: center
}
.box2 {
	background-color: lightgray; display: block; width: 100%; text-align: center; margin: 10px;
}
.box3{
	background-origin: content-box; background-color: rgba(235,235,235,0.50); position: relative; z-index: -2;
}
.box4{
	background-origin: content-box; background-image: url(../images/price-image.jpg); position: relative; z-index: -2; background-size: cover;
}
.box4-mask{
	height: 100%; background: rgba(169,169,169,0.3); 
}
.box5{
	background-origin: content-box; background-color: rgba(211,233,251,0.50); position: relative; z-index: -2;
}
.box6{
	background-origin: content-box; background-color: rgba(255,199,219,0.70); position: relative; z-index: -2;
}
.box99 {
	background-color: #F5F5F5; display: block; width: 230px; height:67px; /* max-width:100%;*/ 
}
.box99 img{
	width: 45px; height: auto; margin-left: 7px;
}
.sukima{
	padding: 0 0;
}
.shameiwaku {
	width:90%; border:1px solid #FD5025; border-radius:20px; padding:15px; margin-top: 30px;
}
.shamei {
	text-align:center;
}
/*　collectionの修正用　*/
.collection .collection-item.avatar img {
	position:absolute; border: 0; top:10px;
}
.collection .collection-item.avatar {
	padding-top:20; padding-bottom:0; border-bottom: 1px solid #919191; min-height:60px;
}
.collection .collection-item.avatar.kesu {
	border-bottom: none;
}
.collection.with-header .collection-header.kasen {
	border-bottom: 1px solid #919191;
}
.collection .collection-item.avatar i.circle {
	font-size: 30px;
}
.circle2 {
	border-radius: 1%;
}
.collection .collection-item.avatar:not(.circle-clipper) >.circle {
	left:50px;
}
.light-blue.lighten-3 {
	background-color: #29b6f6!important;
}
.collection .collection-item {
	padding:10px 20px;
}
.yuubin {
	/*content:"";*/ color:#1b1bff; font-size:1.0rem; font-weight:bold;
}
/*<header>の背景色追加*/ 
.hi80{
	display: inline-block; width: 100%; height: 88px; background-color: #29b6f6; position: absolute; top:0; left:0; z-index:-1 ;/* 従来-1*/
}
.white-t {
	width:100%; max-width: 100%; font-size:1.4em; text-align:center;
}
.tcw{
	color:#050FCD; text-weight:300; letter-spacing: normal;
}
.tcw:hover{
	background-color:#CCCCCC;
}
.grey-text.text-lighten-3:hover{
	background-color:#FFFFFF; color:#00568E!important;
}
.switch a:hover{
	background-color:rgba(27,27,255,0.75); /*淡ブルーに変更*/ 
}
.switch a.arrow:after {
	margin-left: 15px; font-size:16px; font-family:FontAwesome; height:auto; content:'f105'; font-weight:300; text-shadow:none; width:10px; display:inline-block; color:#fff;
}
/* button */ 
.brand-logo{
	display: inline-block; background-color: #F5F5F5; border-radius: 10px; color: #FFFFFF; line-height: 45px; width: 200px; height: 70px;
}
.brand-logo img{
	width: 45px; height: auto; padding-top: 12px; padding-left: 7px;
}
.brand-logo.Text1 span, .brand-logo.Text1{
	writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; vertical-align:top;

}
/* button */
a.button {
	display: inline-block; width: 180px; height: 70px; text-align: left; text-decoration: none; line-height: 45px; outline: none;
}
.button {
	background-color: #F5F5F5; border-bottom: 3px solid #FD5025; /*追加*/ color: #fff; line-height: 48px;
}
.button:hover {
	background-color: #59b1eb; border-color: #59b1eb; color: #59b1eb;
}
/* 更新 */
#topinfo{
	width: 100%; margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom: auto; height: 240px; overflow: auto; border-style: none;
}
.topinfo{
	width: 95%; margin: 5px auto; padding: 0;
}
.topmargin{
	margin-top: 50px;
}
.material-icons.large-size{
	font-size: 20px;
}
.material-icons.white{
	color: aliceblue;
}
.mab30{
	margin-bottom:30px;
}
.siro1{
	color: aliceblue; text-align:center;
}
.siro2{
	color: aliceblue; /*position: absolute;*/
}
.siro3{
	color: aliceblue; padding-left:0;
}
.blueaa,.bluecc {
	color:#1B1BFF; font-size: 1.3em;
}
.bluebb {
	font-size: 1.0em; font-weight:bold; color:#1B1BFF;
}
.heri-shot_blue {
	background-color:rgba(179,229,252,0.60);
}
/*.blueaa-pa {padding-left: 50%}*/ 
.ao{
	color:#050FCD;
}
.annai1{ 
	margin:0; padding-left:80px;
}
/*fontサイズ*/ 
.sizeaa{
	font-size:x-small;
}
.sizea{
	font-size:tiny;
} 
.sizeb{
	font-size:small;
}
.sizec{
	font-size:medium;
}
.sized{
	font-size:large;
}
.sizee{ 
	font-size:x-large;
}
.sizef{ 
	font-size:xx-large;
}
.text-center{
	text-align: center;
}
.title2 {
	font-size: 1.3rem; font-weight:bold;
}
.title3 {
	font-size: 1.2rem; font-weight:bold; color:#1b1bff;
}
.title4 {
	font-size: 1.2rem; font-weight:bold;
}
.title5 {
	font-size: 1.2rem; font-weight:bold;
}
.title6 {
	font-size: 1.0rem; font-weight:bold;
}
.title7 {
	font-size: 1.2rem; font-weight:bold; padding-left: 3px;
}
/*about.htmlの＜li>内<span>の位置設定詳細記述*/ 
.about-span1 {
	position: absolute; left : 70px;
}
.about-span2 {
	position: absolute; left : 200px;
}
.about-span1a {
	position: absolute; left: 140px; top:23px;
}
.about-span1c {
	position: absolute; left: 140px; top:10px;
}
.about-span1d {
	position: absolute; left: 140px; top:35px;
}
.about-span2a {
	position: absolute; left: 275px; top:10px;
}
.about-span2b {
	position: absolute; left: 275px; top:35px;
}
.about-span2c {
	position: absolute; left: 275px; top:23px;
}
.fs7{
	font-size: 7px;
}
.fs10{
	font-size: 10px;
}
.fs12{
	font-size: 12px;
}
.fs13{
	font-size: 13px;
}
.fs18{
	font-size: 18px; font-weight:bold;
}
.fs16{
	font-size: 16px;
}
.fs15{
	font-size: 15px;
}
.fss{
	font-size:1.3em;
}
.fs20{
	font-size: 20px; font-weight: 700;
}

/*改行コード*/ 
	.br00:before {
/*  		content: "\A" ;
  		white-space: pre;
*/  		line-height: 1.0;
}
.br0:before{ content: "\A";
    white-space: pre;
 }

.br01:before{
	content: "\A";
    white-space: pre;
 }

.br011:after{
	content: "\A";
    white-space: pre;
 }




/*文字間*/

.font_space1 {
letter-spacing: 0.1em;
}

.font_space2 {
letter-spacing: 0.2em;
}

.font_space3 {
letter-spacing: 0.3em;
}

.font_space4 {
letter-spacing: 0.4em;
}

.font_space5 {
letter-spacing: 0.5em;
}

.font_space6 {
letter-spacing: 0.6em;
}

.font_space7 {
letter-spacing: 0.7em;
}

.font_space8 {
letter-spacing: 0.8em;
}





/*改行高さ*/


.br025{
   line-height:0.25em;
   margin-bottom:0.25em;
}

.br015:before{
	/*content: "\A";*/
    /*white-space: pre;*/
   line-height:0.15em;
   margin-bottom:0.15em;
}

.br03:before{
	content: "\A";
    white-space: pre;
   line-height:0.3em;
   margin-bottom:0.3em;
}


.br05{
   line-height: 0.5em;
   margin-bottom:0.5em;
}

.br1{
   line-height:1em;
   margin-bottom:1em;
}

.br2{
   line-height:2em;
   margin-bottom:2em;
}

.br3{
   line-height: 3em;
   margin-bottom:3em;
}

.br_5{
   line-height: 5em;
   margin-bottom:5em;
}

.br10{
   line-height: 10em;
   margin-bottom:3em;
}


.br15{
   line-height:1.5em;
   margin-bottom:1.5em;
}


.h55 {
  font-size: 1.3rem;
  line-height: 110%;
  margin: 0.7rem 0 0.5rem 0;
}

.h61 {
  font-size: 1.15rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

.br5 {
	margin-bottom: 5px;
}

.br10 {
	margin-bottom: 10px;
}



.br20 {
	margin-bottom: 20px;
}

.br30 {
	margin-bottom: 30px;
}

.br40 {
	margin-bottom: 40px;
}

.br50 {
	margin-bottom: 50px;
}

.br60 {
	margin-bottom: 60px;
}

.br100 {
	margin-bottom:100px;
}

.br200 {
	margin-bottom:200px;
}

.br500 {
	margin-bottom:500px;
}

.br1000 {
	margin-bottom:500px;
}

.yohaku100 {
	margin-bottom:100px;
}



/*破線*/
.deco {border-bottom: 2px #9e9e9e dotted;padding: 4%;}
.l-padding {padding-left: 20%;}
.padding {padding: 5%;}
.padding2 {padding: 0 0 0 60px;}
.padding3{padding: 30% 0 0 0;}
.m-padding {padding: 5% 0;}
.s-padding {padding: 1%;}
/*text-shadow*/
.ts {
 text-shadow: 2px 2px 2px gray;}
.ts2 {
 text-shadow: 2px 2px 2px white;}
.ts3 {
 text-shadow: 2px 2px 2px black;}
.ts4 {
 text-shadow: 2px 2px 2px yellow;}




/*google map/*/
.map {
	min-height: 300px;
}

/*中央揃え/*/
.cent {
	margin-right: auto;
    margin-left : auto;
	padding-right: auto;
	padding-left: auto;
}

.parent{
	text-align: center;
	z-index: 2;
	  position: relative;
  display: inline-block;
}

.example{
	display: inline-block;
	padding-top: 10px;
}

table{
	color:rgba(12,2,103,1.00)
}

/*jQuery/*/


#slide-container {
  position: relative;
  width: 960px;
  height: 540px;
  background-color: #fff;
  border: 1px solid #000;
  overflow: hidden;
}
.item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.item a {
  display: block;
  width: 960px;
  height: 540px;
}
.item .background img {
  max-width: 960px; /* to avoid max-width: 100% of Twitter Bootstrap */
}
.foreground {
  position: absolute;
}
.foreground .element {
  position: relative;
  left: 130px;
  width: 500px;
  color: #fff;
  text-shadow: 1px 1px 2px #000000;
}
.foreground .element.icon {
  top: 340px;
  left: 60px;
  width: 114px;
  height: 114px;
  background: transparent url(../img/play.png) no-repeat;
  background-position: 0 0;
}
.background {
  position: absolute;
  overflow: hidden;
}
.background .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
}
.foreground .element.title {
  top: 280px;
  font-size: 40px;
  text-transform: uppercase;
}
.foreground .element.subtitle {
  top: 300px;
  font-size: 17px;
}
.ui-loader {
  display: none;
}

.product-back{
	background:url("../images/product/product_02.jpg"); background-size:cover;
}
.product-back-mask{
	background: rgba(255,255,255,0.5);
}
.box_1{
	padding-top: 250px;
}
.box_2{
	padding-top: 250px;
}
.box_3{
	text-align: left; padding-left: 35%;
}
.box_4{
	text-align: left; width: 54%; margin-left: 23%;
}
.box_5{
	text-align: left; padding-left: 7%;
}
.heri-shot_box {
	width:100%;
}
.center1 {
	text-align: center;
}
.privacybox_1{
	padding: 50px;
}
.bc {
	background: linear-gradient(130deg,rgba(50, 100, 200, 0.4), rgba(50, 100, 200, 0.4))fixed,url(../images/index_4.jpg); background-size: cover;
}
.relative {
	position: relative;
}
.index-absolute {
	position: absolute; /*/ 要素の配置方法を指定 /*/ width: 100%; /* / 幅指定 /*/ background-color: rgba(0, 0, 0, 0.5); /*/ 背景色指定 /*/ color: #fff; /*/ 文字色指定 /*/ padding: 5px; /*/ 余白指定 /*/ box-sizing: border-box; /*/ 崩れ防止 /*/ font-size: 20px; /*/ フォントサイズ指定 /*/ top: 80px;
}
/*table/*/
table{
	border-collapse: separate; border-spacing: 0px 5px; margin: 0 auto; } td,th{ padding: 10px; } th{ background: #10a0e0; color: #fff;
}
td{
	background: #f1fafe;
}
/*このページの先頭へ ---------------------------------------------------------------------------*/ 
.pagetop {
	display: none; position: fixed; bottom: 50px; right: 25px; z-index: 999;
}
.pagetop a {
	display: block; width: 50px; height: 50px; background-color: #000;/*98FB98;#333*/ opacity: 0.5; border-radius: 50px; text-align: center; color: #fff; font-size: 24px; text-decoration: none; line-height: 50px;
}
/*IEでは恐らくズレ*/
nav ul#nav-mobile li:first-child a {
	overflow: auto;
}
/*---------*/ 
.mahw30 {
	margin: auto; padding: 30px;
}
/* google mapを利用する */
.google-maps {
	position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;
}
.google-maps iframe, .video-container object, .video-container embed {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
/* Material iconsを利用する */ 
.material-icons {
	font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;      /* 推奨サイズ 24px*/
  display: inline-block;
  vertical-align:top; /*bottom*/
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga'; 
}
/* アイコンサイズ */ 
.material-icons.md-2 {
	font-size: 2px;
}
.material-icons.md-8 {
	font-size: 8px;
}
.material-icons.md-18 {
	font-size: 18px;
}
.material-icons.md-24 {
	font-size: 24px;
}
.material-icons.md-36 {
	font-size: 36px;
}
.material-icons.md-40 {
	font-size: 40px;
}
.material-icons.md-48 {
	font-size: 48px;
}
.material-icons.md-60 {
	font-size: 60px;
}
/* 背景が明るいとき用のアイコン色 */ 
.material-icons.md-dark { 
	color: rgba(0, 0, 0, 0.54); 
}
.material-icons.md-dark.md-inactive {
	color: rgba(0, 0, 0, 0.26); 
}
/* 背景が暗いとき用のアイコン色 */ 
.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
	color: rgba(255, 255, 255, 0.3);
}
.icons-va-m { 
	vertical-align:middle;
}
/*.slicebox- */ 
.slicebox-wrapper {
	position: relative; max-width: 1920px; width: 100%; padding: 0 50px; margin: 0 auto;
}
/*透過の設定*/ 
.bg-mask img {
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; width:100%;
}
#slide-container, #multiple-slide-container {
	position: relative; overflow: hidden; margin: 30px auto; width: 960px; height: 540px;
}
.item, .item-triple {
	position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; overflow: hidden;
}
.foreground {
	position: absolute;
}
.background {
	position: absolute; overflow: hidden; 
}
#slide-container {
	position: relative; width: 960px; height: 540px; background-color: #fff; border: 1px solid #000; overflow: hidden;
}
.item {
	display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
}
.item a { 
	display: block; width: 960px; height: 540px;
}
.item .background img {
	max-width: 960px; /*/ to avoid max-width: 100% of Twitter Bootstrap /*/
}
.foreground {
	position: absolute; 
}
.foreground .element {
	position: relative; left: 130px; width: 500px; color: #fff; text-shadow: 1px 1px 2px #000000;
}
.foreground .element.icon {
	top: 340px; left: 60px; width: 114px; height: 114px; background: transparent url(../img/play.png) no-repeat; background-position: 0 0;
}
.background { 
	position: absolute; overflow: hidden;
}
.background .overlay {
	position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%); background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%); background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%); } .foreground .element.title { top: 280px; font-size: 40px; text-transform: uppercase; 
}
.foreground .element.subtitle { 
	top: 300px; font-size: 17px;
}
.ui-loader {
	display: none;
}
/*スライダーslick*/ 
.slicka{ 
	margin: 100px auto; width: 80%;
}
.slicka img{ 
	height: auto; width: 100%;
}
.slider3{ 
	margin: 5px auto; width: 80%;
}
.slider3 img{
	height: auto; width: 100%;
}
@keyframes slideFromRightBox {
	0%, 65% { transform: translateY(100%);
	}
	100% {
		transform: translateY(0px); 
	} }
.textphoto{
	box-sizing: border-box;
}
.slick-slide .caption {
	position: absolute; left: 0; bottom: 0; z-index: 2; width: calc(100% - 40px); padding: 10px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 20px; opacity: 0; transition: .3s ease;
}
.slick-current .caption {
	opacity: 1; transition-delay: .5s;
}
/*余白*/ 
.yohaku1{
	padding-right: 10px;
}
.kusatubox{
	padding-top: 20px; display: inline-block; text-align: center;
}
.sky-b{
	margin-bottom: 0; padding:5% 0;
    background-color: #29b6f6;
}
.parallax-container1 {
	position: relative; overflow: hidden; max-width:100%; height: 500px;
}
.parallax-container1 .parallax1 {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height:auto;　z-index: -1;
}
.parallax-container1 .parallax1 img {
	opacity: 0; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.wd100{
	height:auto; width:100%; 
}
.margnb-zero {
	margin-bottom: 0px;
}
.margnb-30 {
	margin-bottom: 30px;
}
.padb-20{
	padding-bottom:20px;
}
.margnt-10 {
	top: 13px; position: relative;
}
/* 均等 */ 
.kintou {
	text-align: center; color:black; /*text-justify:inter-ideograph;*/ 
}
.kintou2 {
	text-align: center; color:black; /*text-justify:inter-ideograph;*/
}
.heri-shot ul li{
	padding-left: 0; list-style-type: disc;
}
.belt1 {
	/*text-align: center;*/ /*min-height: 400px;*/
}
.belt1 iframe {
	width:auto; /*width:100%*/ min-width:100%; min-height:100vh; /*min-height: 400px;*/ height:auto; 
}
.belt2 {
	min-height: 400px!important; padding:0 !important; 
}
.belt2 iframe {
	width:auto; /*width:100%*/ min-width:95%; min-height: 800px; margin-left: 2%; /*4%*/ display: block; width: 1px; mix-width: 95%;
}
.waku {
	overflow: hidden;
}
/*テストCSS*/
.photo11{
	position:relative; width:100%; height:500px;
}
.photo11 img {
	width:100%;
}
.naka {
	color:#fff; font-size:3rem; padding:0.7em ; display:inline-block; margin:0 auto;
}
.nakanaka {
	position:absolute; top:17%; left:220px; width:680px; background:rgba(252,252,252,0.20); text-align:center;
}
.ryoukin {
	position:relative; z-index:2;
}
.danochi {
	font-size:x-large;
}
.gyouh {
	line-height:1.4rem; margin:0.05em 0;
}
.lsn {
	letter-spacing: normal;
}
.ls01 {
	letter-spacing: 0.1em;
}
.heri-shot_box ul {
	border: none; padding: 0.5em 1em 0.5em 2.3em; position: relative; font-size: 1.6rem; line-height: 2rem;
}
.heri-shot_box ul li {
	line-height: 1.5; padding: 0.5em 0; list-style-type: none!important;
}
.heri-shot_box ul li:before { 
	content: "※";/*アイコンの種類*/ position: absolute; left : 1em;/*左端からのアイコンまでの距離*/ color: black;/*アイコン色*/ 
}
/* <!-- ---　　以下　メディアクエリー　　----->*/ 
/*drone-school.htmlのメディアクエリー start */
@media only screen and (max-width : 1020px) {
	.belt1 iframe {
		/*min-height:800px;*/ height: 650px; min-height: 0px;
	}
} @media only screen and (min-width : 992px) {
	.collection {
		background-color: #fff;
	}
	.annai1{
		margin-left:30px;
	}
}
/* <!-- ------------------------------>*/
@media only screen and (max-width : 992px) {
	.sizee{
		font-size:large;
	}
	.center1 {
		text-align: left; margin-left:135px;
	}
	.annai1{
		margin:0; padding-left:200px; /*120px*/
	}
	.shameiwaku {
		width: 76%; margin:0 auto;
	}
	.shamei h5 {
		width:100%; max-width:100%; font-size: 1.5em; 
	}
	.brand-logo{
		display:none; 
	}
	a.brand-logo{
		display:none; 
	}
	.nav1{
		width: 100%; margin: 0 auto; padding-left: 0;
	}
	.nav2{ 
		width: 100%; margin: 0 auto; 
	}
	.parallax-container .section {
		position: absolute;top: 30%;
	}
	.mes {
		min-height: 150px;
	}
	.mes .section {
		position: absolute;top: 25%;
	}
	.info h1 { 
		padding: 5%;
	}
	#index-banner .section {
		top: 10%;
	}
	.parallax-container h1 {
		font-size: 2.2rem;
	}
	.top img {
		-ms-interpolation-mode: bicubic; height: 500px; width /***/:auto; /*IE8*/
	}
	.sukima .shamei{
		margin-bottom:50px; 
	}
	.page-footer .br60{
		margin-bottom:30px; 
	}
	.danochi {
		font-size:large;
	}
	/*product.htmlのメディアクエリー start */
	.product-heading {
		top:10%!important; font-size: 20px!important; letter-spacing: 3px!important;
	}
	.haikei3{
		min-height:200px!important;
	}
}
/* <!-- ------------------------------>*/
/*link.htmlのメディアクエリー*/ 
@media only screen and (max-width:830px) {
	.sumaho{
		width: 100% !important; margin-left: auto !important; left: auto!important; right: auto!important;
	}
}
/*link.htmlのメディアクエリー end */
@media only screen and (min-width : 767px) {
	.pc{
		display: block!important;
	}
	.sp{
		display: none!important; 
	}
}
/* <!-- ----------------------------------->*/
@media only screen and (max-width:768px) {
	.index-absolute {
		position: absolute; /*/ 要素の配置方法を指定 /*/ width: 100%; /* / 幅指定 /*/ background-color: rgba(0, 0, 0, 0.5); /*/ 背景色指定 /*/ color: #fff; /*/ 文字色指定 /*/ padding: 5px; /*/ 余白指定 /*/ box-sizing: border-box; /*/ 崩れ防止 /*/ font-size: 20px; /*/ フォントサイズ指定 /*/ top: 30px; } .annai1{ margin:0; padding-left:120px; } .posision{ display: none;
	}
	.posision1{
		display: none;
	}
	.posision2{
		display: none; 
	}
	.brand-logo{
		display: none; 
	}
	.brand-logo img{
		display: none;
	}
	.brand-logo :hover{
		display: none;
	}
	.box_3{
		text-align: left; padding-left: 30%;
	}
	.box_4{
		text-align: left; width: 80%; margin-left: 10%;
	}
	.center1 {
		text-align: left; margin-left:80px;
	}
	.heri_flex ul{
		flex-direction: column; text-align: center;
	}
	.heri_flex li{
		width:100%; padding-left: 0;
	}
	.line1 ul:nth-child(1) li:nth-child(1){
		border-top-left-radius: 20px; border-top-right-radius: 20px;
	}
	.line1 ul:nth-child(3) li:nth-child(2){
		border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
	}
}
/* <!-- -------------------------------------------->*/
@media only screen and (max-width: 600px) {
/*改行コード*/ 
	.br00:before {
  		content: "\A" ;
  		white-space: pre;
  		line-height: 1.0;
}
	
	.card-panel {
		padding: 10px;
	}
	.heri-shot_box ul { 
		border: none; padding: 0em 0em 0em 1em; position: relative; font-size: 1.6rem; line-height: 2rem;
	}
	.heri-shot_box ul li:before { 
		content: "※";/*アイコンの種類*/ position: absolute; left : 0em;/*左端からのアイコンまでの距離*/ color: black;/*アイコン色*/
	}
	.box_4{ 
		text-align: left; width: 90%; margin-left: 5%; padding: 0em 1em 0em 2.3em;
	}
	.price_flex li {
		width: 50%; /* ％指定で列を自由に設定可能 */ box-sizing: border-box; padding-left:5px; font-size: 1.0em; 
	}
	
	span.br-res:after {
		content:"\d\a";white-space: pre;
	}
	.index-absolute {
		position: absolute; /*/ 要素の配置方法を指定 /*/ width: 100%; /* / 幅指定 /*/ background-color: rgba(0, 0, 0, 0.5); /*/ 背景色指定 /*/ color: #fff; /*/ 文字色指定 /*/ padding: 5px; /*/ 余白指定 /*/ box-sizing: border-box; /*/ 崩れ防止 /*/ font-size: 20px; /*/ フォントサイズ指定 /*/ top: 0px; } .banner:before { position:relative; line-height: 2em; padding-left:1em; top:0; left:0; content:""; display: inline-block; width:30px; height:30px; backgroung-image: url(../images/logo.png); background-size:contain; /*contain*/ vertical-align: middle; transform: scale(0.8); -webkit-transform: scale(0.8); /*Z-index:100;*/
	}
	.annai1{
		padding-left:100px; margin:0;
	}
	.shameiwaku{
		width:100%; padding:15px; margin-left:0px;
	}
	.box_1{
		display: none;
	}
	.box_2{
		display: none; 
	}
	/*fontサイズ*/ 
	.sizeaa{
		font-size:8px; 
	}
	.sizea{
		font-size:9px;
	}
	.sizeb{
		font-size:10px;
	}
	.sizec{
		font-size:13px;
	}
	.sized{
		font-size:16px;
	}
	.sizee{
		font-size:18px;
	}
	.sizef{
		font-size:24px;
	}
	.danochi {
		font-size: 15px; writing-mode: lr-tb;
	}
	/*about.htmlのメディアクエリー*/
	.collection.with-header p{
		line-height:1.4rem;
	}
	.collection{
		border-radius:25px;
	}
	/*アイコンをより左詰めに*/ 
	.collection .collection-item.avatar:not(.circle-clipper) >.circle {
		left:10px;
	}
	.collection .collection-item {
		padding:7px 0px;
	}
	.collection.with-header .collection-item.avatar {
		padding-left:60px; 
	}
	.collection li:nth-child(6).title4 >i{ display:none;
	}
	.base-free {
		position: relative;
	}
	.about-span1 {
		left:15px; top:5px;
	}
	.about-span2 {
		left:15px; top:25px;
	}
	.about-span1a { 
		left:15px; top:4px;
	}
	.about-span1c {
		left:15px; top:4px;
	}
	.about-span1d { 
		left:110px; top:4px; 
	}
	.about-span2a {
		left:110px; top:4px;
	}
	.about-span2b {
		left:15px; top:25px;
	}
	.about-span2c {
		left:15px; top:25px;
	}
	.margnt-10 {
		top:0px;
	} 
	/*about.htmlのメディアクエリー end */ /*drone-school.htmlのメディアクエリー start */
	.kokodake {
		padding:0 7px;
	} 
	.wd40{ 
		padding-left: 5px; padding-right: 5px; min-width:40%;
	}
	/*index.htmlのメディアクエリー start */
	dd{ 
		clear:left; margin-left: 60px; padding-left: 0px; line-height: 15px; min-height: 15px; padding-top: 0px; padding-bottom: 3px;
	}
	dt{
		line-height: 15px; min-height: 15px; padding-top: 10px; padding-bottom: 3px;
	}
	/*product.htmlのメディアクエリー start */
	.product-heading { 
		top:8%!important; font-size: 15px!important;
	}
	.haikei3 { 
		min-height:140px!important; 
	}
	.yohaku100{
		margin-bottom: 30px;
	}
	.heri_flex li{
		line-height: 2.0em; font-size: 1.2em; 
	}
} 
@media only screen and (max-width: 544px) {
	.center1 {
		text-align: left; margin-left:40px; line-height:1.5em;
	}
}
@media only screen and (max-width: 400px) {
	.annai1 {
		padding-left:55px!important; 
	}
	
	.koko {
	    display: none!important;
	}
	
	
}
@media only screen and (min-width: 334px) {
	.shamei {
		margin-left:30px;
	}
}