@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family: "source-han-sans-japanese", sans-serif;
font-weight: 400;
font-style: normal;
}

html {
  scroll-behavior: smooth;
}

main {
	width:1000px;
	margin:0 auto;
}

h1 {
	clear:both;
	font-size: 36pt;
	padding:50px 0px 10px;
	margin:0px;
}
.wrap {
	width:1000px;
	height:1000px;
	position: relative;
	text-align: center;
}

.top {
	background: url("img/top_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.toptitle {
	position: relative;
	top:50px;
}

.menu {
	font-size:30pt;
	font-weight: 700;
	line-height: 46pt;
	padding-top: 50px;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.menu a {
	color:#666;
	text-decoration: none;
}
.menu a:hover {
	color:#000;
}

.logo_p {
	background: url("img/logo_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.movie_p {
	background: url("img/movie_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.uniform_p {
	background: url("img/uniform_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.print_p {
	background: url("img/print.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.web_p {
	background: url("img/web.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.outline_p {
	background: url("img/outline.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.line {
	text-align: center;
	position: absolute;
	bottom: 130px;
	left:50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.iconset {
	width:auto;
	text-align: center;
	position: absolute;
	bottom: 30px;
	left:50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.iconset img {
	margin:0 10px;
}

.imgpst {
	width:auto;
	  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.rowspan {
	width:50%;
	margin:0 auto;
	display: table;
}

.th {
	display: table-cell;
	width:30%;
	padding:10px;
	text-align: left;
	vertical-align: top; 
}

.td {
	display: table-cell;
	width:70%;
	padding:10px;
	text-align: left;
	vertical-align: top; 
}

video {
	width:auto;
}

.pc { display:block; }
.sp { display:none; }

@media screen and (max-width:750px) { 
	body {
	margin:0;
	padding:0;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400;
	font-style: normal;
}

html {
  scroll-behavior: smooth;
}

main {
	width:100%;
	margin:0 auto;
}

h1 {
	clear:both;
	font-size: 28pt;
	padding:50px 0px 10px;
	margin:0px;
}
.wrap {
	width:100%;
	height:100vh;
	position: relative;
	text-align: center;
}

.top {
	background: url("img/top_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:100vh;
}

	.toptitle {
	position: relative;
	top:50px;
		width:300px;
}
	
.menu {
	font-size:14pt;
	font-weight: 700;
	line-height: 30pt;
	padding-top: 50px;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.menu a {
	color:#666;
	text-decoration: none;
}
.menu a:hover {
	color:#000;
}

.logo_p {
	background: url("img/logo_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.movie_p {
	background: url("img/movie_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.uniform_p {
	background: url("img/uniform_back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.print_p {
	background: url("img/print.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.web_p {
	background: url("img/web.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.outline_p {
	background: url("img/outline.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.line {
	text-align: center;
	position: absolute;
	bottom: 120px;
	left:50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.iconset {
	width:auto;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left:50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.iconset img {
	margin:0 10px;
}

.imgpst {
	width:80%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	
	.height80 {
		width:auto;
		height:300px;
	}

.rowspan {
	width:90%;
	margin:0 auto;
	display: table;
}

.th {
	display: table-cell;
	width:30%;
	padding:10px;
	text-align: left;
	vertical-align: top; 
}

.td {
	display: table-cell;
	width:70%;
	padding:10px;
	text-align: left;
	vertical-align: top; 
}

	video {
	width:90%;
}
	
.sp { display:block; }
.pc { display:none; }

}