@media all and (min-width: 769px) {
	/*.main-contents{
		margin-top: 112px;
	}*/
	.home .main-vis {
		height: calc(100vh - 62px);
		position: relative;
		margin: 0 0 0 0;
		background: #000000;
	}
	.home .main-vis .bg {
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url("../img/pc/mai_pho.jpg") no-repeat center center;
		background-size: cover;
		opacity: 0;
		-webkit-transition: opacity 3s;
		-o-transition: opacity 3s;
		transition: opacity 3s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.home .main-vis .fg {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-align-items: center;
		align-items: center;
	}
	.home .main-vis .fg > .wrap .p1 {
		margin: 0 0 30px 0;
		font-size: 28px;
		color: #ffffff;
		line-height: 48px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-align: center;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
		opacity: 0;
		-webkit-transform: translate(50px, 0);
		-ms-transform: translate(50px, 0);
		-o-transform: translate(50px, 0);
		transform: translate(50px, 0);
		-webkit-transition: opacity 1s, transform 1s;
		-o-transition: opacity 1s, transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		transition-delay: 1s;
	}
	.home .main-vis .fg > .wrap .p2 {
		margin: 0 auto 30px auto;
		padding: 80px 0 0 0;
		width: 787px;
		height: 0;
		overflow: hidden;
		background: url(../img/pc/mai_ttl.png) no-repeat;
		background-size: 787px 80px;
		opacity: 0;
		-webkit-transform: translate(50px, 0);
		-ms-transform: translate(50px, 0);
		-o-transform: translate(50px, 0);
		transform: translate(50px, 0);
		-webkit-transition: opacity 1s, transform 1s;
		-o-transition: opacity 1s, transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		transition-delay: 1.25s;
	}
	.home .main-vis .fg > .wrap .p3 {
		font-size: 20px;
		color: #ffffff;
		line-height: 40px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.16em;
		text-align: center;
		text-shadow: 0px 0px 5px #000000;
		opacity: 0;
		-webkit-transform: translate(50px, 0);
		-ms-transform: translate(50px, 0);
		-o-transform: translate(50px, 0);
		transform: translate(50px, 0);
		-webkit-transition: opacity 1s, transform 1s;
		-o-transition: opacity 1s, transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		transition-delay: 1.5s;
		/*background:#000;*/
	}
	.home .main-vis .fg > .wrap .p3 span{
		background: rgba(0, 0, 0,0.3);
	}
	.home .main-vis .scroll {
		position: absolute;
		z-index: 2;
		margin: auto;
		left: 0;
		right: 0;
		bottom: -116px;
		width: 55px;
		height: 116px;
		font-size: 13px;
		color: #00b551;
		line-height: 20px;
		text-align: center;
		opacity: 0;
		-webkit-transition: bottom 1s 1.75s;
		-o-transition: bottom 1s 1.75s;
		transition: bottom 1s 1.75s;
	}
	/*.home .main-vis .scroll:before {
		content: '';
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 0;
		height: 80px;
		border-left: 1px solid #00b551;
	}*/
	.home .main-vis .scroll:before {
		content: '';
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top:30px;
		display: block;
		width: 9px;
		height: 10px;
		background:url("../img/pc/arrow_bottom.png") no-repeat;
	}
	.home .main-vis.active .bg {
		opacity: 1;
	}
	.home .main-vis.active .fg > .wrap .p1,
	.home .main-vis.active .fg > .wrap .p2,
	.home .main-vis.active .fg > .wrap .p3 {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.home .main-vis.active .scroll {
		opacity: 1;
		bottom: -50px;
	}
	.home .features {
		padding: 100px 0 50px 0;
		background: url(../img/pc/fea_bg.jpg) no-repeat center top #000000;
	}
	.home .features .section-title {
		margin: 0 0 50px 0;
	}
	.home .features .section-title h2 {
		font-size: 38px;
		line-height: 50px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-align: center;
		margin: 0 0 13px 0;
	}
	.home .features .section-title p {
		font-size: 18px;
		color: #00b551;
		line-height: 26px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-align: center;
	}
	.home .features .lead {
		margin: 0 auto 0 auto;
		width: 980px;
	}
	.home .features .lead p {
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 0.04em;
	}
	.home .features .list {
		margin: 0 auto 0 auto;
		padding: 0 0 50px 0;
		width: 1080px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.home .features .list article {
		width: 330px;
		margin: 0 0 40px 0;
	}
	.home .features .list article figure .image {
		margin: 0 0 3px 0;
	}
	.home .features .list article figure .image img {
		vertical-align: bottom;
	}
	.home .features .list article figure figcaption .sub {
		font-size: 14px;
		color: #00b551;
		line-height: 28px;
		letter-spacing: 0.08em;
		text-align: center;
	}
	.home .features .list article figure figcaption .label {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.08em;
		text-align: center;
	}
	.home > .link {
		background: url("/japan/products/star_lens/common/img/_bg_grey.png");
		padding: 0 0 36px 0;
	}
	.home > .link .section-title {
		padding: 50px 0 40px 0;
	}
	.home > .link .section-title h2 {
		font-size: 28px;
		color: #000000;
		line-height: 30px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		text-align: center;
	}
	.home > .link .list {
		margin: 0 auto;
		width: 1080px;
	}
	.home > .link .list ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.home > .link .list ul li {
		width: 528px;
		margin: 0 0 25px 0;
	}
	.home > .link .list ul li a {
		display: block;
		text-decoration: none;
		
	}
	.home > .link .list ul li a figure {
		width: 528px;
	}
	.home > .link .list ul li a figure .image {
		width: 528px;
		height: 297px;
		/*margin: 0 0 10px 0;*/
		position: relative;
		border:3px solid #fff;
	}
	.home > .link .list ul li a:hover figure .image{
		border:3px solid #00b551;
		transition: all 0.25s;
	}
	.home > .link .list ul li.l1 a figure .image{
		background:url("../img/pc/lin_img_01_off.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l2 a figure .image{
		background:url("../img/pc/lin_img_02_off.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l3 a figure .image{
		background:url("../img/pc/lin_img_03_off.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l4 a figure .image{
		background:url("../img/pc/lin_img_04_off.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l1 a:hover figure .image{
		background:url("../img/pc/lin_img_01_on.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l2 a:hover figure .image{
		background:url("../img/pc/lin_img_02_on.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l3 a:hover figure .image{
		background:url("../img/pc/lin_img_03_on.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l4 a:hover figure .image{
		background:url("../img/pc/lin_img_04_on.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li a figure .image img｛

	.home > .link .list ul li a figure figcaption p {
		font-size: 16px;
		color: #000000;
		line-height: 26px;
		text-align: center;
	}
	.home > .link .list ul li a:hover figure .image img {
		border-width: 3px;
	}
}

@media all and (max-width: 768px) {
	.home .main-vis {
		width: 100vw;
		height: 93.86vw;
		position: relative;
		margin: 0 0 0 0;
		background: #000000;
		overflow: hidden;
	}
	.home .main-vis .bg {
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		width: 100vw;
		height: 93.86vw;
		background: url("../img/sp/mai_pho.jpg") no-repeat center center;
		background-size: 100vw 93.86vw;
		opacity: 0;
		-webkit-transition: opacity 3s;
		-o-transition: opacity 3s;
		transition: opacity 3s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.home .main-vis .fg {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100vw;
		height: 93.86vw;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-align-items: center;
		align-items: center;
	}
	.home .main-vis .fg > .wrap .p1 {
		margin: 0 0 3.33333vw 0;
		font-size: 3.73333vw;
		color: #ffffff;
		line-height: 6vw;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-align: center;
		text-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.33);
		opacity: 0;
		-webkit-transform: translate(50px, 0);
		-ms-transform: translate(50px, 0);
		-o-transform: translate(50px, 0);
		transform: translate(50px, 0);
		-webkit-transition: opacity 1s, transform 1s;
		-o-transition: opacity 1s, transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		transition-delay: 1s;
	}
	.home .main-vis .fg > .wrap .p2 {
		margin: 0 auto 2.93333vw auto;
		padding: 9.6vw 0 0 0;
		width: 90.93333vw;
		height: 0;
		overflow: hidden;
		background: url(../img/sp/mai_ttl.png) no-repeat;
		background-size: 90.93333vw 9.6vw;
		opacity: 0;
		-webkit-transform: translate(50px, 0);
		-ms-transform: translate(50px, 0);
		-o-transform: translate(50px, 0);
		transform: translate(50px, 0);
		-webkit-transition: opacity 1s, transform 1s;
		-o-transition: opacity 1s, transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		transition-delay: 1.25s;
	}
	.home .main-vis .fg > .wrap .p3 {
		font-size: 2.93333vw;
		color: #ffffff;
		line-height: 5.33333vw;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.16em;
		text-align: center;
		text-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.33);
		opacity: 0;
		-webkit-transform: translate(50px, 0);
		-ms-transform: translate(50px, 0);
		-o-transform: translate(50px, 0);
		transform: translate(50px, 0);
		-webkit-transition: opacity 1s, transform 1s;
		-o-transition: opacity 1s, transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		transition-delay: 1.5s;
	}
	.home .main-vis .scroll {
		display: none;
	}
	.home .main-vis.active .bg {
		opacity: 1;
	}
	.home .main-vis.active .fg > .wrap .p1,
	.home .main-vis.active .fg > .wrap .p2,
	.home .main-vis.active .fg > .wrap .p3 {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.home .features {
		background: url(../img/sp/fea_bg.jpg) no-repeat center top #000000;
		background-size: 100vw 90.66667vw;
		padding: 9.33333vw 0 6.66667vw 0;
	}
	.home .features .section-title {
		margin: 0 0 4.53333vw 0;
	}
	.home .features .section-title h2 {
		font-size: 5.33333vw;
		line-height: 8.13333vw;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-align: center;
		margin: 0 0 1.33333vw 0;
	}
	.home .features .section-title p {
		font-size: 3.46667vw;
		color: #00b551;
		line-height: 5.33333vw;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-align: center;
	}
	.home .features .lead {
		margin: 0 auto 0 auto;
		width: 92vw;
	}
	.home .features .lead p {
		font-size: 3.2vw;
		line-height: 5.33333vw;
		letter-spacing: 0.04em;
	}
	.home .features .list {
		margin: 0 auto 0 auto;
		padding: 0 0 2.66667vw 0;
		width: 92vw;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.home .features .list article {
		width: 44vw;
		margin: 0 0 5.33333vw 0;
	}
	.home .features .list article figure .image {
		margin: 0 0 0.53333vw 0;
	}
	.home .features .list article figure .image img {
		width: 44vw;
		vertical-align: bottom;
	}
	.home .features .list article figure figcaption .sub {
		font-size: 3.73333vw;
		color: #00b551;
		line-height: 6.93333vw;
		letter-spacing: 0.08em;
		text-align: center;
	}
	.home .features .list article figure figcaption .label {
		font-size: 3.2vw;
		line-height: 4.26667vw;
		letter-spacing: 0.08em;
		text-align: center;
	}
	.home > .link {
		background: url("/japan/products/star_lens/common/img/_bg_grey.png");
		padding: 0 0 36px 0;
	}
	.home > .link .section-title {
		padding: 8vw 0;
	}
	.home > .link .section-title h2 {
		font-size: 5.33333vw;
		color: #000000;
		line-height: 6.4vw;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		text-align: center;
	}
	.home > .link .list {
		margin: 0 auto;
		width: 92vw;
	}
	.home > .link .list ul li {
		width: 92vw;
		margin: 0 0 4vw 0;
	}
	.home > .link .list ul li a {
		display: block;
		text-decoration: none;
	}
	.home > .link .list ul li a figure .image {
		border: 0.4vw solid #ffffff;
		margin: 0 0 2vw 0;
	}
	.home > .link .list ul li a figure .image img {
		width: 91.2vw;
		vertical-align: bottom;
	}
	.home > .link .list ul li a figure figcaption p {
		font-size: 3.2vw;
		color: #000000;
		line-height: 4.8vw;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 700;
		text-align: center;
	}

	.home > .link .list ul li a figure .image{
		padding-top:40.58%;
	}
	.home > .link .list ul li.l1 a figure .image{
		background:url("../img/sp/lin_img_01.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l2 a figure .image{
		background:url("../img/sp/lin_img_02.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l3 a figure .image{
		background:url("../img/sp/lin_img_03.jpg") no-repeat;
		background-size: 100%;
	}
	.home > .link .list ul li.l4 a figure .image{
		background:url("../img/sp/lin_img_04.jpg") no-repeat;
		background-size: 100%;
	}
}