@charset "utf-8";

/*********** responsive *********/



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

.loaders {
	position: fixed;
	background: #0044b6;
	width: 100%;
	height: 100%;
	z-index: 100000;
    display: flex;
    align-items: center;
}
.loaders::before {
  content: '';
  display: block;
	top: 0;
	bottom: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  position: absolute;
  background-image:
    linear-gradient(
      transparent 95%,
      rgba(255, 255, 255, 0.03) 
    ),
    linear-gradient(
      90deg,
      transparent 95%,
      rgba(255, 255, 255, 0.03) 
    );
  background-size: 64px 64px;
  background-repeat: repeat;
	z-index: -1;
}
.loaders::after {
  content: '';
  display: block;
	top: 0;
	bottom: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  position: absolute;
  background-image:
    linear-gradient(
      transparent 95%,
      rgba(255, 255, 255, 0.05) 
    ),
    linear-gradient(
      90deg,
      transparent 95%,
      rgba(255, 255, 255, 0.05) 
    );
  background-size: 16px 16px;
  background-repeat: repeat;
	z-index: -1;
}
.loading {
    margin: auto;
    width: auto;
    height: auto;
		position: relative;
}
.loading p {
	content: "Loading";
	font-family: 'Anton', sans-serif;
	font-size: 4rem;
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 80px;
	margin-left: -65px;
}
.loading-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border-radius: 50%;
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 150px;
	height: 150px;
	margin-left: -75px;
	margin-top: -75px;
	background-color: rgba( 255,255,255,1);
}
/*.loading-circle {*/
	/*width: 38px;*/
	/*height: 38px;*/
	/*margin-left: -19px;*/
	/*margin-top: -19px;*/
	/*background-color: rgba( 255,255,255,1);*/
/*}*/
/*.loading-circle + .loading-circle {*/
	/*width: 84px;*/
	/*height: 84px;*/
	/*margin-left: -42px;*/
	/*margin-top: -42px;*/
	/*background-color: rgba( 255,255,255,0.2);*/
/*}*/
/*.loading-circle + .loading-circle + .loading-circle {*/
	/*width: 120px;*/
	/*height: 120px;*/
	/*margin-left: -60px;*/
	/*margin-top: -60px;*/
	/*background-color: rgba( 255,255,255,0.1);*/
/*}*/
/*.loading-circle + .loading-circle + .loading-circle + .loading-circle {*/
	/*width: 150px;*/
	/*height: 150px;*/
	/*margin-left: -75px;*/
	/*margin-top: -75px;*/
	/*background-color: rgba( 255,255,255,0.1);*/
/*}*/

#mainvisual {
		background: #dedede url(images/bg.png) no-repeat 0 0;
		background-size: 100% auto;
	position: fixed !important;
	width: 100%;
	height: calc( 100vh + 100px);
	position: relative;
	z-index: -1000;
}
.dot {
	background: url(images/bg_dot.png);
	position: fixed !important;
	width: 100%;
	height: calc( 100vh + 100px);
	position: relative;
	z-index: 0;
}

/* -----------------------------------
  TOP
----------------------------------- */
#main_video_player::before {
	content: "";
	display: block;
	position: absolute;
	top: 30px;
	left:-60px;
	right: -80px;
	height: 84%;
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20919.2%20169.15%22%20style%3D%22enable-background%3Anew%200%200%20919.2%20169.15%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M56.33%2C94.28c21.87%2C10.1%2C9.61%2C28.64%2C1.53%2C18.78c0.31-5.59-0.82-11.77-2.15-16.52v42.19%20c0%2C0.83-4.09%2C4.16-10.83%2C4.16h-2.45v-35.42c-3.17%2C10.58-7.56%2C19.49-13.39%2C25.55l-1.53-0.95c2.76-9.39%2C4.6-22.58%2C4.8-35.06%20l10.12%2C2.38v-9.27c-2.56%2C1.07-5.21%2C2.26-8.08%2C3.45c-0.61%2C1.55-1.84%2C2.38-3.07%2C2.61l-3.48-15.21c2.45%2C0%2C6.34-0.12%2C11.14-0.24%20c2.25-4.64%2C4.4-9.51%2C6.44-14.38c-1.84%2C3.33-5.93%2C4.75-10.02%2C1.07c-0.61-6.54-3.78-14.03-6.85-19.02l0.92-0.59%20c3.68%2C0.71%2C6.64%2C1.9%2C8.99%2C3.21c1.64-5.94%2C3.37-14.03%2C4.7-21.39l17.07%2C7.25c-0.41%2C1.55-1.84%2C2.5-4.09%2C2.38%20c-4.5%2C5.23-9.61%2C10.1-14.51%2C13.79c4.4%2C3.68%2C5.42%2C8.08%2C4.5%2C11.53c2.56-6.77%2C4.91-13.43%2C6.44-19.14l16.25%2C7.73%20c-0.51%2C1.31-1.84%2C2.26-4.09%2C1.9c-2.56%2C4.16-5.93%2C8.91-9.81%2C13.67c25.96%2C11.29%2C13.29%2C34.11%2C3.37%2C22.94c0-2.73-0.31-5.47-0.72-8.32%20l-1.84%2C0.95v10.22L56.33%2C94.28z%20M44.57%2C80.5c3.88-0.24%2C7.97-0.36%2C12.27-0.59c-0.82-3.57-1.84-7.01-2.86-9.98%20C51.11%2C73.48%2C47.95%2C77.05%2C44.57%2C80.5z%20M74.62%2C104.51c3.27%2C12.12%2C1.94%2C21.28-1.64%2C25.79c-2.56%2C3.21-8.59%2C2.73-10.43-2.02%20c-1.53-4.16%2C0.31-8.08%2C3.48-10.34c2.76-2.38%2C6.95-8.32%2C7.16-13.55L74.62%2C104.51z%20M65.63%2C62.19c5.42-7.25%2C10.83-19.14%2C13.9-31.62%20l16.35%2C8.2c-0.61%2C1.31-1.94%2C2.26-4.29%2C1.9c-6.75%2C11.05-15.64%2C18.19-24.94%2C22.58L65.63%2C62.19z%20M99.77%2C64.21%20c30.46%2C7.96%2C19.01%2C35.18%2C7.36%2C24.37c-0.2-2.97-0.82-6.06-1.74-9.15c-6.44%2C2.85-15.03%2C6.3-26.58%2C10.46%20c-0.72%2C1.55-1.94%2C2.38-3.17%2C2.61l-5.93-16.76c2.56%2C0.12%2C6.24%2C0.12%2C10.73%2C0.12c2.25-7.96%2C4.5-17.95%2C5.72-25.32l17.07%2C4.99%20c-0.41%2C1.43-1.53%2C2.5-3.88%2C2.38c-3.48%2C5.23-9.2%2C12.12-14.82%2C17.95c5.72%2C0%2C12.47-0.12%2C19.63-0.36c-1.53-3.92-3.37-7.61-5.32-10.7%20L99.77%2C64.21z%20M107.95%2C124.59c2.76%2C1.43%2C3.27%2C3.09%2C3.27%2C5.71c0%2C5.35-4.09%2C8.8-15.64%2C8.8h-6.44c-8.69%2C0-10.02-2.61-10.02-11.41%20V98.33l11.45%2C1.07c-1.53-3.57-3.58-7.01-5.72-9.51l0.82-0.71c28.93%2C4.16%2C18.81%2C30.31%2C7.67%2C20.8c-0.2-2.5-0.82-4.99-1.64-7.49%20c-0.31%2C0.12-0.61%2C0.12-0.92%2C0.24v21.04c0%2C1.31%2C0.2%2C1.66%2C1.94%2C1.66h4.19h3.58c0.92%2C0%2C1.33-0.24%2C1.94-1.43%20c0.82-1.78%2C2.35-7.13%2C4.09-13.67h1.12L107.95%2C124.59z%20M97.83%2C30.1c5.83%2C9.15%2C18.09%2C15.57%2C29.13%2C18.19l-0.2%2C1.31%20c-5.21%2C1.78-8.79%2C7.13-10.43%2C15.45c-10.02-7.37-15.64-18.9-19.42-34.47L97.83%2C30.1z%20M108.15%2C100.94%20c27.9%2C11.89%2C15.74%2C36.85%2C5.01%2C25.44c-0.31-8.44-3.17-17.83-6.03-24.84L108.15%2C100.94z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M125.83%2C141.59c13.59-6.06%2C26.27-17.12%2C31.89-25.67l20.44%2C9.39c-0.61%2C1.66-2.35%2C2.62-6.34%2C2.38%20c-10.63%2C6.89-27.29%2C13.19-45.49%2C14.86L125.83%2C141.59z%20M197.38%2C119.13c27.09%2C3.33%2C26.17%2C25.44%2C13.39%2C24.01%20c-7.36-7.49-20.85-17.59-30.46-22.7l0.61-1.19c5.83-0.71%2C10.94-0.71%2C15.33-0.24v-4.52h-42.11v2.5c0%2C1.78-6.54%2C5.59-12.78%2C5.59%20h-2.15v-60.5l3.58%2C1.55V31.41l15.33%2C6.66h33.22l6.34-8.08l13.49%2C11.53c-0.61%2C0.95-1.94%2C2.14-4.09%2C2.61v15.21%20c0%2C0.36-1.94%2C1.19-4.4%2C1.9l12.78%2C11.41c-0.61%2C0.95-1.84%2C2.02-3.99%2C2.5v39.94c-0.1%2C0.95-7.67%2C4.04-12.67%2C4.04H197.38z%20M157.32%2C60.65%20c0%2C1.31-5.11%2C4.16-10.43%2C4.87l8.18%2C3.57h40.17l5.72-7.37c-2.04%2C0.59-4.29%2C0.95-6.03%2C0.95h-2.56v-2.61h-35.06V60.65z%20M196.26%2C72.41%20h-42.11v10.1h42.11V72.41z%20M154.15%2C96.66h42.11V85.85h-42.11V96.66z%20M196.26%2C111.16V99.99h-42.11v11.17H196.26z%20M157.32%2C41.39%20v15.33h35.06V41.39H157.32z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M252.37%2C116.15c6.95%2C7.61%2C13.39%2C8.56%2C32.4%2C8.56c11.04%2C0%2C26.07%2C0%2C38.74-0.48v1.31%20c-5.42%2C1.66-8.59%2C6.77-9.2%2C14.5h-29.44c-19.52%2C0-26.98-3.8-33.63-22.23c-4.5%2C7.37-11.24%2C16.76-15.64%2C21.99%20c0%2C1.66-0.82%2C2.5-1.84%2C3.09l-7.36-18.54c3.27-0.95%2C7.56-2.62%2C12.16-4.4V85.73h-11.55l-0.61-3.45h10.53l6.64-10.22l14.21%2C13.07%20c-0.92%2C1.19-2.45%2C2.14-5.42%2C2.73V116.15z%20M231.63%2C33.55c33.63%2C4.28%2C21.26%2C34.35%2C7.97%2C23.06c-0.92-8.08-4.7-16.64-8.69-22.46%20L231.63%2C33.55z%20M281.3%2C54.11h-10.63c-3.78%2C5.71-8.18%2C10.34-13.19%2C13.79l-1.23-0.83c3.58-9.03%2C6.44-22.7%2C7.56-35.66l17.48%2C6.3v-7.96%20l18.5%2C1.66c-0.2%2C1.66-0.82%2C2.85-3.68%2C3.45v15.93h5.42l6.95-10.7c0%2C0%2C7.97%2C7.25%2C12.67%2C12.12c-0.2%2C1.31-1.33%2C1.9-2.86%2C1.9h-22.18%20v16.76h7.36l7.16-10.93c0%2C0%2C8.08%2C7.37%2C12.98%2C12.36c-0.31%2C1.31-1.43%2C1.9-2.96%2C1.9h-66.34l-0.82-3.33h27.8V54.11z%20M300.21%2C120.67%20v-8.44h-23v4.52c0%2C1.43-6.34%2C4.99-12.27%2C4.99h-2.04V78l14.92%2C6.66h21.36l6.44-8.08l13.19%2C11.53c-0.61%2C0.95-1.94%2C2.02-4.09%2C2.61%20v25.67c-0.1%2C1.07-7.16%2C4.28-11.96%2C4.28H300.21z%20M281.3%2C50.78V39.25c-0.72%2C0.71-1.84%2C1.19-3.48%2C1.19%20c-1.53%2C3.68-3.17%2C7.13-5.01%2C10.34H281.3z%20M300.21%2C108.9V87.98h-23v20.92H300.21z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M421.54%2C127.68c0%2C0%2C4.5%2C5.94%2C6.75%2C9.75c-0.31%2C1.31-1.23%2C1.9-2.56%2C1.9h-62.04l-0.51-2.26%20c-1.74%2C3.09-5.01%2C4.87-11.55%2C5.59c-0.2-4.04-0.61-7.25-1.74-9.15c-1.23-1.9-2.86-3.21-6.75-4.04v-1.78c0%2C0%2C7.26%2C0.59%2C8.89%2C0.59%20c1.43%2C0%2C1.84-0.71%2C1.84-2.14v-39.7c-2.86%2C1.19-6.03%2C2.5-9.4%2C3.92c-0.1%2C18.19-1.12%2C38.39-15.43%2C52.89l-1.23-0.95%20c5.52-13.55%2C6.03-30.78%2C6.13-47.9l-0.92%2C0.36c-0.72%2C1.43-2.04%2C2.61-3.37%2C2.73l-1.64-17.23c1.43%2C0%2C3.48%2C0%2C5.93-0.12V42.7l8.48%2C3.68%20c0.31-4.87%2C0.51-11.65%2C0.61-16.52l16.56%2C2.61c-0.41%2C2.02-1.74%2C2.97-3.99%2C3.33c-2.45%2C3.57-6.54%2C8.68-9.4%2C12.12h6.75l4.8-6.42%20l10.22%2C9.03V32.95l11.24%2C5.11h8.08l5.01-7.96c0%2C0%2C5.62%2C5.59%2C8.99%2C9.39c-0.31%2C1.31-1.33%2C1.9-2.66%2C1.9h-8.99v10.34l2.25-2.5%20l7.67%2C6.66c-0.31%2C0.48-1.12%2C0.95-2.04%2C1.19v15.69c0%2C0.83-4.5%2C2.85-7.26%2C2.85h-0.61v9.63l4.09-6.66c0%2C0%2C5.83%2C5.59%2C9.2%2C9.51%20c-0.31%2C1.31-1.33%2C1.9-2.66%2C1.9h-22.39v3.8c0%2C0.48-1.12%2C1.66-3.07%2C2.5l8.79%2C3.92h22.49l5.11-7.73l12.57%2C10.1%20c-0.82%2C1.19-2.04%2C1.9-4.7%2C2.38v27.93L421.54%2C127.68z%20M344.47%2C51.26v3.33l1.02-0.59c4.29%2C2.85%2C6.95%2C5.94%2C8.38%2C8.91V51.26H344.47z%20M353.87%2C79.19v-5.71c-1.94%2C2.85-5.42%2C3.57-7.36-0.36c0.41-4.28%2C0.2-12-2.04-17.59v24.13L353.87%2C79.19z%20M351.32%2C118.06%20c0%2C0.83-2.66%2C2.5-4.7%2C2.5h-1.23V91.31l7.56%2C0.95c-0.1%2C0.95-0.51%2C1.66-1.64%2C1.9V118.06z%20M371.15%2C136V97.14%20c-0.41%2C0.12-0.92%2C0.12-1.43%2C0.12h-1.74v-17l-3.27%2C1.43v45.76c0%2C3.45-0.2%2C6.3-1.12%2C8.56H371.15z%20M367.98%2C51.02%20c-0.61%2C0.83-1.74%2C1.43-3.27%2C1.9V78.6l3.27-0.24V51.02z%20M377.89%2C41.39v12.12h3.07V41.39H377.89z%20M377.89%2C56.84v13.19h10.84V56.84%20H377.89z%20M377.89%2C86.68h3.07V73.37h-3.07V86.68z%20M382.6%2C103.56V136h2.66v-32.45H382.6z%20M393.23%2C103.56V136h2.86v-32.45H393.23z%20M397.11%2C78c3.58-12.24%2C6.34-29.95%2C7.16-46.35l15.54%2C4.64c-0.41%2C1.55-1.64%2C2.61-3.88%2C2.61c-1.53%2C6.66-3.48%2C12.96-5.62%2C18.78h2.25%20l5.01-8.8c0%2C0%2C5.83%2C6.06%2C9.1%2C10.22c-0.31%2C1.31-1.33%2C1.9-2.76%2C1.9h-14.92c-2.96%2C6.89-6.34%2C12.96-10.43%2C17.95L397.11%2C78z%20M415.71%2C71.58c0%2C0%2C6.85%2C6.89%2C10.63%2C11.53c-0.2%2C1.31-1.33%2C1.9-2.76%2C1.9H401.3l-0.82-3.33h9.3L415.71%2C71.58z%20M404.16%2C103.56V136%20h2.96v-32.45H404.16z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M427.98%2C109.86c14.51%2C1.9%2C22.59%2C7.13%2C26.58%2C14.26c1.64%2C2.85%2C1.94%2C5.47%2C1.94%2C7.96c0%2C5.35-3.07%2C9.15-7.87%2C9.15%20c-3.37%2C0-5.83-1.55-7.46-5.47c-2.56-6.06-4.7-15.57-13.9-24.6L427.98%2C109.86z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M549.16%2C69.32l11.65%2C10.58c-0.72%2C1.07-1.84%2C2.02-4.19%2C2.5v55.27c0%2C0.71-4.19%2C3.68-10.94%2C3.68h-2.35v-8.32%20h-23.92v5.82c0%2C0.95-3.88%2C3.68-10.43%2C3.68h-2.25v-22.58c-7.15%2C5.11-17.38%2C11.41-32.1%2C19.49c-0.61%2C1.66-1.64%2C2.73-2.86%2C3.09%20l-8.08-17.59c3.48-0.48%2C8.89-1.31%2C15.54-2.62V86.2h-13.29l-0.82-3.33h14.11V68.49h-6.24l-0.31-1.31c-3.07%2C3.09-6.34%2C5.94-9.81%2C8.32%20l-0.92-0.83c7.97-11.89%2C14.41-32.33%2C16.36-44.93l17.17%2C6.54c-0.31%2C1.43-1.33%2C2.5-3.88%2C2.73c11.86%2C2.5%2C16.35%2C7.84%2C16.76%2C12.36h5.32%20V33.31l15.74%2C1.66c-0.1%2C1.31-0.72%2C2.5-2.76%2C3.09v13.31h7.97V33.31l15.84%2C1.66c-0.1%2C1.19-0.72%2C2.5-2.86%2C3.09v13.31h0.41l4.6-9.15%20c0%2C0%2C5.21%2C6.18%2C8.38%2C10.58c-0.31%2C1.31-1.33%2C1.9-2.66%2C1.9h-10.73v11.77c0%2C0.95-2.45%2C2.97-10.73%2C2.97h-2.25V54.7h-7.97v12.12%20c0%2C0.71-2.15%2C3.09-10.43%2C3.09h-2.56V54.7h-5.72c-1.43%2C4.16-6.44%2C6.54-10.73%2C2.85c-1.33-3.92-4.09-9.75-7.56-14.98%20c-3.58%2C7.61-8.79%2C15.69-15.13%2C22.58h13.59l5.93-9.98c0%2C0%2C6.75%2C6.77%2C10.63%2C11.41c-0.31%2C1.31-1.33%2C1.9-2.76%2C1.9h-10.32v12.72%20l5.21-9.27c0%2C0%2C6.03%2C6.54%2C9.92%2C11.29V71.7l13.8%2C6.06h22.28L549.16%2C69.32z%20M468.21%2C90.48c19.32%2C15.81%2C6.95%2C34.94-0.61%2C23.89%20c1.12-7.73%2C0.51-16.76-0.61-23.53L468.21%2C90.48z%20M491.61%2C120.08c4.8-0.95%2C9.91-1.9%2C15.13-2.97V97.14%20c-0.51%2C0.24-1.23%2C0.36-1.94%2C0.36c-3.07%2C6.3-6.95%2C13.07-10.73%2C17.95l-1.53-0.83c0.82-6.18%2C1.84-16.05%2C2.45-24.37l11.75%2C4.04v-8.68%20c-0.51%2C0.36-1.12%2C0.59-1.94%2C0.59h-13.19V120.08z%20M519.42%2C81.09v22.11h5.93V81.09H519.42z%20M519.42%2C129.7h5.93v-23.18h-5.93V129.7z%20M536.79%2C81.09v22.11h6.54V81.09H536.79z%20M543.33%2C129.7v-23.18h-6.54v23.18H543.33z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M624.59%2C68.67c5.25%2C0%2C7.83%2C0.54%2C10.51%2C2.14c3.69%2C2.25%2C8.29%2C8.47%2C8.29%2C13.18c0%2C3.86-3.59%2C3.54-8.66%2C5.14%20c-5.9%2C1.82-14.28%2C4.93-21.47%2C8.04c0.55%2C5.57%2C0.55%2C11.04%2C0.55%2C14.89c0%2C4.29-2.03%2C7.61-5.9%2C7.61c-3.32%2C0-6.17-2.04-6.17-6.97%20c0-2.68%2C0.28-6.11%2C0.46-9.97c-7.19%2C4.39-13.18%2C10.07-13.18%2C15.43c0%2C3.43%2C2.3%2C6.86%2C11.33%2C6.86c13.82%2C0%2C19.26-3.64%2C22.48-3.64%20c5.16%2C0%2C10.51%2C1.18%2C10.51%2C6.97c0%2C3.75-1.47%2C5.79-4.98%2C7.07c-4.88%2C1.82-13.18%2C2.89-20.92%2C2.89c-18.52%2C0-24.24-8.14-24.24-18%20c0-9.54%2C10.41-19.29%2C19.17-25.72c0-8.14-0.64-11.14-4.7-11.14c-4.52%2C0-10.04%2C8.47-12.9%2C13.07c-3.41%2C5.25-6.36%2C12.64-10.51%2C12.97%20c-3.87%2C0.21-5.34-3.75-5.44-8.89c-0.09-4.07%2C2.86-5.89%2C6.17-9.86c4.98-5.79%2C8.94-12.32%2C11.89-18.32c-2.58%2C0.32-5.16%2C0.43-7.74%2C0.43%20c-7.1%2C0-9.12-7.07-11.06-15.54l1.01-0.64c2.95%2C2.36%2C6.91%2C5.57%2C13.09%2C5.36c2.86-0.11%2C6.27-0.64%2C9.58-1.39%20c1.01-3%2C1.66-5.14%2C1.84-6.21c0.37-1.61%2C0.46-3.21-1.11-4.61c-1.47-1.29-3.23-2.25-5.71-3.54l0.09-1.18%20c2.3-1.39%2C5.53-2.79%2C7.56-2.79c4.42%2C0%2C12.53%2C1.29%2C12.53%2C5.57c0%2C1.5-0.64%2C2.46-1.47%2C4.29l-2.49%2C5.25c2.4-0.86%2C4.52-1.61%2C5.99-2.36%20c2.67-1.29%2C3.69-3%2C4.79-3c3.96%2C0%2C7.19%2C1.39%2C7.19%2C6c0%2C1.71-0.74%2C3.75-3.59%2C5.46c-2.67%2C1.71-10.41%2C5.14-20.46%2C7.29%20c-1.66%2C3.32-3.69%2C7.18-6.36%2C11.68c-0.46%2C0.75-0.09%2C1.29%2C0.65%2C0.64c3.41-2.79%2C6.27-4.39%2C9.86-4.39c5.71%2C0%2C9.49%2C3.54%2C10.87%2C9.64%20c5.81-3.54%2C12.35-7.29%2C15.85-9.86c1.66-1.18%2C1.93-2.46%2C0.74-4.07c-0.92-1.29-2.95-3-4.52-4.07L624.59%2C68.67z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M720.91%2C120.31c0%2C0%2C9.61%2C8.44%2C15.43%2C14.14c-0.31%2C1.31-1.53%2C1.9-3.07%2C1.9h-93.42l-0.82-3.33h36.9V31.77%20l20.14%2C2.14c-0.2%2C1.78-0.92%2C2.97-3.78%2C3.45v40.29h13.29l8.38-12.6c0%2C0%2C9.4%2C8.32%2C15.03%2C14.03c-0.31%2C1.31-1.43%2C1.9-2.96%2C1.9h-33.73%20v52.06h20.03L720.91%2C120.31z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M765.94%2C86.91c-1.66%2C6.54-3.13%2C13.82-4.05%2C19.18c-0.37%2C2.36-0.55%2C3.86-0.55%2C7.29c0%2C4.18%2C1.75%2C8.89%2C1.75%2C13.07%20c0%2C4.29-2.03%2C6.86-6.08%2C6.86c-2.95%2C0-5.81-2.68-8.2-7.61c-2.4-5.04-4.79-13.07-4.79-24c0-15.64%2C5.07-27.43%2C5.07-40.83%20c0-5.57-2.58-10.61-4.52-13.29l0.64-1.07c3.59%2C0.75%2C5.99%2C1.82%2C8.57%2C3.64c3.32%2C2.36%2C8.85%2C8.79%2C8.85%2C15.32c0%2C3.32-1.2%2C5.68-3.41%2C9.86%20c-3.96%2C7.61-6.91%2C15.11-6.91%2C23.14c0%2C1.93%2C0.28%2C4.71%2C1.01%2C6.32c0.64%2C1.39%2C1.66%2C1.5%2C2.49%2C0.21c2.76-4.5%2C5.99-12.75%2C8.2-18.97%20L765.94%2C86.91z%20M784.37%2C51.45c3.23-2.68%2C6.82-4.93%2C9.68-4.93c4.88%2C0%2C12.62%2C3.96%2C12.62%2C8.36c0%2C1.93-1.01%2C3.54-1.29%2C7.18%20c-0.09%2C1.39-0.18%2C3.21-0.18%2C4.93c0.92-0.32%2C1.84-0.75%2C2.58-1.18c2.86-1.5%2C3.69-2.04%2C4.15-2.04c4.33%2C0%2C8.39%2C2.89%2C8.39%2C6.96%20c0%2C2.46-1.01%2C4.61-4.52%2C6.54c-2.12%2C1.18-5.81%2C2.57-10.14%2C3.75c0.46%2C11.47%2C1.29%2C25.72-1.2%2C34.29%20c-4.24%2C14.89-15.02%2C20.68-29.12%2C24.22l-0.55-1.39c10.14-6.43%2C16.4-14.57%2C18.8-29.47c1.2-7.61%2C1.11-16.18%2C0.83-25.29%20c-2.67%2C0.43-5.25%2C0.64-7.56%2C0.64c-5.9%2C0-13.64-1.5-17.69-16.18l0.74-0.75c5.16%2C3.54%2C9.4%2C5.14%2C13.91%2C5.14%20c2.76%2C0%2C6.45-0.54%2C10.14-1.5c-0.28-3.64-0.55-7.18-0.83-9.97c-0.28-2.46-0.83-3.64-1.84-4.5c-2.03-1.71-3.96-2.46-6.73-3.54%20L784.37%2C51.45z%20M805.1%2C44.27c4.7%2C1.71%2C8.85%2C3.75%2C11.52%2C7.61c1.47%2C2.14%2C1.75%2C3.21%2C1.75%2C5.25c0%2C2.14-1.29%2C3.86-3.41%2C3.86%20c-1.57%2C0-2.49-1.18-3.59-3.43c-1.38-2.89-3.23-7.39-7.1-12.11L805.1%2C44.27z%20M811.74%2C38.16c5.16%2C1.39%2C8.75%2C2.89%2C11.33%2C5.68%20c1.93%2C2.04%2C2.49%2C3.54%2C2.49%2C6c0%2C1.93-1.01%2C3.96-3.32%2C3.96c-1.66%2C0-2.58-1.39-3.87-3.75c-1.29-2.36-2.95-6.11-7.37-10.72%20L811.74%2C38.16z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M839.01%2C48.87c2.58-2.14%2C6.36-4.71%2C10.04-4.71c7.19%2C0%2C14.74%2C6.11%2C14.74%2C10.72c0%2C2.79-1.94%2C3.96-2.76%2C6.64%20c-0.46%2C1.5-0.83%2C4.39-1.2%2C7.71c2.4-0.21%2C7.1-1.29%2C10.51-3c3.41-1.5%2C5.25-3%2C5.62-3c3.5%2C0%2C9.95%2C1.18%2C9.95%2C7.18%20c0%2C2.46-0.83%2C4.29-3.69%2C5.79c-1.84%2C0.96-8.11%2C3.21-14.19%2C3.21c-2.67%2C0-6.08-1.93-8.85-3.86c-0.37%2C4.71-0.55%2C9.21-0.55%2C11.79%20c0%2C4.39%2C0.09%2C9.86%2C0.74%2C15.97c5.71%2C1.29%2C10.51%2C3.43%2C13.64%2C5.25c7.37%2C4.07%2C14.01%2C10.18%2C14.01%2C17.79c0%2C4.39-2.03%2C6.32-5.07%2C6.32%20c-5.34%2C0-9.03-8.04-17.97-14.04c-0.92-0.64-1.94-1.29-2.95-1.93c0.09%2C0.64%2C0.09%2C1.39%2C0.09%2C2.04c0%2C8.25-3.13%2C17.14-19.35%2C17.14%20c-10.69%2C0-18.89-5.36-18.89-15.64c0-12.54%2C11.43-18.22%2C25.71-18.22h1.75c-0.09-8.36-0.46-12.97-0.64-18.43%20c-0.18-5.36-0.83-23.79-1.11-27c-0.18-2.04-0.83-3-2.3-3.96c-2.21-1.5-5.62-2.36-7.19-2.79L839.01%2C48.87z%20M850.44%2C112.1%20c-2.76-0.75-5.81-1.18-9.31-1.18c-8.75%2C0-13.09%2C3.96-13.09%2C7.61c0%2C3.86%2C3.87%2C5.79%2C8.39%2C5.79%20C844.91%2C124.31%2C850.07%2C120.99%2C850.44%2C112.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	z-index: 1;
}
/*#main_video_player::after {
	content: "";
	display: block;
	position: absolute;
	top: 1100px;
	width: 50%;
	left: 50%;
	height: 1000px;
	background: #dedede;
	z-index: 0;
}	*/
#top {
	background: #dedede;
	position: relative;
	overflow: hidden;
}
#top::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 84%;
	background: #dedede url(images/bg_top.jpg) no-repeat 0 0;
	background-size: cover;
	overflow: hidden;
}
#top {
	height: calc( 100vh + 544px);
	min-height: 1200px;
	/*max-height: 1350px;*/
	}
#top .inner{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 589px;
	z-index: 100;
}
#top h1 {
	position: absolute;
	top: -289px;
	left: 77px;
	background: url(images/logo.png) no-repeat 0 0;
	background-size: 465px auto;
	width: 465px;
	height: 278px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*#top a.btn_entry {
	position: absolute;
    position: absolute;
    top: 353px;
    right: 0;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
	background: url(images/bg_btn_entry.png) no-repeat 0 0;
	width: 89px;
	height: 374px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: bold;
	font-size: 3rem;
	color: #FFFFFF !important;
	line-height: 80px;
	z-index: 100;
	}
	#top a.btn_entry:hover {
		opacity: 0.8;
	}*/
#top .during_delivery {
	position: absolute;
	top: -200px;
	left: 50%;
	margin-left: 156px;
	width: 460px;
	height: 190px;
	z-index: 100;
	}
#top .during_delivery h2 {
	display: block;
	background: url(images/h2_dd.png) no-repeat 0 0;
	background-size: 291px auto;
	width: 291px;
	height: 51px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0px auto 18px;
    padding: 0;
}
a.android {
	display: inline-block;
	background: url(images/google_play.png) no-repeat 0 0;
	background-size: 216px auto;
	width: 216px;
	height: 64px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
a.ios {
	display: inline-block;
	background: url(images/app_store.png) no-repeat 0 0;
	background-size: 216px auto;
	width: 216px;
	height: 64px;
	margin-left: 19px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#top .during_delivery a.recruit {
	display: block;
	position: relative;
	width: 350px;
	height: 50px;
	margin: 0px auto;
	left: 0;
	right: 0;
}
#top .during_delivery a.recruit img {
	width: auto;
	height: 50px;
	object-fit: contain;
}

/* -----------------------------------
  NEWS
----------------------------------- */
  #news_area {
	position: relative;
	width: 1200px;
	margin: 0 auto;
    padding: 0;
		z-index: 100; }

    #news_area .news_slider {
			display: -webkit-flex;
			display: flex;
			padding: 0 60px;
			}
    #news_area .news_topics {
      box-sizing: border-box;
      float: left;
      margin: 10px 10px 40px;
      width: 250px !important;
			flex-basis: 250px !important;
			filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
			}
		  #news_area .news_topics dl {
      background: #dedede;
      padding: 6px;
			position: relative;
			overflow: hidden;
			}
	
    #news_area .news_topics dl:hover {
      background: #4a7ed5;
			}
    #news_area .news_topics:hover .date {
      background: #4a7ed5;
			color: #ffffff;
			}
		#news_area .news_topics:hover .date:after {
				border-color: #4a7ed5 transparent transparent transparent;
			}
		#news_area .news_topics:hover dl::after {
    border-color: transparent transparent #4a7ed5 transparent;
			}
      #news_area .news_topics dt {
				position: relative;
				background: #1b1b1b;
        float: none;
        height: 134px;
        width: 100%;
				margin-bottom: 6px;
				z-index: 1;
				 }
      #news_area .news_topics dd {
				background: #f8f8f8;
        float: none;
        font-size: 1.3rem;
        height: 255px;
        margin: 0;
        width: 100%;
				position: relative;
				}
      #news_area .news_topics .thumb {
				position: relative;
        background: no-repeat center center/cover;
        height: 134px;
				z-index: 2;
				}
			#news_area .news_topics dt::after {
				content: "";
				position: absolute;
				top: 0;
				left:0 ;
        background: url(images/bg_thumb.png) no-repeat center center;
				background-size: 56px auto;
				width: 238px;
        height: 134px;
				}

      #news_area .news_topics .date {
				display: inline-block;
				background: #dedede;
        border-top: none;
				height: 19px;
        margin: 0;
        padding: 0 22px 2px 15px;
				position:absolute;
				top: -3px;
				left: 0;
				}
      #news_area .news_topics .date span {
        font-size: 1.2rem;
				line-height: 1;
				font-weight: bold !important;
				}
        #news_area .news_topics .date:after {
				content: "";
				position: absolute;
				right: -12px;
				top: 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 20px 12px 0 0;
				border-color: #dedede transparent transparent transparent;
			}
      #news_area .news_topics .topics_text {
        margin: 0;
        padding: 37px 14px 0; }
			#news_area .news_topics dd::before {
				content: "MORE";
				font-family: 'Anton', sans-serif;
				font-size: 1.4rem;
				line-height: 30px;
				padding-right: 25px;
				position: absolute;
				right: 19px;
				bottom: -7px;
				color: #FFFFFF;
				z-index: 2;
			}
			#news_area .news_topics dd::after {
				content: "";
				position: absolute;
				bottom: -2px;
				right: 5px;
				width: 26px;
				height: 24px;
				background-color: transparent;
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%2210.06%22%20y%3D%2215.56%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.97%22%2F%3E%3Crect%20x%3D%2227.04%22%20y%3D%2224.53%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%229%22%2F%3E%3Crect%20x%3D%2218.05%22%20y%3D%2222.52%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2051.5847%2012.5224)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2219.06%22%2F%3E%3Crect%20x%3D%2215.25%22%20y%3D%2210.76%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2033.7634%200.305)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2212.55%22%2F%3E%3Crect%20x%3D%2224.84%22%20y%3D%2211.68%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2021.9812%20-12.6956)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.02%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235%2C19.49%2027.04%2C11.53%2035%2C11.53%20%22%2F%3E%3C%2Fsvg%3E');
				z-index: 2;
			}
			#news_area .news_topics dl::after {
				content: "";
				position: absolute;
				bottom: 0;
				right: 0;
				padding: 0 28px 0 73px;
				z-index: 1;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 0 30px 20px;
				border-color: transparent transparent #0044b6 transparent;
		}
		button.slick-arrow {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
					filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
			}
		.slick-prev.slick-arrow,
		.slick-next.slick-arrow {
				background: #0044b6;
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
			width: 40px;
			height: 60px;
			margin-top: -44px;
      z-index: 10;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
			outline: 0;
			}
	.slick-arrow::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 26px;
		margin-top: -13px;
		margin-left: -16px;
    background-color: transparent;
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C23.83%2023.76%2C23.83%2010.76%2C38.76%2016.18%2C38.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C20.7%2023.76%2C20.7%2010.76%2C5.76%2016.18%2C5.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2220.76%2C22.26%2013.77%2C13.94%2013.77%2C30.81%20%22%2F%3E%3C%2Fsvg%3E');
		transform: scale(-1, 1);
}
	.slick-next.slick-arrow::before{
		margin-top: -13px;
		margin-left: -13px;
		transform: scale(1, 1);
		}
    .slick-next.slick-arrow {
      left: auto;
      right: 0px;
		}
    .slick-prev.slick-arrow:hover,
		.slick-next.slick-arrow:hover {
								background: #4a7ed5;
		}
		.slick-disabled { opacity: 0;}
    #news_area .btn_tw {
      clear: both; }
      #news_area .btn_tw img {
        width: 240px; }


		.about_btn {
		clear:both;
		position: relative;
		z-index: 100;
		width: 1200px;
		margin: 0 auto 80px;
		}
		.about_btn ul {
		float: right;
		margin-right: 70px;
		}
		.about_btn li {
		float: left;
		filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
		}
		.about_btn li + li {
		margin-left: 20px;
		}
		.about_btn li a {
		display: block;
		background: #fff;
		border: 2px solid #0044b6;
		padding: 12px 20px;
		color: #0044b6;
		font-weight: bold;
		letter-spacing: 0.1em;
		}
			.about_btn li a:hover {
				background: #0044b6;
				color: #fff;
			}
			.about_btn li a span {
				padding-right: 25px;
				position: relative;
			}
			.about_btn li.info a span::after {
				content: "";
				position: absolute;
				top: -5px;
				right: -5px;
				width: 26px;
				height: 26px;
				background: transparent;
				background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230044b6%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C23.83%2023.76%2C23.83%2010.76%2C38.76%2016.18%2C38.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C20.7%2023.76%2C20.7%2010.76%2C5.76%2016.18%2C5.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2220.76%2C22.26%2013.77%2C13.94%2013.77%2C30.81%20%22%2F%3E%3C%2Fsvg%3E');
				transform:rotate(90deg);
			}
				.about_btn li a:hover span::after {
						background-color: transparent;
						background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C23.83%2023.76%2C23.83%2010.76%2C38.76%2016.18%2C38.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C20.7%2023.76%2C20.7%2010.76%2C5.76%2016.18%2C5.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2220.76%2C22.26%2013.77%2C13.94%2013.77%2C30.81%20%22%2F%3E%3C%2Fsvg%3E');
				}

		.about_btn li.twitter a {
			color: #55acee;
			border: 2px solid #55acee;
			background-image: url(images/btn_twitter_d.png);
			background-size: 26px 21px;
			background-repeat: no-repeat;
			background-position: 20px center;
		}
				.about_btn li.twitter a:hover {
					background-image: url(images/btn_twitter_on.png);
			background-size: 26px 21px;
					background-color:  #55acee;
					color: #fff;
				}
		.about_btn li.twitter a span {
			padding-top: 1px;
			height: 20px;
			padding-left: 30px;
		}
			.about_btn li.twitter a span::after {
				content: "";
				position: absolute;
				top: -5px;
				right: -5px;
				width: 26px;
				height: 26px;
				background-color: transparent;
				background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2355acee%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%2210.06%22%20y%3D%2215.56%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.97%22%2F%3E%3Crect%20x%3D%2227.04%22%20y%3D%2224.53%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%229%22%2F%3E%3Crect%20x%3D%2218.05%22%20y%3D%2222.52%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2051.5847%2012.5224)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2219.06%22%2F%3E%3Crect%20x%3D%2215.25%22%20y%3D%2210.76%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2033.7634%200.305)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2212.55%22%2F%3E%3Crect%20x%3D%2224.84%22%20y%3D%2211.68%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2021.9812%20-12.6956)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.02%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235%2C19.49%2027.04%2C11.53%2035%2C11.53%20%22%2F%3E%3C%2Fsvg%3E');
			}
				.about_btn li.twitter a:hover span::after {
				background-color: transparent;
				background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%2210.06%22%20y%3D%2215.56%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.97%22%2F%3E%3Crect%20x%3D%2227.04%22%20y%3D%2224.53%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%229%22%2F%3E%3Crect%20x%3D%2218.05%22%20y%3D%2222.52%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2051.5847%2012.5224)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2219.06%22%2F%3E%3Crect%20x%3D%2215.25%22%20y%3D%2210.76%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2033.7634%200.305)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2212.55%22%2F%3E%3Crect%20x%3D%2224.84%22%20y%3D%2211.68%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2021.9812%20-12.6956)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.02%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235%2C19.49%2027.04%2C11.53%2035%2C11.53%20%22%2F%3E%3C%2Fsvg%3E');
				}



#top .bg {
	background: #f8f8f8;
	transform:skewY(-9.7deg);
	bottom: 235px;
	width: 100%;
	height: 300px;
	position: absolute;
	z-index: 0;
}

#top .bg:after {
	content: "";
	display: block;
	position: absolute;
	top: 238px;
  background: #dedede;
	transform:skewY(2deg);
	width: 100%;
	height: 1100px;
	z-index: 1;
}

/* -----------------------------------
  ABOUT
----------------------------------- */
#about {
	background: transparent;
}
#about h3 {
	color: #ffffff;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: bold;
	font-size: 5rem;
	line-height: 1;
	position: relative;
	display: block;
	text-align: center;
	margin: 125px auto 52px;
	z-index:auto;
}
#about h3 span {
	position: relative;
	z-index:1;
}

	#about h3::before {
		content: "";
		top: 53%;
		left: 50%;
		margin-top: -34px;
		margin-left: -410px;
		position: absolute;
		background: #1b1b1b;
		width: 760px;
		height: 34px;
		z-index: 0;
	 transform:skewX(-35deg);
	}
	#about h3::after {
		content: "";
		position: absolute;
		top: 53%;
		left: 50%;
		margin-left: -366px;
		background: rgba(27,27,27,0.8);
		width: 760px;
		height: 34px;
		z-index: 0;
	 transform:skewX(-35deg);
	}
#about .word_scroll {
	position: relative;
	overflow: hidden;
		margin: 0 auto 54px;
}
	#about .word_scroll .flame_smartphone {
		background: url(images/flame_smartphone.png) no-repeat center 0;
		background-size: 647px auto;
		position: relative;
		text-align: center;
		height: 370px;
		width: 647px;
		margin: 0 auto;
		z-index: 100;
	}
/*	#about .word_scroll .flame_smartphone .flame {
		background: url(images/flame_smartphone.png) no-repeat center 0;
		position: absolute;
		display: block;
		z-index: 100 !important;
		text-align: center;
		height: 314px;
		width: 647px;
	}*/
	#about .word_scroll .flame_smartphone video {
		position: absolute;
		top: 39px;
		left: 64px;
		z-index: 99 !important;
		background: #000;
	}
	#about .word_scroll .scroll {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -120px;
		font-family: 'Anton', sans-serif;
		opacity: 0.8;
		color: #f8f8f8;
		font-size: 24rem;
		line-height: 1;
		z-index: 1;
		width: 20em;
	}

#about .marker {
	font-size: 1.8rem;
	text-align: center;
}
	#about .marker p {
		display: table;
		color: #f8f8f8;
		background: rgba(27,27,27,0.8);
		margin: 0 auto 13px;
		padding: 0 20px;
		font-weight: bold;
		line-height: 24px;
		letter-spacing: 0.2em;
	}
	#about .marker p:before {
		content: "" ;
		display: block;
	}
	#about .marker p:first-child {
		color: #bad4ff;
	}

/* -----------------------------------
  VIDEO
----------------------------------- */
#video {
	z-index: 99;
	position: relative;
}
#video h2 {
			width: 300px;
	transform: perspective(500px) rotateY(30deg) skew(0, 1deg);
	transform-origin: 50% 33%;
}
#video ul {
	width: 1061px;
	margin: -21px auto 30px;
}
#video ul li {
	position: relative;
	display: inline-block;
	background: #111111;
	border: 6px solid #f8f8f8;
	margin-bottom: 35px;
	color: #FFFFFF;
	overflow: hidden;
		filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
}
#video ul li::after {
		content: "";
    position: absolute;
    left: -20px;
    bottom: 0;
		background: #2e2e2e;
    width: 80px;
    height: 46px;
    transform: skewX(30deg);
		z-index: -1;

}
#video ul li:hover {
	border: 6px solid #4a7ed5;
}
#video ul li img {
	width: 498px;
	height: auto;
}
#video ul li:nth-child(n + 3) img {
	width: 314px;
}
#video ul li a {
	color: #FFFFFF;
	display: block;
}
#video ul li a::before {
	content: "";
	background: rgba( 255,255,255,0.8);
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -25px;
	margin-left: -27px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #ffffff;
}
			#video ul li a::after {
				content: "";
				position: absolute;
				top: 40%;
				left: 50%;
				width: 40px;
				height: 40px;
				margin-top: -18px;
				margin-left: -18px;
				background: transparent;
				background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.5%2045.5%22%20style%3D%22enable-background%3Anew%200%200%2045.5%2045.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230044b6%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2234.3%2C22.8%2014.3%2C8.4%2014.3%2C36.8%20%22%2F%3E%3C%2Fsvg%3E');
				z-index: 10;
			}

#video ul li:hover a::after {
				background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.5%2045.5%22%20style%3D%22enable-background%3Anew%200%200%2045.5%2045.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234a7ed5%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2234.3%2C22.8%2014.3%2C8.4%2014.3%2C36.8%20%22%2F%3E%3C%2Fsvg%3E');
			}


#video ul li + li{
	margin-left: 35px;
}
#video ul li:nth-child(3n) {
	margin-left: 0;
}
#video ul li a p {
	padding: 5px 15px 10px;
	position: relative;
	z-index: 1;
}
#video ul li.new a p::before {
	content: "NEW";
	font-size: 1.4rem;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: -2px;
    width: 70px;
    line-height: 21px;
}
#video ul li.new a p::after {
	content: "";
	position: absolute;
	bottom: 16px;
	right: -15px;
	background: #9f1d15;
	padding: 4px 30px;
    width: 60px;
    height: 21px;
    transform: skewX(30deg);
		z-index: -1;
}
.mfp-bg {
    background: rgba(255,255,255,0.95) !important;
		opacity: 1 !important;
}
.mfp-iframe-scaler iframe {
		box-shadow: none !important;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-close {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
		opacity: 1 !important;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
    position: fixed !important;
    right: 0;
    top: 0 !important;
    font-size: 0 !important;
		background: #0245b6 !important;
		padding: 0 !important;
		z-index: 1047 !important;
}
.mfp-close:hover {
		background: #5379d4!important;
}
.mfp-iframe-holder .mfp-close {
    right: 0 !important;
    padding-right: 0 !important;
}
.mfp-close::before,
.mfp-close::after {
  position: absolute;
  top: 46%;
  left: 27%;
  content: "";
  display: block;
  width: 22px;
  border-top: 2px solid #ffffff;
}
.mfp-close::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mfp-close::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
/* -----------------------------------
  GAME SYSTEM
----------------------------------- */

#game_system {
	position: relative;
	z-index: 2;
	/*transform:translate3d(0,0,0);*/
}

#game_system h2 {
			width: 530px;
	transform: translate3d(0, 0, 9999px) perspective(120px) rotateY(11deg) scale(0.72, 1) skew(0, -2.3deg);
/*	width: 600px;
	transform: perspective(700px) rotateY(45deg);*/
	-webkit-perspective: 120px;
	margin-bottom: 0;
	z-index: 3;
}

#game_system h2 strong .text {
	font-size: 8rem;
    left: 9px;
}
#game_system h2 strong .bg {
    top: 60px;
    width: 110%;
    height: 60px;
}
#game_system h2 p .text {
	font-size: 3rem;
    top: 49%;
    left: 60px;
}
#game_system h2 p .bg {
    top: 120px;
    width: 70%;
		height: 50px;
	}
#game_system h3 {	
	color: #FFFFFF;
	width: 700px;
	margin: 0 auto;
	padding: 2px 10px 0 7px;
	position: relative;
	transform:translate3d(0,0,0);
}
#game_system h3 span {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: bold;
	font-size: 4rem;
	width: 200px;
	line-height: 73px;
	transform: perspective(500px) rotateY(35deg) rotate(-2deg);
	-webkit-perspective: 500px;
	display: block;
	position: relative;
	z-index: 0;
}
#game_system h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 81px;
	display: block;
	background: url(images/h3_bg1.png) no-repeat 8px 0;
	z-index: -1;
}
#game_system h3::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 81px;
	display: block;
	background: url(images/h3_bg2.png) no-repeat 8px 0;
	z-index: -1;
}

#game_system h3::first-letter {
	font-size: 5.5rem;
}
#game_system .gs-container {
	position: relative;
	width: 810px;
	margin: 0 auto 60px;
	z-index: 4;
}
#game_system h2 + .gs-container {
	margin-top: -30px;
}
#game_system h2 + .gs-container + .gs-container {
	margin-bottom: 108px;
}
#game_system .gs-container + .gs-container + .gs-container .img-container {
	margin-bottom: 140px;
}

#game_system .img-container {
	position: relative;
	width: 810px;
	overflow: hidden;
	margin: 0 auto 60px;
}
#game_system .slick-list {
	width: 986px;
	margin-top: -15px;
	transform: perspective(400px) rotateY(-8deg) skew(0, 2deg) translate3d(-100px, 0, 0);
}
#game_system li {
	margin: 0 42px;
	height: 486px;
	transform: translate3d(100px, 0, 0);
}
#game_system li img {
	width: 680px;
	height: auto;
	margin-left: -20px;
	padding-top: 20px;
}

#game_system .comment-container {
	position: absolute;
	top: 386px;
	right: -86px;
	width: 430px;
}
#game_system .number {
	padding: 0 60px;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
	text-align: right;
	z-index: 1;
	line-height: 38px;
}
#game_system .number strong {
	font-weight: bold;
	font-size: 2rem;
}
#game_system .comment.active {
	display: block;
	background: rgba(255,255,255,0.95);
	padding: 30px;
	font-size: 1.6rem;
}
#game_system .comment {
	display: none;
}

#game_system .number::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 60px 0 100px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 28px;
    border-color: transparent transparent #303030 transparent;
		z-index: -1;
}
#game_system .slick-prev.slick-arrow {
		left: 18px;
    margin-top: -78px;
}
#game_system .slick-next.slick-arrow {
		right: 18px;
    margin-top: -78px;
}
.bg_chara {
	position: relative;
	z-index: 1;
}
/* .bg_chara::after {
	content: "";
	position: absolute;
	background: url(images/bg_gamesystem.jpg) no-repeat center 0;
  background-attachment: fixed;
  background-size: cover;
	top: 241px;
	left: 0;
	right: 0;
	height: 95.5%;
	z-index: 0;
} */
.chara {
  background: url(images/chara.png) no-repeat right bottom;
	background-size: 461px auto;
	position: absolute;
	top: 0;
	bottom: -414px;
	left: 0;
	right: 0;
	z-index: 3;
}
/*.chara { 
  background: url(images/chara.png) no-repeat right 115px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}*/

/* -----------------------------------
  PARTS
----------------------------------- */

#parts {
	position: relative;
	z-index: 2;
    margin-top: -146px;
    padding-top: 100px;
}
#parts h2 {
			width: 300px;
	transform: perspective(500px) rotateY(30deg) skew(0, 1deg);
}
#parts h2 span:after {
    width: 180%;
	}

#parts .bg_parts {
	position:absolute;
	width: 100%;
	top: 150px;
	bottom: -280px;
	transform:skewY(-6.6deg);
	overflow: hidden;
	z-index: -1;
}
#parts .bg_parts::after {
	transform:skewY(6.6deg);
  background: url(images/bg_parts.png);
	content: "";
	position: absolute;
	bottom: -100px;
	width: 100%;
	height: 100%;
}
#parts .parts_comment {
	display: table;
	margin: -70px auto 0;
	padding: 20px 55px;
	background: rgba( 17,17,17,0.6);
}
#parts .parts_comment p {
	color: #b9d4ff;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
}

#parts ul {
    display: -webkit-flex;
    display: flex;
		-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		width: 1100px;
		margin: 60px auto;
}
#parts ul li {
    -webkit-flex-basis: 235px;
    flex-basis: 235px;
		height: 244px;
		background: #ffffff url(images/bg_parts_item.png) no-repeat 0 0;
		background-size: 235px auto;
		position: relative;
		margin: 0 20px 40px;
		filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
	z-index: 1;
	overflow: hidden;
}
#parts ul li a {
		height: 244px;
		display: block;
}
/*#parts ul li::before {
	transform:skewY(-7deg);
  background: #dedede;
	content: "";
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	height: 163px;
	z-index: -1;
}*/
#parts ul li::after {
	transform:skewY(-7deg);
  background: #0044b6;
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 50px;
	z-index: -2;
}
#parts ul dt {
	font-size: 2rem;
	font-weight: bold;
	color: #0044b6;
	padding: 12px 27px;
}
#parts ul dd {
	display:flex;
	align-items:center;
	width: 100%;
	height: 140px;
}
#parts ul dd img {
	margin: auto;
	width: 100%;
	height: auto;
}

#parts ul dd::after {
	content: "MORE";
	font-family: 'Anton', sans-serif;
	font-size: 1.4rem;
	color: #ffffff;
	text-align: right;
	padding: 0 22px 0 0;
	position: absolute;
	right: 20px;
	bottom: 10px;
	z-index: 1;
}
#parts ul dd::before {
    content: "";
    position: absolute;
    bottom: 8px;
    right: 12px;
    width: 26px;
    height: 24px;
    margin-top: -12px;
    margin-left: -13px;
		background: transparent;
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%2213%22%20y%3D%2218.55%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%2211.98%22%2F%3E%3Crect%20x%3D%2225.01%22%20y%3D%2218.55%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%2211.98%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2218.55%22%20class%3D%22st0%22%20width%3D%2211.98%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2229.53%22%20class%3D%22st0%22%20width%3D%2214.01%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2213.56%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%226.21%22%2F%3E%3Crect%20x%3D%2231.01%22%20y%3D%2212.56%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%2212.98%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2212.56%22%20class%3D%22st0%22%20width%3D%2213.01%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%2224.99%22%20y%3D%2223.54%22%20class%3D%22st0%22%20width%3D%227.02%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E')
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}
button.mfp-arrow {
							filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
}
.mfp-arrow {
    background: #0044b6 !important;
      display: block;
      position: absolute;
      top: 50%;
			left: 18px;
			width: 40px !important;
			height: 60px !important;
      z-index: 10;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
    opacity: 1 !important;
    margin-top: -5px;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
	z-index: 1047;
	outline: 0;
}
	.mfp-arrow-right { left: auto;right: 20px; }
	.mfp-arrow::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 30px;
    height: 26px;
		margin-top: -14px;
		margin-left: -16px;
    background-color: transparent;
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C23.83%2023.76%2C23.83%2010.76%2C38.76%2016.18%2C38.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C20.7%2023.76%2C20.7%2010.76%2C5.76%2016.18%2C5.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2220.76%2C22.26%2013.77%2C13.94%2013.77%2C30.81%20%22%2F%3E%3C%2Fsvg%3E');
		transform: scale(-1, 1);
}
	.mfp-arrow.mfp-arrow-right::before{
		transform: scale(1, 1);
		margin-top: -14px;
		margin-left: -13px;
		}

    .mfp-arrow:hover {
    background-color: #4a7ed5 !important;
		}
.mfp-arrow:after {
	content: none !important;
}

/* inline */
.mfp-container.mfp-s-ready.mfp-iframe-holder {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
	height: 100% !important;
	z-index: 1045;
}
.mfp-gallery .mfp-iframe-scaler iframe.mfp-iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
		background: transparent !important;
    box-shadow: none !important;
	z-index: 1046;
	display: flex;
  justify-content: center;
  align-items: center;
}

/* -----------------------------------
  CUSTOM
----------------------------------- */

#custom {
	padding: 170px 0 120px;
  margin-top: -190px;
	position: relative;
	z-index: 3;
}
.custom_comment p {
	color: #FFFFFF;
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
}

.icon_ulr {
		display: block;
  background: url(images/btn_custom_d.png) no-repeat 0 0;
	background-size: 788px auto;
	width: 788px;
	height: 260px;
	margin: 40px auto 50px;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	position: relative;
}
/*.cs_custom {
		display: block;
  background: url(images/btn_custom_on.png) no-repeat 0 0;
	background-size: 788px auto;
	width: 788px;
	height: 260px;
	margin: 40px auto 50px;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	position: relative;
}
.icon_ulr::after {
	content: "";
	position: absolute;
	width: 52px;
	height: 46px;
	right: 45px;
	top: 92px;
				background-color: transparent;
				background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%2210.06%22%20y%3D%2215.56%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.97%22%2F%3E%3Crect%20x%3D%2227.04%22%20y%3D%2224.53%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%229%22%2F%3E%3Crect%20x%3D%2218.05%22%20y%3D%2222.52%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2051.5847%2012.5224)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2219.06%22%2F%3E%3Crect%20x%3D%2215.25%22%20y%3D%2210.76%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2033.7634%200.305)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2212.55%22%2F%3E%3Crect%20x%3D%2224.84%22%20y%3D%2211.68%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2021.9812%20-12.6956)%22%20class%3D%22st0%22%20width%3D%222.95%22%20height%3D%2217.02%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235%2C19.49%2027.04%2C11.53%2035%2C11.53%20%22%2F%3E%3C%2Fsvg%3E');
}
.icon_ulr span {
	display: block;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
}*/

/* -----------------------------------
  INFORMATION
----------------------------------- */

#information {
	background: #ffffff;
}

#information h2 {
	font-family: 'Anton', sans-serif;
	font-size: 6rem;
	color: #000000;
	text-align: center;
	height: auto;
	margin: -6px 0 40px;
}
#information h2 span {
	display: block;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: bold;
	font-size: 2rem;
    position: relative;
    top: auto;
	text-align: center;
}
#information h2 span:after {
	content: none;
}

#information .info_frame {
width: 1037px;
height: 548px;
margin: 0 auto;
overflow: hidden;
position: relative;
border: 1px solid #313131;
background: #111111;
position: relative;
	z-index: 1;
}

#information iframe{
background: #111111;
position: absolute;
top: 50%;
left: 50%;
margin-top: -203px;
margin-left: -385px;
width: 770px;
height: 407px;
-moz-transform: scale(1.346,1.346);
-webkit-transform: scale(1.346,1.346);
-o-transform: scale(1.346,1.346);
-ms-transform: scale(1.346,1.346);
}

/*#information .btn_special_site {
	background: #972400;
	width: 100%;
	height: 140px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: bold;
	font-size: 4.4rem;
	letter-spacing: -0.05em;
	color: #FFFFFF;
    position: relative;
    top: auto;
		filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
		overflow: hidden;
}
#information .btn_special_site::before {
  content: '';
  display: block;
  position: absolute;
	top: -200px;
  left: -80px;
  bottom: 0;
	width: 350px;
	height: 400px;
  background: #701b00;
  transform: rotate(45deg) translate3d(0, 0, 0);
	  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
		z-index: -1;
}
#information .btn_special_site::after {
  content: '';
  display: block;
  position: absolute;
  right:-80px;
  bottom: -200px;
	width: 350px;
	height: 400px;
  background: #701b00;
  transform: rotate(45deg) translate3d(0, 0, 0);
	  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
		z-index: -2;
}

#information .btn_special_site a {
	background-image: url(images/special_site_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 187px auto;
	color: #FFFFFF;
	display: block;
	width: 443px;
	height: 104px;
	margin: 18px auto 0;
	padding-left: 217px;
	z-index: 1;
}
#information .btn_special_site strong {
		filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
		position: relative;
}
#information .btn_special_site span {
	display: block;
	font-size: 2.4rem;
	font-weight: normal;
		filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
}
#information .btn_special_site a::before {
  content: '';
  display: block;
	top: 0;
	bottom: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  position: absolute;
  background-image:
    linear-gradient(
      transparent 95%,
      rgba(255, 255, 255, 0.03) 
    ),
    linear-gradient(
      90deg,
      transparent 95%,
      rgba(255, 255, 255, 0.03) 
    );
  background-size: 64px 64px;
  background-repeat: repeat;
	z-index: -1;
}
#information .btn_special_site a::after {
  content: '';
  display: block;
	top: 0;
	bottom: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  position: absolute;
  background-image:
    linear-gradient(
      transparent 95%,
      rgba(255, 255, 255, 0.05) 
    ),
    linear-gradient(
      90deg,
      transparent 95%,
      rgba(255, 255, 255, 0.05) 
    );
  background-size: 16px 16px;
  background-repeat: repeat;
	z-index: -1;
}
#information .btn_special_site strong::before {
    content: "";
    position: absolute;
    top: -18px;
    right: -60px;
    width: 45px;
    height: 45px;
    background-color: transparent;
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045.53%2045.53%22%20style%3D%22enable-background%3Anew%200%200%2045.53%2045.53%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C23.83%2023.76%2C23.83%2010.76%2C38.76%2016.18%2C38.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2235.76%2C20.7%2023.76%2C20.7%2010.76%2C5.76%2016.18%2C5.76%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2220.76%2C22.26%2013.77%2C13.94%2013.77%2C30.81%20%22%2F%3E%3C%2Fsvg%3E');
}*/


#information .during_delivery {
	background: #dedede;
	width: 100%;
	height: 140px;
	margin-top: 90px;
	overflow: hidden;
	position: relative;
		z-index: 1;
		text-align: center;
}
#information .during_delivery::before {
  content: '';
  display: block;
  position: absolute;
	top: -180px;
  left: 0px;
  bottom: 0;
	width: 300px;
	height: 400px;
  background: #bcbcbc;
  transform: rotate(32deg) translate3d(0, 0, 0);
	  -webkit-transform: rotate(32deg) translate3d(0, 0, 0);
		z-index: -1;
}
#information .during_delivery::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -180px;
  right: 0px;
	width: 300px;
	height: 400px;
  background: #bcbcbc;
  transform: rotate(32deg) translate3d(0, 0, 0);
	  -webkit-transform: rotate(32deg) translate3d(0, 0, 0);
		z-index: -1;
}
#information .during_delivery ul {
	text-align: center;
	width: 668px;
	margin: 0 auto;
}
#information .during_delivery ul li {
	float: left;
}
#information .during_delivery ul li a {
	margin-top: 38px;
}

#information .during_delivery h2 {
	display: block;
		background: url(images/special_site_logo.png) no-repeat 0 0;
		background-size: 187px auto;
		width: 187px;
		height: 104px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin: 11px 30px 0 0;
    padding: 0;
}

}



@media screen and (min-width: 1730px) {
#parts .bg_parts {
    position: absolute;
    width: 100%;
    top: 150px;
    bottom: -335px;
    transform: skewY(-3deg);
    overflow: hidden;
    z-index: -1;
}
#parts .bg_parts::after {
    transform: skewY(3deg);
    background: url(images/bg_parts.png);
    content: "";
    position: absolute;
    bottom: -100px;
    width: 100%;
    height: 100%;
}
}
@media screen and (min-width: 1900px) {
#top::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 84%;
	background: #dedede url(images/bg_top.jpg) no-repeat 0 0;
	background-size: cover;
	overflow: hidden;
}
}