html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

html {
	font-size: 62.5%;
}

body {
	background-color: #ffffff;
	word-wrap: break-word;
	font-size: 13px;
	font-size: 1.3rem;
}

img {
	vertical-align: top;
}

video {
    outline: none;
}

a {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

a.hover:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.projects {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.projects .sect {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects .title {
	text-align: center;
}
.projects .title img {
	width: 100%;
	max-width: 1080px;
	height: auto;
}
.projects #oden {
	background: url(../img/projects/bg_tile.png);
	padding-bottom: 100px;
	position: relative;
}
.projects #oden .title {
	background: url(../img/projects/bg_sect1.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.projects #printer h1,
.projects #oden h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #oden .body img,
.projects #oden h1 img {
	width: 100%;
	max-width: 1080px;
	height: auto;
}
.projects #oden .body {
	width: calc(100% - 20px);
	max-width: 1080px;
	margin: 90px auto 0;
}
.projects #oden .body h2 {
	margin-top: 95px;
}
.projects #oden .body h2:first-of-type {
	margin-top: 0;
}
.projects #oden .body p {
	margin-top: 65px;
}
.projects #oden .body p:nth-of-type(3),
.projects #oden .body p:nth-of-type(2) {
	margin-top: 80px;
}
.projects #oden .body ul {
	margin-top: 65px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.projects #oden .body ul li:nth-of-type(4),
.projects #oden .body ul li:nth-of-type(3) {
	margin-top: 80px;
}
.projects #oden .body ul li img {
	width: 100%;
	max-width: 500px;
	height: auto;
}

.projects #foodbase {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1317', endColorstr='#0e1317',GradientType=1 );
	background: -moz-linear-gradient(left,  rgba(14,19,23,1) 0%, rgba(30,36,41,1) 50%, rgba(14,19,23,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(14,19,23,1) 0%,rgba(30,36,41,1) 50%,rgba(14,19,23,1) 100%);
	background: linear-gradient(to right,  rgba(14,19,23,1) 0%,rgba(30,36,41,1) 50%,rgba(14,19,23,1) 100%);
	padding: 100px 0 95px;
	position: relative;
}
.projects #foodbase .title {
	padding: 0 25px;
	position: relative;
	z-index: 2;
}
.projects #foodbase .body {
	margin-top: 95px;
	position: relative;
	z-index: 2;
}
.projects #foodbase .body > p {
	margin-top: 95px;
	text-align: center;
}
.projects #foodbase .body > p img {
	width: 100%;
	max-width: 1080px;
	height: auto;
}
.projects #foodbase .loopslider {
	margin: 0 auto;
	width: 100%;
	height: 207px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 17px;
}
.projects #foodbase .loopslider ul {
	zoom: 1;
	height: 207px;
	float: left;
	display: inline;
	overflow: hidden;
}
.projects #foodbase .loopslider ul:before,
.projects #foodbase .loopslider ul:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
.projects #foodbase .loopslider ul:after {
	clear: both;
}
.projects #foodbase .loopslider ul li {
	padding-left: 12px;
	width: 196px;
	height: 207px;
	float: left;
	display: inline;
	overflow: hidden;
}
#mask {
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}
#foodBasePop {
	background: #141f29;
	display: none;
	width: 950px;
	padding: 50px 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: 95px;
	margin: 0 auto;
	z-index: 10000;
}
body#foodBasePop {
	display: block;
}
#foodBasePop .videoBlock {
	width: 100%;
	height: 100%;
	position: relative;
}
#foodBasePop .videoBlock video {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#foodBasePop .detail {
	display: none;
	position: relative;
}
body#foodBasePop .detail {
	display: block;
}
#foodBasePop h1 {
	text-align: center;
	padding-bottom: 30px;
}
#foodBasePop .bg {
	background: url(../img/projects/bg_fb_popup.png) 0 0 no-repeat;
	width: 840px;
	height: 534px;
	margin: 0 auto 30px;
	overflow: hidden;
	position: relative;
	display: block;
}
#foodBasePop .uc {
	background: url(../img/projects/bg_fb_popup_uc.png) 0 0 no-repeat;
}
#foodBasePop.eng .bg {
	background: url(../img/projects/bg_fb_popup_e.png) 0 0 no-repeat;
}
#foodBasePop.eng .uc {
	background: url(../img/projects/bg_fb_popup_uc_e.png) 0 0 no-repeat;
}
#foodBasePop .bg .printing {
	opacity:0;
	position: absolute;
	z-index: 2;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#foodBasePop .bg .printing.show {
	opacity: 0.9;
}
#foodBasePop .bg .printing img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
#foodBasePop .btn {
	display: block;
}
#foodBasePop .btn a {
	display: block;
	width: 360px;
	height: 60px;
	margin: 0 auto;
}
#foodBasePop .left {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -35px;
}
#foodBasePop .right {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -35px;
}
#foodBasePop .close {
	position: absolute;
	right: 25px;
	top: 25px;
	z-index: 10;
}

.projects #printer {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141f29', endColorstr='#141f29',GradientType=1 );
	background: -moz-linear-gradient(left,  #141f29 0%, #43193a 50%, #141f29 100%);
	background: -webkit-linear-gradient(left,  #141f29 0%,#43193a 50%,#141f29 100%);
	background: linear-gradient(to right,  #141f29 0%,#43193a 50%,#141f29 100%);
	text-align: center;
}
.projects #printer .title {
	background: url(../img/projects/bg_sect3.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.projects #printer .body img,
.projects #printer h1 img {
	width: 100%;
	max-width: 1080px;
	height: auto;
}
.projects #printer .body {
	width: calc(100% - 20px);
	max-width: 1080px;
	margin: 0 auto;
	padding: 95px 0;
}
.projects #printer .body p:nth-child(5),
.projects #printer .body p:nth-child(2) {
	margin-top: 65px;
}
.projects #printer .body p:nth-child(3) {
	margin-top: 95px;
}
.projects #printer .body p:nth-child(4) {
	margin-top: 55px;
}

.projects #teleportation {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1317', endColorstr='#0e1317',GradientType=1 );
	background: -moz-linear-gradient(left,  rgba(14,19,23,1) 0%, rgba(30,36,41,1) 50%, rgba(14,19,23,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(14,19,23,1) 0%,rgba(30,36,41,1) 50%,rgba(14,19,23,1) 100%);
	background: linear-gradient(to right,  rgba(14,19,23,1) 0%,rgba(30,36,41,1) 50%,rgba(14,19,23,1) 100%);
	padding-bottom: 90px;
	text-align: center;
	position: relative;
}
.projects #foodbase .tile,
.projects #teleportation .tile {
	background: url(../img/projects/bg_tile.png);
	width: 100%;
	height: 100%;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.projects #teleportation .title {
	position: relative;
	z-index: 2;
}
.projects #teleportation .title h1 img {
	max-width: 100%;
}
.projects #teleportation .body {
	margin-top: 95px;
	position: relative;
	z-index: 2;
}
.projects #teleportation .body img {
	width: 100%;
	max-width: 1080px;
	height: auto;
}
.projects #teleportation .body ul {
	width: 100%;
	max-width: 1080px;
	margin: 30px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.projects #teleportation .body > p:nth-of-type(2) {
	margin-top: 40px;
}
.projects #teleportation .body > p:nth-of-type(9),
.projects #teleportation .body > p:nth-of-type(8),
.projects #teleportation .body > p:nth-of-type(5),
.projects #teleportation .body > p:nth-of-type(4),
.projects #teleportation .body > p:nth-of-type(3) {
	margin-top: 95px;
}
.projects #teleportation .body > p:nth-of-type(6) {
	margin-top: 80px;
}
.projects #teleportation .body > p:nth-of-type(7) {
	margin-top: 75px;
}
.projects #teleportation .body > p:nth-of-type(8) img,
.projects #teleportation .body > p:nth-of-type(6) img {
	max-width: 1280px;
}
.projects #teleportation .body .movieWrap {
	width: 100%;
	max-width: 1080px;
	margin: 40px auto 0;
}
.projects #teleportation .body .movie {
	padding-top: 56%;
	position: relative;
}
.projects #teleportation .body .movie iframe {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	top: 0;
}
.projects #teleportation .body > p:nth-of-type(7) + .movieWrap {
	margin-top: 95px;
}
.projects #teleportation .body .contact {
	background-color: #000;
	width: 100%;
	max-width: 960px;
	margin: 80px auto 0;
	padding: 80px 120px 85px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #teleportation .body .contact.eng {
	max-width: 1080px;
	padding: 80px 60px 85px;
}
.projects #teleportation .body .contact p:nth-of-type(2) {
	margin-top: 65px;
}
.projects #teleportation .body .contact.eng p:nth-of-type(2) {
	margin-top: 80px;
}
.projects #teleportation .body .contact p:nth-of-type(3) {
	margin-top: 35px;
}
.projects #teleportation .body .contact.eng p:nth-of-type(3) {
	margin-top: 40px;
}
.projects #teleportation .body .contact .mail a {
	border-bottom: 2px solid #fff;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
}
.projects #teleportation .body .contact .mail a:hover {
	border-bottom: 2px solid #000;
}

.projects #cube {
	background-color: #ff003c;
	padding-bottom: 100px;
	position: relative;
}
.projects #cube .title {
	background: url(../img/projects/bg_sect5.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.projects #cube h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #cube h1 img {
	width: 100%;
	max-width: 1080px;
	height: auto;
}

/* sushi singularity */
#pop {
	background: #000;
	display: none;
	width: calc(100% - 20px);
	max-width: 1080px;
	padding: 90px 120px 80px;
	position: absolute;
	left: 0;
	right: 0;
	top: 95px;
	margin: 0 auto;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10000;
}
#pop > img:first-child {
	width: 100%;
	max-width: 840px;
	height: auto;
}
#pop .btmClose {
	display: block;
	width: 480px;
	height: 80px;
	margin: 80px auto 0;
}
#pop .closeBtn {
	display: block;
	position: absolute;
	right: 25px;
	top: 25px;
}

.projects #sushisingularity {
	background-color: #9f804d;
	padding-bottom: 50px;
	position: relative;
}
.projects #sushisingularity .title {
	background: url(../img/projects/bg_sect6.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.projects #sushisingularity h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #sushisingularity h1 img {
	width: 100%;
	max-width: 1080px;
	height: auto;
}
.projects #sushisingularity .title .lang {
	height: 15px;
	position: absolute;
	right: 140px;
	top: 25px;
	z-index: 5;
}
.projects #sushisingularity .title .lang img {
	width: auto;
	height: 15px;
}
.projects #sushisingularity .title .lang a:nth-of-type(1) {
	margin-right: 8px;
}
.projects #sushisingularity .title .lang a:nth-of-type(2) {
	margin-left: 8px;
}
.projects #sushisingularity .body {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #sushisingularity #area06,
.projects #sushisingularity #area04,
.projects #sushisingularity #area02,
.projects #sushisingularity #area01 {
	max-width: 1280px;
	padding: 0 100px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #sushisingularity #area01 .popLink {
	width: 149px;
	margin: 0 auto;
}
.projects #sushisingularity #area01 #ProjectMovie {
	padding-top: 40px;
	text-align: center;
}
.projects #sushisingularity #area01 #ProjectMovie video {
	width: 970px;
	height: auto;
}
.projects #sushisingularity #area02 .ffmTxt {
	position: relative;
	z-index: 2;
}
.projects #sushisingularity #area02 .ffmImg {
	margin-top: -91px;
	position: relative;
	z-index: 1;
}
.projects #sushisingularity #area02 .ffmImg .movie {
	width: 1080px;
	margin: 0 auto;
}
.projects #sushisingularity #area02 .ffmImg .movie video {
	width: 1080px;
	height: auto;
}
.projects #sushisingularity #area02 .machineryMovie,
.projects #sushisingularity #area02 .laptopMovie {
	position: relative;
}
.projects #sushisingularity #area02 .machineryMovie > p,
.projects #sushisingularity #area02 .laptopMovie > p {
	position: relative;
	z-index: 1;
}
.projects #sushisingularity #area02 .laptopMovie > .movie {
	width: 465px;
	height: 288px;
	overflow: hidden;
	position: absolute;
	left: 302px;
	top: 20px;
	z-index: 2;
}
.projects #sushisingularity #area02 .laptopMovie > .movie #video01 {
	width: 465px;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -10px;
}
.projects #sushisingularity #area02 .machineryMovie {
	background: url(../img/projects/bg_sect6_01.png) repeat-y 0 0;
	text-align: center;
	width: 1080px;
	padding-left: 1px;
}
.projects #sushisingularity #area02 .machineryMovie video {
	width: 814px;
	height: auto;
	margin: 0 auto;
}
.projects #sushisingularity #area03 {
	background-color: #000;
	padding: 0 100px 100px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #sushisingularity #area03 > p {
	max-width: 1080px;
	margin: 0 auto;
}
.projects #sushisingularity #area03 .sushiWrap {
	width: 871px;
	overflow: hidden;
	margin: 49px auto 0;
}
.projects #sushisingularity #area03 .sushiWrap.eng {
	margin-top: 30px;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg {
	float: left;
	margin-top: 15px;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushiImg {
	margin-top: 0;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg:nth-of-type(2n) {
	float: right;
}
.projects #sushisingularity #area03 .sushiWrap .sushi02 {
	margin-top: 170px;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi02 {
	margin-top: 140px;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg .txt {
	position: relative;
	z-index: 2;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg .img {
	width: 428px;
	position: relative;
	z-index: 1;
}
.projects #sushisingularity #area03 .sushiWrap .sushi02 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi01 .img {
	margin-top: -75px;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi02 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi01 .img {
	margin-top: -90px;
}
.projects #sushisingularity #area03 .sushiWrap .sushi04 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi03 .img {
	margin-top: -85px;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi04 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi03 .img {
	margin-top: -105px;
}
.projects #sushisingularity #area03 .sushiWrap .sushi06 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi05 .img {
	margin-top: -95px;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi06 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi05 .img {
	margin-top: -110px;
}
.projects #sushisingularity #area03 .sushiWrap .sushi08 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi07 .img {
	margin-top: -80px;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi07 .img {
	margin-top: -130px;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi08 .img {
	margin-top: -90px;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg .img video {
	width: 428px;
	height: auto;
}
.projects #sushisingularity #area05 {
	background-color: #fff;
	padding: 0 100px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects #sushisingularity #area05 > p {
	max-width: 1080px;
	margin: 0 auto;
}
.projects #sushisingularity #area06 .mail.sect6 {
	margin: 20px 0 ;
	text-align: center;
}
.projects #sushisingularity #area06 .mail.sect6 a {
	color: #000;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 32px;
	text-decoration: none;
}
.projects #sushisingularity #area06 .pressKit {
	text-align: center;
}

.projects #footer {
	background-color: #BDBEBF;
	padding: 50px 0 20px;
	text-align: center;
}
.projects #footer .back {
	width: 136px;
	height: 28px;
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 999;
}
.projects #footer .sns {
	display: flex;
	justify-content: center;
}
.projects #footer .sns a {
	margin: 0 20px;
}
.projects #footer .sns a img {
    width: 48px;
    height: 48px;
}
.projects #footer .copyright {
	color: #fff;
	margin-top: 50px;
}
.projects .tereportationLine {
	background: url(../img/projects/line_sushitereportation.png) no-repeat center center;
	background-size: cover;
	border: none;
	width: 100%;
	height: 10px;
	margin: 0;
}

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

.menuBtn,
.spOnly {
	display: none !important;
}
.menu {
	position: fixed;
	top: 20px;
	left: 25px;
	z-index: 1000;
}
.menu li {
	margin-bottom: 15px;
}
.menu li a {
	display: block;
	height: 17px;
	text-indent: 300%;
	white-space: nowrap;
	overflow: hidden;
}
.menu >ul > li:nth-child(1) a {
	width: 49px;
	background: url(../img/index/btn_menu_01.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(1) a.current {
	background-position: 0 0;
}
.menu >ul > li:nth-child(2) > a {
	width: 124px;
	background: url(../img/index/btn_menu_02.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) > a.current {
	background-position: 0 0;
}
.menu >ul > li .anchorMenu,
.menu >ul > li:nth-child(2) .projectMenu {
	display: none;
	padding-top: 15px;
}
.menu >ul > li .anchorMenu {
	padding-left: 52px;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(1) > a {
	width: 220px;
	background: url(../img/index/btn_menu_02_01.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(2) > a {
	width: 187px;
	background: url(../img/index/btn_menu_02_02.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(3) > a {
	width: 309px;
	background: url(../img/index/btn_menu_02_03.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(4) > a {
	width: 330px;
	background: url(../img/index/btn_menu_02_04.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(5) > a {
	width: 120px;
	background: url(../img/index/btn_menu_02_05.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) > a {
	width: 297px;
	background: url(../img/index/btn_menu_02_06.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(1) a {
	width: 78px;
	background: url(../img/index/btn_menu_02_06_01.png) no-repeat 0 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(2) a {
	width: 224px;
	background: url(../img/index/btn_menu_02_06_02.png) no-repeat 0 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(3) a {
	width: 197px;
	background: url(../img/index/btn_menu_02_06_03.png) no-repeat 0 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(4) a {
	width: 227px;
	background: url(../img/index/btn_menu_02_06_04.png) no-repeat 0 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(5) a {
	width: 190px;
	background: url(../img/index/btn_menu_02_06_05.png) no-repeat 0 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(6) a {
	width: 156px;
	background: url(../img/index/btn_menu_02_06_06.png) no-repeat 0 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(7) a {
	width: 145px;
	background: url(../img/index/btn_menu_02_06_07.png) no-repeat 0 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(7) {
	margin-bottom: 0;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(7) > a {
	width: 250px;
	background: url(../img/index/btn_menu_02_07.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(7) {
	margin-bottom: 0;
}
.menu >ul > li:nth-child(3) a {
	width: 95px;
	background: url(../img/index/btn_menu_04.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(3) a.current {
	background-position: 0 0;
}
.menu >ul > li:nth-child(4) a {
	width: 114px;
	background: url(../img/index/btn_menu_06.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(4) a.current {
	background-position: 0 0;
}
.menu >ul > li:nth-child(5) a {
	width: 181px;
	background: url(../img/index/btn_menu_05.png) no-repeat 0 -17px;
}
.menu >ul > li:nth-child(5) a.current {
	background-position: 0 0;
}
.menu >ul > li:nth-child(6) a {
	width: 114px;
	background: url(../img/index/btn_menu_06.png) no-repeat 0 -17px;
}
#foodBasePop .bg .video {
	display: flex;
	align-items: center;
	height: 100%;
	position: absolute;
	left: 45px;
	top: 0;
	z-index: 1;
}
.projects #teleportation .title .btn {
	position: absolute;
	right: 25px;
	bottom: 25px;
}
.projects #teleportation .body .imgWrapper {
	width: 100%;
	max-width: 1080px;
	margin: 95px auto 0;
	position: relative;
}
.projects #teleportation .body .imgWrapper p:nth-of-type(2) img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.projects #teleportation .body > ul > li {
	width: calc((100% - 24px) /4);
}
.projects #teleportation .body > ul > li:nth-of-type(n+5) {
	margin-top: 8px;
}
.projects #teleportation .body .about ul {
	display: flex;
	justify-content: space-between;
	margin-top: 0;
}
.projects #teleportation .body .about ul li {
	margin-top: 65px;
	width: 510px;
	text-align: center;
}
.projects #teleportation .body .about ul li .txt {
	margin-bottom: 20px;
}
.projects #teleportation .body .about ul li figure {
	padding-left: 67px;
}
.projects #teleportation .body .about ul li .btnWrap {
	margin-top: 20px;
	text-align: right;
}
.projects #teleportation .body .about ul li .btnWrap img {
	width: auto;
}

.projects #cube .bnr {
	position: absolute;
	top: 25px;
	right: 75px;
}
.projects #cube .body > div {
	width: 100%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.projects #cube .area01 .movieWrapper {
	position: relative;
}
.projects #cube .area01 .movieWrapper .txt {
	position: relative;
	z-index: 2;
}
.projects #cube .area01 .movieWrapper .movie {
	width: 422px;
	height: 458px;
	position: absolute;
	right: 0;
	top: 38px;
	z-index: 1;
}
.projects #cube .area01 .movieWrapper .movie img {
	width: 100%;
}
.projects #cube .area02 .movieWrapper {
	position: relative;
}
.projects #cube .area02 .movieWrapper p:first-of-type {
	position: relative;
	z-index: 1;
}
.projects #cube .area02 .movieWrapper p:last-of-type {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.projects #cube .area02 .movieWrapper video {
	width: 551px;
	height: 404px;
	position: absolute;
	left: 218px;
	top: 92px;
	z-index: 2;
}
.projects #cube .body .area05 {
	max-width: 1230px;
	text-align: center;
}


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

.pcOnly {
	display: none !important;
}

.menu {
	width: 100%;
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 1000;
	-moz-transition: left 0.5s ease;
	-webkit-transition: left 0.5s ease;
	transition: left 0.5s ease;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.menu.opened {
	left: 0;
	height: 100%;
	overflow-y: auto;
}
.menu .menuBtn {
	background: rgba(0, 0, 0, 0.2);
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu .menuBtn span {
	background: #fff;
	width: 24px;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.menu .menuBtn:before,
.menu .menuBtn:after,
.menu .menuBtn span:before,
.menu .menuBtn span:after {
	content: "";
	display: block;
	background: #fff;
	width: 24px;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu.opened .menuBtn span {
	opacity: 0;
}
.menu .menuBtn span:before {
	transform: translateY(-8px);
}
.menu .menuBtn span:after {
	transform: translateY(8px);
}
.menu.opened .menuBtn:before {
	transform: rotate(45deg);
}
.menu.opened .menuBtn:after {
	transform: rotate(-45deg);
}
.menu > ul {
	background: #fff;
	padding: 64px 20px;
}
.menu li {
	margin-top: 30px;
}
.menu li.lang {
	background-color: #eee;
	position: relative;
	margin: 30px -20px 0;
}
.menu li:first-child {
	margin-top: 0;
}
.menu li a {
	display: block;
	width: 100%;
	height: 15px;
	text-indent: 300%;
	white-space: nowrap;
	overflow: hidden;
}
.menu .lang a {
	height: 49px;
}
.menu >ul > li:nth-child(1) a {
	background: url(../img/index/btn_menu_01_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) > a {
	background: url(../img/index/btn_menu_02_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .anchorMenu,
.menu >ul > li:nth-child(2) .projectMenu {
	padding-top: 30px;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(1) a {
	background: url(../img/index/btn_menu_02_01_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(2) a {
	background: url(../img/index/btn_menu_02_02_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(3) a {
	background: url(../img/index/btn_menu_02_03_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(4) a {
	background: url(../img/index/btn_menu_02_04_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(5) a {
	background: url(../img/index/btn_menu_02_05_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(6) a {
	background: url(../img/index/btn_menu_02_06_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(3) a {
	background: url(../img/index/btn_menu_04_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(2) a {
	background: url(../img/index/btn_menu_02_06_02_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(3) a {
	background: url(../img/index/btn_menu_02_06_03_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(4) a {
	background: url(../img/index/btn_menu_02_06_04_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(5) a {
	background: url(../img/index/btn_menu_02_06_05_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(6) a {
	background: url(../img/index/btn_menu_02_06_06_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(7) a {
	background: url(../img/index/btn_menu_02_06_07_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu > li:nth-child(6) .anchorMenu > li:nth-child(1) a {
	background: url(../img/index/btn_menu_02_06_01_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(2) .projectMenu li:nth-child(7) a {
	background: url(../img/index/btn_menu_02_07_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(4) a {
	background: url(../img/index/btn_menu_06_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(5) a {
	background: url(../img/index/btn_menu_05_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(6) a {
	background: url(../img/index/btn_menu_06_sp.png) no-repeat 0 0;
	background-size: 280px auto;
}
.menu >ul > li:nth-child(7) a {
	background: url(../img/index/btn_menu_07_sp.png) no-repeat 0 0;
	background-size: 100% auto;
}
.menu >ul > li.lang.jpn a {
	background: url(../img/index/btn_menu_08_sp.png) no-repeat 0 0;
	background-size: 100% auto;
}
.projects #oden {
	padding-bottom: 50px;
}
.projects #oden .title {
	background: url(../img/projects/bg_sect1_sp.png) no-repeat center center;
	background-size: cover;
}
.projects #oden h1 {
	padding: 0;
}
.projects #oden .body {
	margin-top: 50px;
}
.projects #oden .body h2 {
	margin-top: 40px;
}
.projects #oden .body p {
	margin-top: 20px;
}
.projects #oden .body p:nth-of-type(3) {
	margin-top: 40px;
}
.projects #oden .body ul {
	margin-top: 20px;
	justify-content: center;
}
.projects #oden .body ul li:nth-of-type(4),
.projects #oden .body ul li:nth-of-type(3),
.projects #oden .body ul li:nth-of-type(2) {
	margin-top: 40px;
}

.projects #foodbase {
	padding: 60px 0;
}
.projects #foodbase .title {
	padding: 0;
}
.projects #foodbase .body {
	margin-top: 50px;
}
.projects #foodbase .body > p {
	margin-top: 40px;
	padding: 0 10px;
}
.projects #foodbase .loopslider {
	height: 104px;
	margin-bottom: 8px;
}
.projects #foodbase .loopslider ul {
	height: 104px;
}
.projects #foodbase .loopslider ul li {
	padding-left: 6px;
	width: 98px;
	height: 104px;
}
.projects #foodbase .loopslider ul li img {
	width: 100%;
	height: auto;
}
#foodBasePop {
	width: calc(100% - 20px);
	padding: 50px 10px;
	top: 10px;
}
#foodBasePop h1 {
	height: 30px;
	padding-bottom: 24px;
}
#foodBasePop h1 img {
	width: auto;
	height: 100%;
}
#foodBasePop .bg {
	background: url(../img/projects/bg_fb_popup_sp.png) 0 0 no-repeat;
	background-size: 260px auto;
	width: 260px;
	height: 514px;
	margin: 0 auto 18px;
}
#foodBasePop .uc {
	background: url(../img/projects/bg_fb_popup_uc_sp.png) 0 0 no-repeat;
	background-size: 260px auto;
}
#foodBasePop.eng .bg {
	background: url(../img/projects/bg_fb_popup_sp_e.png) 0 0 no-repeat;
	background-size: 260px auto;
	height: 449px;
}
#foodBasePop.eng .uc {
	background: url(../img/projects/bg_fb_popup_uc_sp_e.png) 0 0 no-repeat;
	background-size: 260px auto;
}
#foodBasePop .bg .video {
	position: absolute;
	left: 0;
	right: 0;
	top: 25px;
	margin: 0 auto;
	text-align: center;
}
#foodBasePop .bg .video img,
#foodBasePop .bg .video video {
	width: auto;
	height: 150px;
}
#foodBasePop .btn a {
	display: block;
	width: 180px;
	height: 30px;
	margin: 0 auto;
}
#foodBasePop .close img,
#foodBasePop .right img,
#foodBasePop .left img,
#foodBasePop .text img,
#foodBasePop .btn a img {
	width: 100%;
	height: auto;
}
#foodBasePop .right,
#foodBasePop .left {
	width: 17px;
	margin-top: -18px;
}
#foodBasePop .close {
	right: 5px;
	top: 5px;
	width: 29px;
	height: 29px;
}
.projects #printer {
	text-align: center;
}
.projects #printer h1 {
	padding: 0;
}
.projects #printer .body {
	padding: 50px 0;
}
.projects #printer .body p:nth-child(5),
.projects #printer .body p:nth-child(2) {
	margin-top: 20px;
}
.projects #printer .body p:nth-child(2) .spOnly {
	display: block;
}
.projects #printer .body p:nth-child(2) .spOnly:first-child {
	margin-bottom: 10px;
}
.projects #printer .body p:nth-child(3) {
	margin-top: 40px;
}
.projects #printer .body p:nth-child(4) {
	margin-top: 20px;
}
.projects #teleportation {
	background: url(../img/projects/bg_tile.png);
	padding-bottom: 50px;
	text-align: center;
}
.projects #teleportation .body {
	margin-top: 50px;
	padding: 0 10px;
}
.projects #teleportation .body .imgWrapper {
	margin-top: 40px;
}
.projects #teleportation .body .imgWrapper p:nth-of-type(2) {
	margin-top: 20px;
}
.projects #teleportation .body > ul {
	margin-top: 20px;
}
.projects #teleportation .body > ul > li {
	width: calc((100% - 4px) /2);
}
.projects #teleportation .body > ul > li:nth-of-type(n+3) {
	margin-top: 4px;
}
.projects #teleportation .body p:nth-of-type(2) {
	margin-top: 20px;
}
.projects #teleportation .body p:nth-of-type(5),
.projects #teleportation .body p:nth-of-type(4),
.projects #teleportation .body p:nth-of-type(3) {
	margin-top: 50px;
}
.projects #teleportation .body > p:nth-of-type(9),
.projects #teleportation .body > p:nth-of-type(6) {
	margin-top: 50px;
}
.projects #teleportation .body > p:nth-of-type(8),
.projects #teleportation .body > p:nth-of-type(7) {
	margin-top: 40px;
}
.projects #teleportation .body > p:nth-of-type(8),
.projects #teleportation .body > p:nth-of-type(6) {
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
}
.projects #teleportation .body .movieWrap {
	margin-top: 20px;
}
.projects #teleportation .body > p:nth-of-type(7) + .movieWrap {
	margin-top: 40px;
}
.projects #teleportation .body .contact.eng,
.projects #teleportation .body .contact {
	width: calc(100% + 20px);
	margin: 50px -10px 0;
	position: relative;
	padding: 40px 10px 45px;
}
.projects .tereportationLine {
	height: 5px;
}
.projects #teleportation .body .contact p:nth-of-type(2) {
	margin-top: 20px;
}
.projects #teleportation .body .contact.eng p:nth-of-type(2) {
	margin-top: 40px;
}
.projects #teleportation .body .contact.eng p:nth-of-type(3),
.projects #teleportation .body .contact p:nth-of-type(3) {
	margin-top: 23px;
}
.projects #teleportation .body .contact .mail a {
	border-bottom: 1px solid #fff;
	font-size: 16px;
}
.projects #teleportation .body .contact .mail a:hover {
	border-bottom: 1px solid #fff;
}
.projects #teleportation .body .about {
	position: relative;
	margin: 20px -10px 0;
}
.projects #teleportation .body .about ul li + li {
	margin-top: 40px;
}
.projects #teleportation .body .about figure {
	margin: 20px auto 0;
	padding: 0 10px;
	width: 240px;
}
.projects #teleportation .body .about .btnWrap {
	width: 240px;
	height: 14px;
	margin: 10px auto 0;
	text-align: right;
}
.projects #teleportation .body .about .btnWrap img {
	width: auto;
	height: 14px;
}

.projects #cube img {
	width: 100%;
	height: auto;
}
.projects #cube h1 {
	padding: 0;
}
.projects #cube .bnr {
	width: 139px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.projects #cube .area01 {
	padding: 0 10px;
}
.projects #cube .area01 .movieWrapper {
	position: relative;
}
.projects #cube .area01 .movieWrapper .txt {
	position: relative;
	z-index: 2;
}
.projects #cube .area01 .movieWrapper .movie {
	width: 39%;
	height: auto;
	position: absolute;
	right: 2%;
	top: 16%;
	z-index: 1;
}
.projects #cube .area02 > p {
	padding: 0 10px;
}
.projects #cube .area02 .movieWrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
}
.projects #cube .area02 .movieWrapper p:first-of-type {
	position: relative;
	z-index: 1;
}
.projects #cube .area02 .movieWrapper p:last-of-type {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.projects #cube .area02 .movieWrapper p img {
	width: 500px;
	height: auto;
}
.projects #cube .area02 .movieWrapper video {
	width: 229px;
	height: 168px;
	position: absolute;
	left: 123px;
	top: 33px;
	z-index: 2;
}
.projects #cube .area03 {
	padding: 0 10px;
}
.projects #cube .area04 {
	padding: 0 10px;
}
.projects #cube .area05 p:first-child {
	padding: 0 10px;
}

/* sushi singularity */
#pop {
	padding: 50px 20px;
	top: 10px;
}
#pop .btmClose {
	display: block;
	width: 240px;
	height: 40px;
	margin: 20px auto 0;
}
#pop .btmClose img {
	width: 100%;
	height: auto;
}
#pop .closeBtn {
	position: absolute;
	right: 5px;
	top: 5px;
}
#pop .closeBtn img {
	width: 29px;
	height: auto;
}
.projects #sushisingularity img {
	width: 100%;
	height: auto;
}
.projects #sushisingularity h1 {
	padding: 0;
}
.projects #sushisingularity .title .lang {
	right: 60px;
	top: 17px;
}
.projects #sushisingularity #area06,
.projects #sushisingularity #area04,
.projects #sushisingularity #area02,
.projects #sushisingularity #area01 {
	padding: 0;
}
.projects #sushisingularity #area01 .popLink {
	width: 127px;
}
.projects #sushisingularity #area01 #ProjectMovie {
	padding-top: 20px;
}
.projects #sushisingularity #area01 #ProjectMovie video {
	width: 90%;
}
.projects #sushisingularity #area02 .ffmImg {
	margin-top: -6%;
}
.projects #sushisingularity #area02 .ffmImg .movie video,
.projects #sushisingularity #area02 .ffmImg .movie {
	width: 100%;
}
.projects #sushisingularity #area02 .laptopMovie {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 490px;
}
.projects #sushisingularity #area02 .laptopMovie > p {
	width: 490px;
}
.projects #sushisingularity #area02 .laptopMovie > .movie {
	width: 277px;
	height: 171px;
	left: 107px;
	top: 14px;
}
.projects #sushisingularity #area02 .laptopMovie > .movie #video01 {
	width: 277px;
}
.projects #sushisingularity #area02 .machineryMovie video,
.projects #sushisingularity #area02 .machineryMovie {
	width: 100%;
}
.projects #sushisingularity #area03 {
	padding: 0;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi02,
.projects #sushisingularity #area03 .sushiWrap .sushi02,
.projects #sushisingularity #area03 .sushiWrap.eng,
.projects #sushisingularity #area03 .sushiWrap {
	width: 100%;
	margin-top: 0;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg:nth-of-type(2n),
.projects #sushisingularity #area03 .sushiWrap .sushiImg {
	float: none;
	position: relative;
	margin-top: 0;
}
.projects #sushisingularity #area03 .sushiWrap .sushi04,
.projects #sushisingularity #area03 .sushiWrap .sushi08 {
	z-index: 1;
}
.projects #sushisingularity #area03 .sushiWrap .sushi03,
.projects #sushisingularity #area03 .sushiWrap .sushi07 {
	z-index: 2;
}
.projects #sushisingularity #area03 .sushiWrap .sushi02,
.projects #sushisingularity #area03 .sushiWrap .sushi06 {
	z-index: 3;
}
.projects #sushisingularity #area03 .sushiWrap .sushi08 {
	padding-bottom: 100px;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg .img {
	width: 64%;
	position: absolute;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi07 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi05 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi03 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi01 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi07 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi05 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi03 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi01 .img {
	right: -6%;
	top: -30px;
	margin-top: 0;
}
.projects #sushisingularity #area03 .sushiWrap.eng .sushi08 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi06 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi04 .img,
.projects #sushisingularity #area03 .sushiWrap.eng .sushi02 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi08 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi06 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi04 .img,
.projects #sushisingularity #area03 .sushiWrap .sushi02 .img {
	left: -6%;
	top: -30px;
	margin-top: 0;
}
.projects #sushisingularity #area03 .sushiWrap .sushiImg .img video {
	width: 100%;
}
.projects #sushisingularity #area05 {
	padding: 0;
}
.projects #sushisingularity #area06 .mail.sect6 {
	margin: 10px 0;
}
.projects #sushisingularity #area06 .mail.sect6 a {
	font-size: 16px;
}
.projects #sushisingularity #area06 .pressKit {
	width: 120px;
	margin: 0 auto;
}

.projects #footer {
	background-color: #BDBEBF;
	padding: 25px 0 10px;
	text-align: center;
}
.projects #footer .back {
	width: 68px;
	height: 14px;
	position: fixed;
	right: 10px;
	bottom: 30px;
	z-index: 999;
}
.projects #footer .back img {
	width: 100%;
	height: auto;
}
.projects #footer .sns a {
	margin: 0 10px;
}
.projects #footer .sns a img {
	width: 31px;
	height: auto;
}
.projects #footer .copyright {
	margin-top: 20px;
	padding: 0 10px;
}


}

/* cyber wagashi */
.projects #cyberwagashi {
    text-align: center;
}
.projects #cyberwagashi .title {
    background-color: #FAFAFA;
    position: relative;
    height: 100vh;
    z-index: 999;
}
.projects .menu .logo,
.projects #cyberwagashi .title .logo {
    position: fixed;
    top: 51px;
    left: 53px;
    z-index: 2;
}
.projects .menu .logo a,
.projects #cyberwagashi .title .logo a {
    display: block;
}
.projects .menu .logo img,
.projects #cyberwagashi .title .logo img {
    width: auto;
    height: 24px;
}
.projects #cyberwagashi h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.projects #cyberwagashi .title h1 img {
    max-width: 1120px;
}
.projects #cyberwagashi .title .link {
    margin: auto;
    width: 48.9286%;
}
.projects #cyberwagashi .title .link .btn {
    display: inline-block;
    background-color: rgba(71,255,255,0.9);
    border-radius: 54px;
    max-width: 548px;
    max-height: 108px;
}
.projects #cyberwagashi .title .lang {
	height: 15px;
	position: absolute;
	right: 70px;
	top: 51px;
	z-index: 5;
}
.projects #cyberwagashi .title .lang img {
	width: auto;
	height: 15px;
}
.projects #cyberwagashi .title .lang a:nth-of-type(1) {
	margin-right: 8px;
}
.projects #cyberwagashi .title .lang a:nth-of-type(2) {
	margin-left: 8px;
}
.projects #cyberwagashi .body {
    position: relative;
    z-index: 2;
}
.projects #cyberwagashi .body img {
    width: 100%;
    max-width: 1080px;
    height: auto;
}
.projects #cyberwagashi .body #area01 {
    margin-bottom: 81px;
}
.projects #cyberwagashi .body #area01 #ProjectMovie {
    max-width: 1080px;
    margin: auto;
}
.projects #cyberwagashi .body #area01 #ProjectMovie video {
    width: 81.2963%;
}
.projects #cyberwagashi .body #area02 {
    background-color: #E3E5E4;
    padding-bottom: 130px;
}
.projects #cyberwagashi .body #area02 #PrinterMovie {
    max-width: 1080px;
    margin: auto;
}
.projects #cyberwagashi .body #area02 #PrinterMovie video {
    width: 79.4445%;
}
.projects #cyberwagashi .body #area04 ul {
    width: 100%;
    max-width: 1080px;
    margin: 30px auto 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.projects #cyberwagashi .body #area04 ul li {
    width: calc((100% - 30px) / 3);
    margin: 10px 0;
}
.projects #cyberwagashi .body #area05 {
    background-color: #E3E5E4;
    margin: 39px auto;
}
.projects #cyberwagashi .body #area06 {
    margin: 60px auto 40px;
}
.projects #cyberwagashi .body #contact {
    margin-top: -15px;
    padding: 0 25px 95px;
}
.projects #cyberwagashi .body p.kitDownload {
    margin-top: 15px;
}
.projects #cyberwagashi .body .kitDownload img {
    max-width: 320px;
}
@media screen and (min-width: 769px) {
    .projects #cyberwagashi .title .link {
        position: relative;
        top: 20px;
    }
    .projects .menu.sect7 {
        top: 101px;
        left: 53px;
    }
    .projects .menu.sect7 ul li a,
    .projects .menu.sect7 ul li .projectMenu li a {
        background-position: 0 0;
    }
    .english .projects #cyberwagashi .body #area04 ul {
        max-width: 872px;
        margin: 115px auto;
    }
    .english .projects #cyberwagashi .body #area04 ul li {
        width: calc((100% - 52px) / 2);
        margin: 10px 0;
    }
}
@media screen and (max-width: 768px) {
    .projects #cyberwagashi .title {
        min-height: 540px;
    }
    .projects #cyberwagashi .title img.spOnly {
        max-width: 420px;
    }
    .projects .menu .logo,
    .projects #cyberwagashi .title .logo {
        top: 19px;
        left: 20px;
    }
    .projects .menu .logo img,
    .projects #cyberwagashi .title .logo img {
        width: 123px;
        height: 16px;
    }
    .projects #cyberwagashi .title .link {
        width: 80%;
    }
    .projects #cyberwagashi .title .link .btn {
        max-width: 420px;
    }
    .projects #cyberwagashi h1 {
        padding: 0;
    }
    .projects #cyberwagashi .title .lang {
        right: 60px;
        top: 17px;
    }
    .projects #cyberwagashi .body #area01 {
        margin-bottom: 50px;
    }
    .projects #cyberwagashi .body #area02 #PrinterMovie video,
    .projects #cyberwagashi .body #area01 #ProjectMovie video {
        width: 100%;
    }
    .projects #cyberwagashi .body #area02 {
        padding-bottom: 51px;
    }
    .projects #cyberwagashi .body #area04 ul {
        margin: 15px auto;
    }
    .projects #cyberwagashi .body #area04 ul li {
        width: calc((100% - 8px) / 2);
        margin: 4px 0;
    }
    .projects #cyberwagashi .body #area05 {
        margin: 20px auto;
    }
    .projects #cyberwagashi .body #area06 {
        margin: 34px auto 42px;
    }
    .projects #cyberwagashi .body #contact {
        padding-bottom: 60px;
    }
    .projects #cyberwagashi .body .kitDownload img {
        max-width: 160px;
    }
}

.projects #tenkunochashitsu {
    background-color: #0FF;
    text-align: center;
}
.projects #tenkunochashitsu .detail {
    position: relative;
}
.projects #tenkunochashitsu .detail img {
    display: block;
    animation: fadeIn 1s forwards;
    -webkit-animation: fadeIn 1s forwards;
    opacity: 0;
    width: 100%;
    margin: auto;
    max-width: 1280px;
    height: auto;
    position: relative;
}
@keyframes fadeIn {
    0% { top: 30px; opacity: 0; }
    100% { top: 0; opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { top: 30px; opacity: 0; }
    100% { top: 0; opacity: 1; }
}
.projects #tenkunochashitsu .detail a {
    background-color: #0FF;
    opacity: 0;
    display: block;
    position: absolute;
    transition: opacity 0.5s;
    z-index: 1;
}
.projects #tenkunochashitsu .detail a:hover {
    opacity: 0.3;
}
.projects #tenkunochashitsu .detail a#tel {
    width: calc(420 / 1280 * 100%);
    height: calc(50 / 5314 * 100%);
    top: calc(3070 / 5314 * 100%);
    left: calc(50% - (420 / 1280 / 2 * 100%));
}
.projects #tenkunochashitsu .detail a#url {
    width: calc(500 / 1280 * 100%);
    height: calc(32 / 5314 * 100%);
    top: calc(3790 / 5314 * 100%);
    left: calc(50% - (500 / 1280 / 2 * 100%));
}
@media screen and (min-width: 1281px) {
    .projects #tenkunochashitsu .detail a#tel {
        width: 420px;
        left: calc(50% - (420px / 2));
    }
    .projects #tenkunochashitsu .detail a#url {
        width: 500px;
        left: calc(50% - (500px / 2));
    }
}
@media screen and (max-width: 768px) {
    .projects #tenkunochashitsu {
        padding-top: 50px;
    }
    .projects #tenkunochashitsu .detail a#tel {
        width: calc(400 / 750 * 100%);
        height: calc(50 / 5848 * 100%);
        top: calc(3737 / 5848 * 100%);
        left: calc(50% - (400 / 750 / 2 * 100%));
    }
    .projects #tenkunochashitsu .detail a#url {
        width: calc(600 / 750 * 100%);
        height: calc(32 / 5848 * 100%);
        top: calc(4762 / 5848 * 100%);
        left: calc(50% - (600 / 750 / 2 * 100%));
    }
}

/*********************************************postponement20200324*/
.projects #tenkunochashitsu .detail a#tel {
    top: calc((3070 + 678) / (5314 + 678) * 100%);
}
.projects #tenkunochashitsu .detail a#url {
    top: calc((3790 + 678) / (5314 + 678) * 100%);
}
.projects #tenkunochashitsu .detail a#tel-2 {
    background-color: #FFF;
    width: calc(140 / 1280 * 100%);
    height: calc(50 / (5314 + 678) * 100%);
    top: calc(566 / (5314 + 678) * 100%);
    left: calc(50% - (140 / 1280 / 2 * 100%));
}
@media screen and (min-width: 1281px) {
    .projects #tenkunochashitsu .detail a#tel-2 {
        width: 140px;
        left: calc(50% - (140px / 2));
    }
}
@media screen and (max-width: 768px) {
    .projects #tenkunochashitsu .detail a#tel {
        top: calc((3737 + 720) / (5848 + 720) * 100%);
    }
    .projects #tenkunochashitsu .detail a#url {
        top: calc((4762 + 720) / (5848 + 720) * 100%);
    }
    .projects #tenkunochashitsu .detail a#tel-2 {
        width: calc(140 / 750 * 100%);
        top: calc(566 / (5848 + 720) * 100%);
        left: calc(50% - (140 / 750 / 2 * 100%));
    }
}
/*********************************************postponement20200324*/