@charset "UTF-8";

html {
	color: #000;
	background: #FFF
}
html, body {
	height: 100%
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	border: 0;
	vertical-align: bottom;
	line-height: 0
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
	font: inherit
}
li {
	list-style: none
}
sup, sub {
	vertical-align: baseline
}
body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'palt'1;
	font-feature-settings: 'palt'1;
	background: #fff;
	font-size: calc( 21 / 750 * 100vw);
	line-height: calc( 24 / 750 * 100vw);
	letter-spacing: .05em
}
a, a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active {
	color: #fff;
	text-decoration: underline;
}
.disappear {
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0
}
.appear {
	-webkit-transition: 1s;
	transition: 1s;
	opacity: 1
}
#wrapper {
	overflow: hidden;
	max-width: 750px;
	margin: 0 auto
}
#wrapper img {
	max-width: 100%;
	height: auto
}
sup {
	font-size: 50%;
	line-height: 1
}
.inner {
	max-width: 750px;
	position: relative;
	margin: 0 auto
}
#scrpt {
	display: none
}


/* header */
header#mv {
	background: url("../img/mv_bg_sp.jpg") left bottom / 100% auto no-repeat;
}
header#mv .inner {
	padding-bottom: calc( 808 / 750 * 100vw );
}
header#mv h1 {
	position: absolute;
	left: calc( 56 / 750 * 100vw );
	top: calc( 53 / 750 * 100vw );
	width: calc( 282 / 750 * 100vw );
	z-index: 10;
	line-height: 0.1;
}
header#mv h2 {
	position: relative;
	z-index: 5;
}
header#mv a.new {
	position: absolute;
	left: calc( 16 / 750 * 100vw );
	top: calc( 595 / 750 * 100vw );
	z-index: 10;
	width: calc( 718 / 750 * 100vw );
	display: block;
}
header#mv p.member {
	position: absolute;
	left: 0;
	top: calc( 753 / 750 * 100vw );
	z-index: 15;
	display: block;
	width: 100%;
	text-align: center;
}
header#mv p.member a {
	display: inline-block;
	font-size: calc( 26 / 750 * 100vw );
	line-height: 1;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 calc( 20 / 750 * 100vw );
}
header#mv p.member a:hover {
	text-decoration: none;
}
header#mv a.employment {
	position: absolute;
	width: calc( 304 / 750 * 100vw );
	top: calc( 60 / 750 * 100vw );
	right: calc( 65 / 750 * 100vw );
	z-index: 10;
}


/* #point */
#point {
}


/* #area */
#area {
}
#area a.new{
	position: absolute;
	left: calc( 16 / 750 * 100vw );
	top: calc( 780 / 750 * 100vw );
	z-index: 10;
	width: calc( 718 / 750 * 100vw );
	display: block;
}


/* #voice */
#voice {
}
.annotation{
  position: absolute;
  top:96%;
  bottom:0;
  right:0;
  left:15%;
  margin:auto;
}


/* #cv */
#cv {
	background: url("../img/cv_bg_sp.jpg") left top / 100% auto no-repeat;
}
#cv .inner {
	height: calc( 804 / 750 * 100vw );
	box-sizing: border-box;
	padding: calc( 316 / 750 * 100vw ) 0 0;
	text-align: center;
}
#cv h2 {
	color: #fff;
	font-size: calc( 32 / 750 * 100vw );
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: bold;
}
#cv h2 span {
	letter-spacing: -0.4em;
}
#cv a.new{
	width: calc( 718 / 750 * 100vw );
	display: block;
	margin: 0 auto;
}


/* #fixedBtn */
#fixedBtn {
	background-color: rgba( 255, 112, 8, 0.5 );
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: calc( 25 / 750 * 100vw ) 0 0;
	text-align: center;
	z-index: 9999;
	overflow: hidden;
	height: calc( 160 / 750 * 100vw );
	box-sizing: border-box;
	display: none;
}
#fixedBtn a {
	display: block;
	width: calc( 650 / 750 * 100vw );
	margin: 0 auto;
}


/* footer */
footer {
	background: #f86328;
}
footer .inner {
	padding: calc( 70 / 750 * 100vw ) 0 calc( 28 / 750 * 100vw );
	text-align: center;
}
footer ul {
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom: #ff9f5a solid 1px;
	padding-bottom: calc( 70 / 750 * 100vw );
	margin-bottom: calc( 28 / 750 * 100vw );
}
footer ul li + li {
	margin-left: 1em;
}
footer ul a {
	letter-spacing: .05em;
	line-height: 1;
}
footer p.copy {
	color: #fff;
	font-size: calc( 18 / 750 * 100vw );
	line-height: 1;
	letter-spacing: 0.1em;
}