@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-light.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-regular.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-medium.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-medium.ttf") format("truetype");
  font-weight: 500; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-bold.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-bold.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /*inherit*/
  line-height: 1; /*inherit*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

i.material-icons.home:before { content: "\e88a";  font-size: inherit; line-height: 1; vertical-align: -22%; margin-right: 5px; }

i.material-icons.archive:before { content: "\e03b";  font-size: inherit; line-height: 1; vertical-align: -24%; margin-right: 5px; }

i.material-icons.link:after { content: "\e315";  font-size: inherit; line-height: 1; vertical-align: -28%;}

i.material-icons.totop:before { content: "\e25a";  font-size: inherit; line-height: 1; vertical-align: ; margin-right: 5px; }

.rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
  .landscape { display: block !important; }
  .portrait { display: none !important; }
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
  .landscape { display: none !important; }
  .portrait { display: block !important; }
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}

.slider_limit { width: 100%; margin: 0 auto;}
.slider_negative_m {margin-top: -60px !important;}
@media screen and (min-width:47.938em){
.slider_limit { max-width: 70%; margin: 0 auto;}
.slider_negative_m {margin-top: -120px !important;}
}


  .archive-content .divider{height: 1px !important; background: #000 !important;}
  .archive-content p {color: #fff !important;}
  .archive-content p a {color: #fff !important;}
  .archive-content p a:hover { text-decoration: underline !important;}

@media screen and (orientation: landscape) {

	#objContainer {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:;
		z-index: 100;
	}
	
	#obj_area {
		width: 70%;
		height: 60%;
		background: rgba(255, 255, 255, .4);
		position: absolute;
		z-index: 110;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15%;
	}
	.corner_topleft {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	top: -10px;
  	left: -10px;
  	border-top: 20px solid #fff;
  	border-left: 20px solid #fff;
	}
	.corner_topright {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	top: -10px;
  	right: -10px;
  	border-top: 20px solid #fff;
  	border-right: 20px solid #fff;
	}
	.corner_bottomleft {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	bottom: -10px;
  	left: -10px;
  	border-bottom: 20px solid #fff;
  	border-left: 20px solid #fff;
	}
	.corner_bottomright {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	bottom: -10px;
  	right: -10px;
  	border-bottom: 20px solid #fff;
  	border-right: 20px solid #fff;
	}
	.corner_caption {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	bottom: -38px;
  	right: -10px;
  	text-align: right;
  	font-weight: 700;
  	font-size: .9em;
  	color: #A1887F;
  	text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff;
	}

	#obj001Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:;
		z-index: 200;
	}
	.obj001_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 210;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 2.3em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 5px 1px #fff,0px 4px 1px #fff,1px 4px 1px #fff,2px 4px 1px #fff,3px 3px 1px #fff,4px 2px 1px #fff,4px 1px 1px #fff,4px 0px 1px #fff,5px 0px 1px #fff,4px -1px 1px #fff,4px -2px 1px #fff,4px -3px 1px #fff,3px -4px 1px #fff,2px -5px 1px #fff,1px -5px 1px #fff,0px -5px 1px #fff,-1px -5px 1px #fff,-2px -5px 1px #fff,-3px -5px 1px #fff,-4px -4px 1px #fff,-5px -3px 1px #fff,-5px -2px 1px #fff,-5px -1px 1px #fff,-5px 0px 1px #fff,-5px 1px 1px #fff,-5px 2px 1px #fff,-4px 3px 1px #fff,-3px 4px 1px #fff,-2px 4px 1px #fff,-1px 4px 1px #fff;
	}
	.obj001 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 220;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35%;
	}

	#obj002Container {
		width: 100%;
		height: 100vh; 
		overflow: visible;
		position: absolute;
		top:100vh;
		z-index: 300;
	}
	.obj002_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 310;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 5px 1px #fff,0px 4px 1px #fff,1px 4px 1px #fff,2px 4px 1px #fff,3px 3px 1px #fff,4px 2px 1px #fff,4px 1px 1px #fff,4px 0px 1px #fff,5px 0px 1px #fff,4px -1px 1px #fff,4px -2px 1px #fff,4px -3px 1px #fff,3px -4px 1px #fff,2px -5px 1px #fff,1px -5px 1px #fff,0px -5px 1px #fff,-1px -5px 1px #fff,-2px -5px 1px #fff,-3px -5px 1px #fff,-4px -4px 1px #fff,-5px -3px 1px #fff,-5px -2px 1px #fff,-5px -1px 1px #fff,-5px 0px 1px #fff,-5px 1px 1px #fff,-5px 2px 1px #fff,-4px 3px 1px #fff,-3px 4px 1px #fff,-2px 4px 1px #fff,-1px 4px 1px #fff;
	}	
	.obj002 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 320;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35%;
	}
	.obj002_caution {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 330;
    bottom: 5%;
    right: 3%;
    font-size: .7em;
    line-height: 1;
    font-weight: 400;
    text-align: right;
    color: #000;
	}	

	#obj003Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:200vh;
		z-index: 400;
	}
	.obj003 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 410;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35%;
	}

	#obj004Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:300vh;
		z-index: 390;
	}
	.obj004 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 391;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35%;
	}

	#obj005Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:400vh;
		z-index: 500;
	}
	.obj005_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 525;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 5px 1px #fff,0px 4px 1px #fff,1px 4px 1px #fff,2px 4px 1px #fff,3px 3px 1px #fff,4px 2px 1px #fff,4px 1px 1px #fff,4px 0px 1px #fff,5px 0px 1px #fff,4px -1px 1px #fff,4px -2px 1px #fff,4px -3px 1px #fff,3px -4px 1px #fff,2px -5px 1px #fff,1px -5px 1px #fff,0px -5px 1px #fff,-1px -5px 1px #fff,-2px -5px 1px #fff,-3px -5px 1px #fff,-4px -4px 1px #fff,-5px -3px 1px #fff,-5px -2px 1px #fff,-5px -1px 1px #fff,-5px 0px 1px #fff,-5px 1px 1px #fff,-5px 2px 1px #fff,-4px 3px 1px #fff,-3px 4px 1px #fff,-2px 4px 1px #fff,-1px 4px 1px #fff;
	}	
	.obj005 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 510;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35%;
	}
	.obj006 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 520;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 35%;
	}

	#obj007Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:600vh;
		z-index: 700;
	}
	.obj007_title {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 710;
  	left:50%;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff;
	}	
	.obj007 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 720;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15%;
	}
	.obj007_link {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 730;
  	left:15%;
    top: 80%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff;
	}	

	#obj008Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:700vh;
		z-index: 800;
	}
	.obj008_title {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 810;
  	left:50%;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff;
	}	
	.obj008 {
  	width: 30%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 820;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15%;
	}


	#bgintroContainer {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		z-index: 10;
	}
	#bg_intro {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#bg_intro::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rej/bg_intro_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }

	#bg001Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: relative;
		top:;
		z-index: 20;
	}
	#bg_001 {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#bg_001::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 21;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rej/bg_001_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }

	#bg002Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 30;
	}
	#bg_002 {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#bg_002::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 31;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rej/bg_002_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }

}


@media screen and (orientation: landscape) and (min-width: 601px) {
	.obj001_title {
    font-size: 3.2em;
	}
	.obj002_title {
    font-size: 2em;
	}	
	.obj005_title {
    font-size: 2em;
	}	
	.obj007_title {
    font-size: 2em;
	}	
	.obj008_title {
    font-size: 2em;
	}	
}
@media screen and (orientation: landscape) and (min-width: 901px) {
	.corner_caption {
  	bottom: -45px;
  	right: -10px;
  	font-size: 1.2em;
	}
	.obj001_title {
    font-size: 4em;
	}
	.obj002_title {
    font-size: 2.6em;
	}	
	.obj002_caution {
    font-size: .8em;
    line-height: 1.1;
	}	
	.obj005_title {
    font-size: 2.6em;
	}	
	.obj007_title {
    font-size: 2.6em;
	}	
	.obj007_link {
    font-size: 1.5em;
	}	
	.obj008_title {
    font-size: 2.6em;
	}	
}
@media screen and (orientation: landscape) and (min-width: 1200px) {
	.obj001_title {
    font-size: 4.8em;
	}
	.obj002_title {
    font-size: 3.2em;
	}	
	.obj002_caution {
    font-size: .9em;
    line-height: 1.1;
	}	
	.obj005_title {
    font-size: 3.2em;
	}	
	.obj007_title {
    font-size: 3.2em;
	}	
	.obj007_link {
    font-size: 1.8em;
	}	
	.obj008_title {
    font-size: 3.2em;
	}	
}
@media screen and (orientation: landscape) and (min-width: 1400px) {
	.corner_caption {
  	bottom: -50px;
  	right: -10px;
  	font-size: 1.6em;
	}
	.obj001_title {
    font-size: 6em;
	}
	.obj002_title {
    font-size: 4em;
	}	
	.obj002_caution {
    font-size: 1em;
    line-height: 1.1;
	}	
	.obj005_title {
    font-size: 4em;
	}	
	.obj007_title {
    font-size: 4em;
	}	
	.obj007_link {
    font-size: 2em;
	}	
	.obj008_title {
    font-size: 4em;
	}	
}
@media screen and (orientation: landscape) and (min-width: 1900px) {
	.obj001_title {
    font-size: 8em;
	}
	.obj002_title {
    font-size: 5em;
	}	
	.obj005_title {
    font-size: 5em;
	}	
	.obj007_title {
    font-size: 5em;
	}	
	.obj007_link {
    font-size: 3em;
	}	
	.obj008_title {
    font-size: 5em;
	}	
}




@media screen and (orientation: portrait) {

	#objContainer {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:;
		z-index: 100;
	}
	
	#obj_area {
		width: 80%;
		height: 60%;
		background: rgba(255, 255, 255, .4);
		position: absolute;
		z-index: 110;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20%;
	}
	.corner_topleft {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	top: -10px;
  	left: -10px;
  	border-top: 20px solid #fff;
  	border-left: 20px solid #fff;
	}
	.corner_topright {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	top: -10px;
  	right: -10px;
  	border-top: 20px solid #fff;
  	border-right: 20px solid #fff;
	}
	.corner_bottomleft {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	bottom: -10px;
  	left: -10px;
  	border-bottom: 20px solid #fff;
  	border-left: 20px solid #fff;
	}
	.corner_bottomright {
  	width: 30%;
  	height: 40%;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	bottom: -10px;
  	right: -10px;
  	border-bottom: 20px solid #fff;
  	border-right: 20px solid #fff;
	}
	.corner_caption {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 120;
  	bottom: 10px;
  	right: 14px;
  	text-align: right;
  	font-weight: 700;
  	font-size: .7em;
  	color: #A1887F;
  	text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff;
	}

	#obj001Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:;
		z-index: 200;
	}
	.obj001_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 210;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 3em;
    line-height: 9;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 5px 1px #fff,0px 4px 1px #fff,1px 4px 1px #fff,2px 4px 1px #fff,3px 3px 1px #fff,4px 2px 1px #fff,4px 1px 1px #fff,4px 0px 1px #fff,5px 0px 1px #fff,4px -1px 1px #fff,4px -2px 1px #fff,4px -3px 1px #fff,3px -4px 1px #fff,2px -5px 1px #fff,1px -5px 1px #fff,0px -5px 1px #fff,-1px -5px 1px #fff,-2px -5px 1px #fff,-3px -5px 1px #fff,-4px -4px 1px #fff,-5px -3px 1px #fff,-5px -2px 1px #fff,-5px -1px 1px #fff,-5px 0px 1px #fff,-5px 1px 1px #fff,-5px 2px 1px #fff,-4px 3px 1px #fff,-3px 4px 1px #fff,-2px 4px 1px #fff,-1px 4px 1px #fff;
	}
	.obj001 {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 220;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
	}

	#obj002Container {
		width: 100%;
		height: 100vh; 
		overflow: visible;
		position: absolute;
		top:100vh;
		z-index: 300;
	}
	.obj002_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 310;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 2.2em;
    line-height: 9.2;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 5px 1px #fff,0px 4px 1px #fff,1px 4px 1px #fff,2px 4px 1px #fff,3px 3px 1px #fff,4px 2px 1px #fff,4px 1px 1px #fff,4px 0px 1px #fff,5px 0px 1px #fff,4px -1px 1px #fff,4px -2px 1px #fff,4px -3px 1px #fff,3px -4px 1px #fff,2px -5px 1px #fff,1px -5px 1px #fff,0px -5px 1px #fff,-1px -5px 1px #fff,-2px -5px 1px #fff,-3px -5px 1px #fff,-4px -4px 1px #fff,-5px -3px 1px #fff,-5px -2px 1px #fff,-5px -1px 1px #fff,-5px 0px 1px #fff,-5px 1px 1px #fff,-5px 2px 1px #fff,-4px 3px 1px #fff,-3px 4px 1px #fff,-2px 4px 1px #fff,-1px 4px 1px #fff;
	}	
	.obj002 {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 320;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
	}
	.obj002_caution {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 330;
    bottom: 5%;
    right: 3%;
    font-size: .8em;
    line-height: 1;
    font-weight: 400;
    text-align: right;
    color: #000;
	}	

	#obj003Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:200vh;
		z-index: 400;
	}
	.obj003 {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 410;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
	}

	#obj004Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:300vh;
		z-index: 390;
	}
	.obj004 {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 391;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
	}

	#obj005Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:400vh;
		z-index: 500;
	}
	.obj005_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 525;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font-size: 2.2em;
    line-height: 9.2;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 5px 1px #fff,0px 4px 1px #fff,1px 4px 1px #fff,2px 4px 1px #fff,3px 3px 1px #fff,4px 2px 1px #fff,4px 1px 1px #fff,4px 0px 1px #fff,5px 0px 1px #fff,4px -1px 1px #fff,4px -2px 1px #fff,4px -3px 1px #fff,3px -4px 1px #fff,2px -5px 1px #fff,1px -5px 1px #fff,0px -5px 1px #fff,-1px -5px 1px #fff,-2px -5px 1px #fff,-3px -5px 1px #fff,-4px -4px 1px #fff,-5px -3px 1px #fff,-5px -2px 1px #fff,-5px -1px 1px #fff,-5px 0px 1px #fff,-5px 1px 1px #fff,-5px 2px 1px #fff,-4px 3px 1px #fff,-3px 4px 1px #fff,-2px 4px 1px #fff,-1px 4px 1px #fff;
	}	
	.obj005 {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 510;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
	}
	.obj006 {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 520;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
	}

	#obj007Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:600vh;
		z-index: 700;
	}
	.obj007_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 710;
  	left:0;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.6em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff;
	}	
	.obj007 {
  	width: 60%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 720;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20%;
	}
	.obj007_link {
  	width: 50%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 730;
  	left:25%;
    top: 72%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff;
	}	

	#obj008Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: absolute;
		top:700vh;
		z-index: 800;
	}
	.obj008_title {
  	width: 100%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 810;
  	left:0;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    color: #A1887F;
    text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff;
	}	
	.obj008 {
  	width: 60%;
  	height: ;
  	background: rgba(239, 55, 55, 0);
  	position: absolute;
  	z-index: 820;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20%;
	}


	#bgintroContainer {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		z-index: 10;
	}
	#bg_intro {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#bg_intro::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rej/bg_intro_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }

	#bg001Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: relative;
		top:;
		z-index: 20;
	}
	#bg_001 {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#bg_001::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 21;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rej/bg_001_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }

	#bg002Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 30;
	}
	#bg_002 {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#bg_002::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 31;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rej/bg_002_pc.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }

}

@media screen and (orientation: portrait) and (min-width: 350px) {
	.obj001_title {
    font-size: 3.5em;
    line-height: 10;
	}
	.corner_caption {
  	bottom: 10px;
  	right: 14px;
  	font-size: .9em;
	}
	.obj002_title {
    font-size: 2.2em;
    line-height: 9.8;
	}	
	.obj005_title {
    font-size: 2.2em;
    line-height: 9.8;
	}	
}
@media screen and (orientation: portrait) and (min-width: 400px) {
	.obj001_title {
    font-size: 3.5em;
    line-height: 11;
	}
}
@media screen and (orientation: portrait) and (min-width: 480px) {
	.obj001_title {
    font-size: 4em;
    line-height: 11;
	}
	.obj002_title {
    font-size: 2.4em;
    line-height: 11;
	}	
	.obj005_title {
    font-size: 2.4em;
    line-height: 11;
	}	
	.obj007_title {
    font-size: 1.8em;
	}	
	.obj007_link {
    top: 72%;
    font-size: 1.4em;
	}	
	.obj008_title {
    font-size: 1.8em;
	}	
}
@media screen and (orientation: portrait) and (min-width: 520px) {
	.obj001_title {
    font-size: 5em;
    line-height: 10.5;
	}
	.corner_caption {
  	bottom: 10px;
  	right: 14px;
  	font-size: 1.1em;
	}
	.obj002_title {
    font-size: 2.5em;
    line-height: 12;
	}	
	.obj005_title {
    font-size: 2.5em;
    line-height: 12;
	}	
	.obj007_title {
    font-size: 2em;
	}	
	.obj007_link {
    top: 72%;
    font-size: 1.6em;
	}	
	.obj008_title {
    font-size: 2em;
	}	
}
@media screen and (orientation: portrait) and (min-width: 601px) {
	.obj001_title {
    font-size: 6em;
    line-height: 9;
	}
	.obj002_title {
    font-size: 2.5em;
    line-height: 14;
	}	
	.obj005_title {
    font-size: 2.5em;
    line-height: 14;
	}	
	.obj007_title {
    font-size: 2.3em;
	}	
	.obj007_link {
    top: 74%;
    font-size: 1.9em;
	}	
	.obj008_title {
    font-size: 2.3em;
	}	
}
@media screen and (orientation: portrait) and (min-width: 799px) {
	.obj001_title {
    font-size: 6.5em;
    line-height: 10;
	}
	.corner_caption {
  	bottom: 10px;
  	right: 14px;
  	font-size: 1.1em;
	}
	.obj002_caution {
    bottom: 5%;
    right: 3%;
    font-size: 1em;
    line-height: 1;
	}	
	.obj002_title {
    font-size: 3em;
    line-height: 14;
	}	
	.obj005_title {
    font-size: 3em;
    line-height: 14;
	}	
	.obj007_title {
    font-size: 2.8em;
	}	
	.obj007_link {
    top: 74%;
    font-size: 2.2em;
	}	
	.obj008_title {
    font-size: 2.8em;
	}	
}
@media screen and (orientation: portrait) and (min-width: 900px) {
	.obj001_title {
    font-size: 7em;
    line-height: 11;
	}
	.obj007_title {
    font-size: 3em;
	}	
	.obj007_link {
    top: 74%;
    font-size: 2.4em;
	}	
	.obj008_title {
    font-size: 3em;
	}	
}
@media screen and (orientation: portrait) and (min-width: 1070px) {
	.obj001_title {
    font-size: 7em;
    line-height: 13;
	}
	.obj002_title {
    font-size: 4em;
    line-height: 14;
	}	
	.obj005_title {
    font-size: 4em;
    line-height: 14;
	}	
	.obj007_title {
    font-size: 3.5em;
	}	
	.obj007_link {
    top: 74%;
    font-size: 2.8em;
	}	
	.obj008_title {
    font-size: 3.5em;
	}	
}
@media screen and (orientation: portrait) and (min-width: 1600px) {
	.obj001_title {
    font-size: 9em;
    line-height: 14;
	}
	.obj002_title {
    font-size: 5em;
    line-height: 16;
	}	
	.obj005_title {
    font-size: 5em;
    line-height: 16;
	}	
	.obj007_title {
    font-size: 4.5em;
	}	
	.obj007_link {
    top: 74%;
    font-size: 3.5em;
	}	
	.obj008_title {
    font-size: 4.5em;
	}	
}



