<!DOCTYPE html>
<html>
<head lang=en>
<meta name="Description" content="イリヤ R.アンダーソン">
<meta name="Keywords" content="インストラクター,ダンス,バレエ,モデル,アクロバット,ダイエット,コンディショニング,ストレッチ,バランス,レッスン">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>会社概要 / 企業理念</title>

<link href="body:after { content: ''; background-image: url("Move.jpg"); }" rel="stylesheet" type="text/css" />

<style>

body { margin: 0; background: #000;}

video { 

position: fixed;

top: 50%;

left: 50%;

min-width: 100%;

min-height: 100%;

width: auto;

height: auto;

z-index: -100;

-moz-transform: translateX(-50%) translateY(-50%);

-ms-transform: translateX(-50%) translateY(-50%);

-webkit-transform: translateX(-50%) translateY(-50%);

transform: translateX(-50%) translateY(-50%);

background: url("Move.jpg") no-repeat; background-size: cover;  -webkit-transition: 1s opacity; transition: 1s opacity; }

div { font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;   

font-weight: 100; background: rgba(0,0,0,0.3); color: white; padding: 2rem; width: 35%; margin: 0.1rem; float: right; font-size: 3vmin; }

h1 { font-size: 5vmin; text-transform: uppercase; margin-top: 0; letter-spacing: .3rem; }

a { display: inline-block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); 

padding: .5rem; -webkit-transition: .6s background; transition: .6s background; }

a:hover { background: rgba(0,0,0,0.9); }

.stopfade { opacity: .5; }

#move button {  
 display: block;
 
 width: 80%;
 
 padding: .4rem;
 
 border: none; 
 
 margin: 1rem auto; 
 
 font-size: 3vmin;
 
 background: rgba(255,255,255,0.23);
 
 color: #fff;
 
 border-radius: 3px; 
 
 cursor: pointer;
 
 -webkit-transition: .3s background;
 
 transition: .3s background;

}

#move button:hover { 

   background: rgba(0,0,0,0.5);

}


@media screen and (max-width: 500px) { 

  div{width:70%;} 

}


@media all and (max-device-width: 800px) {

  body { background: url("Move.jpg") #000 no-repeat center center fixed; background-size: cover; }

  #bgvid, #move button { display: none; }

  div{width:70%;} 

}

</style>

<meta charset=utf-8>


<!--&#91;if lt IE 9&#93;>
<script>
  document.createElement('video');
</script>
<!&#91;endif&#93;-->
  
<style>
  video { display: block; }
</style>

<style> 
         body { margin:30px;padding:10px;}
#container {margin: 0 auto;width:} 
</style>
<style type="text/css">

/* back */
#back {
	position: fixed;
	bottom: 20px;
	left: 20px;
	font-size: 77%;
}
#back a {
	background-color: rgba(204,0,255,0.55);
	text-decoration: none;
	color: #fff;
	width: 200%;
        height: auto;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#back a:hover {
	text-decoration: none;
	background-color: rgba(255,100,255,0.55);
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 50px;
	font-size: 77%;
}
#page-top a {
	background-color: rgba(204,0,255,0.55);
	text-decoration: none;
	color: #fff;
	width: 150%;
        height: auto;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background-color: rgba(255,100,255,0.55);
}

</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
	var topBtn = $('#page-top');	
	topBtn.hide();
	$(window).scroll(function () {
		if ($(this).scrollTop() > 200) {
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});

	//スクロールしてトップ
    topBtn.click(function () {
		$('body,html').animate({
			scrollTop: 0
		}, 500);
		return false;
    });

});
</script>
<script type="text/javascript">
$(function() {
	var topBtn = $('#home');	
	topBtn.hide();
	$(window).scroll(function () {
		if ($(this).scrollTop() > $(document).height() - $(window).height() -100) {
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});

});
</script>

</head>


<body>
<video  playsinline autoplay muted loop poster="Move.jpg" id="bgvid">

<source src="Move.mp4" type="video/mp4">
</video>

<div id="move">
<h1>ＡＴＰ１８６７</h1>
<h2>会社概要</h2>
<p>有限会社 A.T.P.1867
（ALL TEMPO'S PRODUCTION 1867., Ltd.）
　
<p>代表：Illya Renwick Anderson
<br>　 　（イリヤ R.アンダーソン）
　
<p>所在地
<br>〒279-0002
<br>　千葉県浦安市北栄4-17-34
<br>　　　パークハイム北栄303
<br>　　　　　TEL1：047-350-7862
<br>　　　　　TEL2：090-1548-2403 
　
<p>創立：1997年（平成９年）11月 
<br>　
<h2>企業理念</h2>
<p>　　ALL　 　=　すべての
<p>　TEMPO'S 　=　テンポ･リズム･<br>　　　　　　　　調子による
<p>PRODUCTION　=　生産・製造・<br>　　　　　　　　　製作企業

<p>ダンスステージ・雑誌・ＣＭモデル・ミュージックビデオ・クラブやホテルのショー・舞台イベント等さまざまな活動を通じ、肉体的･精神的に自分自身を自由自在にコントロールできることを表現し、人々に伝える。
また、スポーツジムや事務所において独自のトレーニング法（ハンドスタンドレッスン）の指導もしている。
<p>　
<h2>関連リンク</h2>
<p><a href="https://www.sportsoasis.co.jp/sh53/" target="right">東急OASIS新宿店</a>
<p><a href="https://www.goldsgym.jp/" target="right">Gold's Gym</a>
<p><a href="https://www.lds.org/?lang=jpn" target="right">浦安末日聖徒<br>イエス･キリスト教会</a>
</p>
<button>Pause</button>
</div>

<script>

var video = document.getElementById("bgvid"),

pauseButton = document.querySelector("#move button");


if (window.matchMedia('(prefers-reduced-motion)').matches) {

    vid.removeAttribute("autoplay");

    vid.pause();

    pauseButton.innerHTML = "Paused";

}


function vidFade() {

  video.classList.add("stopfade");

}


video.addEventListener('ended', function()

{

// only functional if "loop" is removed 

video.pause();

vidFade();

}, false);
 
 
pauseButton.addEventListener("click", function() {

  video.classList.toggle("stopfade");

  if (video.paused) {

    video.play();

    pauseButton.innerHTML = "Pause";

  } else {

    video.pause();

    pauseButton.innerHTML = "Paused";

  }

}, false);


video.addEventListener('touchstart', function(e) {
e.preventDefault();

video.play();

})

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

  })(window,document,'script','analytics.js','ga');

  ga('create', 'UA-9896842-2', 'auto');

  ga('send', 'pageview');

</script>

<br><br><br>
<p id="page-top"><a href="#wrap">PAGE TOP</a></p>
<p id="back"><a href="https://illya.net/mobile/japanTOP/japan1.html">BACK</a></p>
</body>
</html>