/*
 * CSS Local Style Setting
 */


/**
		content common
--------------------------------------------**/
.pcOnly {
	display: block !important;
}
.spOnly {
	display: none !important;
}
.parallax,
.parallax2 {
	transition: all 0.8s ease-out;
}
.upAnime {
	transform: translateY(80px);
	transition: all 0.8s ease-out;
}
.upAnime.on {
	transform: translateY(0);
}
.popupAnime {
	opacity: 0;
	transform: scale(0.1);
	transition: all 0.4s ease-out;
}
.popupAnime.PA1 {
	transition: all 0.4s ease-out;
}
.popupAnime.PA2 {
	transition: all 0.4s 0.3s ease-out;
}
.popupAnime.PA3 {
	transition: all 0.4s 0.6s ease-out;
}
.popupAnime.PA4 {
	transition: all 0.4s 0.8s ease-out;
}
.popupAnime.on {
	opacity: 1;
	transform: scale(1);
}
.opacityAnime {
	opacity: 0;
	transition: all 0.8s ease-out;
}
.opacityAnime.OA1 {
	transition: all 0.8s ease-out;
}
.opacityAnime.OA2 {
	transition: all 0.8s 0.3s ease-out;
}
.opacityAnime.OA3 {
	transition: all 0.8s 0.6s ease-out;
}
.opacityAnime.OA4 {
	transition: all 0.8s 0.8s ease-out;
}
.opacityAnime.on {
	opacity: 1;
}

.projector-page {
	color: #1c1a1a;
}

.hlLv02--contets {
	margin: 0;
	padding: 70px 0 38px;
	text-align: center;
	color: #1c1a1a !important;
	font-size: 30px;
	font-weight: 400;
}

.hlLv03 {
	padding-bottom: 28px;
	text-align: center;
	color: #1c1a1a !important;
	background: linear-gradient(to right, #009900, #66cc66);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 36px;
	font-weight: 600;
}

.hlLv04 {
	text-align: center;
	color: #1c1a1a !important;
	font-size: 24px;
	font-weight: 600;
}

.hlLv04+p {
	padding: 18px 0 40px;
	font-size: 14px;
}

sup {
	font-size: 12px;
	color: #1c1a1a;
	display: inline-block;
}

.modTxt02 {
	font-size: 10px;
}


/**
		simulation_golf
--------------------------------------------**/
main {
	background-color: #e8eafe !important;
}
.projector-page {
	background-image: url(../img/bg_mainimg_001.jpg), url(../img/bg_mainimg_002.jpg);
	background-repeat: no-repeat;
	background-size: 1400px 780px, 100% 780px;
	background-position: top center;
	background-color: #fff;
	padding-bottom: 20px;
	font-family: "Poppins", sans-serif;
}

.mainImg--simulation_golf {
	height: 750px;
}
.mainImgWrap {
	padding-bottom: 10px;
	position: static;
}
.mainImgWrapInner {
	position: relative;
	width: 976px;
	margin: 0 auto;
	height: 480px;
	min-height: 490px;
}
.mainImgWrapInner h1 {
	display: block;
	width: 976px;
	padding: 105px 0 0 15px;
	line-height: 1.2;
}
.mainImgWrapInner h1 span{
	font-size: 100px;
	font-weight: 600;
	color: #FFF;
}

.pageSection--simulation_golf {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}


/**
		anchor Link
--------------------------------------------**/
.anchorLink01 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0 15px;
	padding: 0;
}
.anchorLink01 li {
	width: 100%;
	font-size: 18px;
	border-bottom: 3px solid #51b946;
	transition: border 0.2s ease-in-out;
}
.anchorLink01 li:hover {
	border-bottom: 3px solid #71e471;
}
.anchorLink01 li a {
	display: block;
	padding: 20px;
	font-weight: 500;
	color: #1c1a1a;
}
.anchorLink01 li a span {
	padding: 5px 24px 5px 0;
	background-image: url("../img/icn_arrow_down_green.svg");
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: center right;
	transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
	animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
}
.anchorLink01 li a:hover span {
	animation-name: arrow01;
}
@keyframes arrow01 {
	0% {
		background-position: center right;
	}
	50% {
		background-position: bottom 3px right;
	}
	100% {
		background-position: center right;
	}
}

.introduce {
	padding: 80px 30px 10px;
}
.introduce figure {
	position: relative;
}
.introduce figure > span {
	position: absolute;
	top: 0;
	left: 58px;
}
.introduce img {
	width: 800px;
	height: 100%;
}
.introduce figcaption {
	padding-top: 20px;
	font-size: 18px;
	line-height: 1.44;
	text-align: left;
	word-break: keep-all;
	overflow-wrap: break-word;
}

.anchorLink02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 90px;
	padding: 0;
}
.anchorLink02 li {
	width: calc(50% - 45px);
	padding: 32px 0;
	font-size: 18px;
	text-align: left;
}
.anchorLink02 li a {
	display: inline-block;
	padding: 18px 25px 18px 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	color: #339933;
	background-image: url("../img/icn_arrow_down_black.svg");
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: center right;
	transition: color 0.2s ease-in-out;
	animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
}

.anchorLink02 li a:hover {
	color: #71e471;
	animation-name: arrow02;
}
@keyframes arrow02 {
	0% {
		background-position: center right;
	}
	50% {
		background-position: bottom 16px right;
	}
	100% {
		background-position: center right;
	}
}

.anchorLink02 li p {
	font-size: 14px;
	line-height: 1.44;
}
.anchorLink02 .modTxt02 {
	display: inline-block;
	padding-top: 15px;
}


/**
		Feature - Installation Flexibility
	--------------------------------------------**/
.throwRatioSlider {
	z-index: 1;
	position: relative;
}
.throwRatioHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.throwRatioHeader:before {
	content: "";
	display: inline-block;
	margin: 0 auto;
	width: 10%;
	height: 70px;
	background: linear-gradient(to right, #009900, #66cc66);
	border-radius: 12px;
	transition: all 0.4s ease-out;
}
.throwRatioHeader.on:before {
	width: 100%;
}
.throwRatioHeader:after {
	content: "";
	position: absolute;
	top: 70px;
	left: calc(50% - 11px);
	display: inline-block;
	border-top: 22px solid #34b234;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}
.throwRatioSlider .slick-arrow {
	position: absolute;
	width: 70px;
	height: 70px;
	text-indent: 100%;
	white-space: nowrap;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 15px auto;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	overflow: hidden;
	transition: background 0.2s ease-in-out;
}
.throwRatioSlider .slick-next {
	z-index: 3;
	top: 0;
	right: 0;
	background-image: url("../img/icn_arrow_right_white.svg");
	background-position: center right 30px;
}
.throwRatioSlider .slick-prev {
	z-index: 2;
	top: 0;
	left: 0;
	background-image: url("../img/icn_arrow_left_white.svg");
	background-position: center left 30px;
}
.throwRatioSlider .slick-next:hover {
	background-position: center right 25px;
}
.throwRatioSlider .slick-prev:hover {
	background-position: center left 25px;
}

.throwRatioTable {
	padding-top: 10px;
}
.throwRatioTable li {
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
}
.throwRatioTable li > p {
	padding-bottom: 18px;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	color: #32a73c;
}
.throwRatioProduct {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0 40px;
	padding: 0;
}
.throwRatioProduct img {
	width: 142px;
	height: 100%;
	padding-right: 5px;
}
.throwRatioProduct dl {
	flex: 1;
	padding-top: 10px;
	font-size: 14px;
	text-align: left;
	line-height: 1.57;
}
.throwRatioProduct dl:nth-of-type(1) {
	flex: 1.6;
}
.throwRatioProduct dl:nth-of-type(2),
.throwRatioProduct dl:nth-of-type(4) {
	flex: 1.2;
}
.throwRatioProduct dt {
	font-weight: 700;
}
.throwRatioTable .noteArea {
	text-align: left;
}

.adjustment {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 40px;
	padding-top: 10px;
}
.adjustment figure {
	width: calc(50% - 20px);
	padding: 32px 0;
}
.adjustment figcaption {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.57;
}
.adjustment figcaption span {
	display: inline-block;
	padding: 10px 0;
	font-size: 18px;
	font-weight: 600;
}
.adjustment figcaption .modTxt02 {
	padding-top: 10px;
}


/**
		Feature - Long Life, Low Maintenance
	--------------------------------------------**/
.laserAndFilter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0 60px;
	padding: 20px 0 32px;
}
.laserAndFilter div {
	width: calc(50% - 30px);
}
.laserAndFilter div.caption {
	padding-bottom: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.57;
	text-align: left;
}
.laserAndFilter div.caption span {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 24px;
}
.laserAndFilter div.caption .modTxt02 {
	padding-top: 12px;
}
.laserAndFilter div.images {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 36px;
}
.laserAndFilter div.images figure {
	width: calc(50% - 18px);
}
.laserAndFilter div.images figcaption {
	padding-top: 16px;
	font-size: 18px;
	font-weight: 600;
}
.laserAndFilter div.images figcaption .modTxt02 {
	padding-top: 10px;
	font-weight: 400;
}


/**
		Feature - Visuals to Impress Every Guest
	--------------------------------------------**/
.quality figure {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0 60px;
	padding: 30px 0;
}
.quality figure:nth-child(odd) {
	flex-direction: row-reverse;
}
.quality figure > span,
.quality figcaption {
	width: calc(50% - 30px);
}

.quality figure > span {
	position: relative;
}
.quality figure .popup {
	position: absolute;
	top: 220px;
	left: 105px;
	width: 120px;
}
.quality figure .popupAnime {
	transform-origin: top left;
}
.quality figcaption {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.57;
	text-align: left;
}
.quality figcaption span {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 24px;
}
.quality figure:nth-of-type(2) figcaption {
	padding-bottom: 50px;
}


/**
		Feature - Smart, Eco-Conscious Design
	--------------------------------------------**/
.eco {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 60px;
	padding: 30px 0;
}
.eco figure {
	position: relative;
	width: calc(50% - 30px);
}
.eco figure .popup01 {
	position: absolute;
	top: 45px;
	left: 165px;
	width: 34px;
}
.eco figure .popup02 {
	position: absolute;
	top: 265px;
	left: 53px;
	width: 76px;
}
.eco figure .popup03 {
	position: absolute;
	top: 262px;
	left: 140px;
	width: 305px;
}
.eco figure .popup01 .popupAnime {
	transform: scale(1, 0.1);
	transform-origin: bottom center;
}
.eco figure .popup01 .popupAnime.on {
	transform: scale(1, 1);
}
.eco figure .popup02 .popupAnime {
	transform-origin: top left;
}
.eco figcaption {
	margin-top: -20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.57;
	text-align: left;
}
.eco figcaption span {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 24px;
}
.eco figcaption .modTxt02 {
	padding-top: 13px;
}

.saving {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 20px;
	padding: 0 0 100px;
}
.saving figure {
	width: calc(33.333% - 14px);
}
.saving figcaption {
	padding-top: 28px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.57;
	text-align: left;
}
.saving figcaption span {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 1.3;
}


/**
		Lineup
	--------------------------------------------**/
.sectionContent--lineup {
	background-color: #dbf3de;
}
.lineupNavi {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0 20px;
	padding: 20px 0;
}
.lineupNavi label {
	width: 100%;
	font-size: 18px;
	text-align: left;
	font-weight: 600;
}
.lineupNavi p {
	padding-bottom: 20px;
}
.lineupNavi select {
	cursor: pointer;
	width: 100%;
	height: 50px;
	padding: 0 50px 0 10px;
	font-size: 16px;
	color: #1c1a1a;
	text-transform: none;
	background-color: #fff;
	border: 1px solid #999696;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 5px;
	background-image: url("../img/icn_arrow_down_green.svg");
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: center right 20px;
}

.lineupList {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
	padding: 30px 0 100px;
}
.lineupList li {
	width: calc(33.333% - 14px);
}
.lineupList li img {
	width: 245px;
	padding-bottom: 14px;
}
.lineupList li a:hover img {
	opacity: 1;
}
.lineupList li figcaption {
	display: inline-block;
	padding-right: 30px;
	font-size: 24px;
	font-weight: 600;
	color: #1c1a1a;
	background-image: url("../img/icn_arrow_right_green.svg");
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: center right 5px;
	transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.lineupList li a:hover figcaption {
	color: #32a73c;
	background-position: center right 0px;
}


/**
		Lineup - sort
	--------------------------------------------**/

.lineupNotApp {
	display: none;
	padding: 80px 0 0;
	font-size: 18px;
}
.lineupNotApp.on {
	display: block;
}

.lineupList li {
	display: none;
}
.lineupList.all li {
	display: block;
}
.lineupList.t1h27d50 li.t1h27d50,
.lineupList.t1h27d60 li.t1h27d60,
.lineupList.t1h27d70 li.t1h27d70,
.lineupList.t1h27d80 li.t1h27d80,
.lineupList.t1h30d50 li.t1h30d50,
.lineupList.t1h30d60 li.t1h30d60,
.lineupList.t1h30d70 li.t1h30d70,
.lineupList.t1h30d80 li.t1h30d80,
.lineupList.t2h27d50 li.t2h27d50,
.lineupList.t2h27d60 li.t2h27d60,
.lineupList.t2h27d70 li.t2h27d70,
.lineupList.t2h27d80 li.t2h27d80,
.lineupList.t2h30d50 li.t2h30d50,
.lineupList.t2h30d60 li.t2h30d60,
.lineupList.t2h30d70 li.t2h30d70,
.lineupList.t2h30d80 li.t2h30d80 {
	display: block;
}


/**
		Use Cases
	--------------------------------------------**/
.useCasesList figure {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 40px;
	padding: 30px 0;
}
.useCasesList img {
	width: 312px;
	height: 100%;
}
.useCasesList figcaption {
	width: calc(100% - 363px);
}
.useCasesList figcaption {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.57;
	text-align: left;
}
.useCasesList figcaption span {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 24px;
}
.useCasesList figcaption a {
	display: inline-block;
	margin-top: 10px;
	padding-right: 30px;
	font-size: 24px;
	font-weight: 600;
	color: #1c1a1a;
	background-image: url("../img/icn_arrow_right_black.svg");
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: center right 5px;
	transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.useCasesList figcaption a:hover {
	color: #32a73c;
	background-image: url("../img/icn_arrow_right_green.svg");
	background-position: center right 0px;
}


/**
		Contact
	--------------------------------------------**/
.contactBtn {
	padding: 100px 0 80px;
}
.contactBtn a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 90px;
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	background: #f2f2f2;
	border-radius: 45px;
	overflow: hidden;
	transition: color 0.4s ease-in-out;
}
.contactBtn a:hover {
	color: #32a73c;
}
.contactBtn a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 102%;
	height: 90px;
	background: linear-gradient(to right, #009900, #66cc66);
	border-radius: 45px;
	transition: all 0.4s ease-in-out;
}
.contactBtn a:hover:before {
	top: 10px;
	right: 10px;
	width: 70px;
	height: 70px;
}
.contactBtn a:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 15px;
	width: 90px;
	height: 90px;
	background-image: url("../img/icn_arrow_right_white.svg");
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: center right 30px;
	opacity: 0;
	transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.contactBtn a:hover:after {
	right: 0;
	opacity: 1;
}
.contactBtn a span {
	position: relative;
}




@media only screen and (max-width:640px) {
	
	/**
			content common
	--------------------------------------------**/
	.pcOnly {
		display: none !important;
	}
	.spOnly {
		display: block !important;
	}
	
	.sectionContent--wide {
		width: 90%;
		margin: 0 auto 3.1vw;
	}
	
	.sectionContent {
		width: auto;
		padding: 0;
	}
	
	.hlLv04+p {
		padding: 18px 0 35px;
		font-size: 14px;
	}
	
	
	/**
		simulation_golf
	--------------------------------------------**/
	.projector-page {
		padding-bottom: 0;
		background-image: url("../img/bg_mainimg_sp.jpg");
		background-repeat: no-repeat;
		background-color: #fff;
		background-size: 100% auto;
		background-position: top left;
	}
	.mainImg--simulation_golf {
		height: 73.4vw;
	}
	.mainImgWrap {
		padding-bottom: 0;
	}
	.mainimgWrapInner {
		width: 100%;
		height: 100%;
		min-height: auto;
	}
	.mainImgWrapInner {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: auto;
		margin: 0;
	}
	.mainImgWrapInner h1 {
		width: 100%;
		padding: 12.2vw 0 0 6.25vw;
	}
	.mainImgWrapInner h1 span{
		font-size: 8.6vw;
	}


	/**
			anchor Link
	--------------------------------------------**/
	.anchorLink01 {
		gap: 0 3.1vw;
	}
	.anchorLink01 li {
		transition: none;
	}
	.anchorLink01 li:hover {
		border-bottom: 3px solid #51b946;
	}
	.anchorLink01 li a {
		padding: 20px 5px 30px;
	}
	.anchorLink01 li a span {
		padding: 5px 24px 5px 0;
		font-size: 20px;
		background-position: center right;
		transition: none;
	}
	.anchorLink01 li a:hover span {
		animation-name: arrow01;
	}
	@keyframes arrow01 {
		0% {
			background-position: center right;
		}
		100% {
			background-position: center right;
		}
	}
	
	.introduce {
		padding: 12.5vw 0 1.6vw;
	}
	.introduce figure > span {
		position: absolute;
		top: 0;
		left: 0;
	}
	.introduce img {
		width: 100%;
		height: auto;
	}
	
	.anchorLink02 {
		flex-direction: column;
		gap: 0;
	}
	.anchorLink02 li {
		width: 100%;
		padding: 5vw 0;
	}
	.anchorLink02 li a {
		width: auto;
		padding: 18px 27px 18px 0;
		color: #339933;
		transition: none;
	}

	.anchorLink02 li a:hover {
		color: #339933;
		animation-name: arrow02;
	}
	@keyframes arrow02 {
		0% {
			background-position: center right;
		}
		100% {
			background-position: center right;
		}
	}
	
	
	/**
			Feature - Installation Flexibility
		--------------------------------------------**/
	.throwRatioHeader:before {
		height: 9.4vw;
		border-radius: 1.25vw;
	}
	.throwRatioHeader:after {
		content: "";
		display: inline-block;
		top: 9.4vw;
		left: calc(50% - 1.5vw);
		margin:0 auto;
		border-top: 3vw solid #34b234;
		border-left: 1.7vw solid transparent;
		border-right: 1.7vw solid transparent;
	}
	
	.sliderSet {
		padding-top: 1.4vw;
	}
	
	.throwRatioSlider .slick-arrow {
		width: 9.4vw;
		height: 9.4vw;
		background-size: 2.4vw auto;
		transition: none;
	}
	
	.throwRatioSlider .slick-next {
		background-position: center right 3.9vw;
	}
	.throwRatioSlider .slick-prev {
		background-position: center left 3.9vw;
	}
	.throwRatioSlider .slick-next:hover {
		background-position: center right 3.9vw;
	}
	.throwRatioSlider .slick-prev:hover {
		background-position: center left 3.9vw;
	}

	.throwRatioTable {
		padding-top: 1.6vw;
	}
	.throwRatioProduct {
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0 6.2vw;
		padding: 0;
	}
	.throwRatioTable li > p {
		font-size: 18px;
		text-align: center;
		line-height: 1.3;
	}
	.throwRatioProduct img {
		width: 31vw;
		height: 100%;
		padding: 5px 29.2vw 15px;
	}
	.throwRatioProduct dl:nth-of-type(1) {
		flex: 1.6;
	}
	.throwRatioProduct dl:nth-of-type(2),
	.throwRatioProduct dl:nth-of-type(4) {
		flex: 1.2;
	}
	
	.adjustment {
		flex-direction: column;
		gap: 0;
		padding-top: 0;
	}
	.adjustment figure {
		width: 100%;
		padding: 3.1vw 0 4.7vw;
	}
	.adjustment figure:nth-of-type(1) figcaption {
		margin-top: -3.2vw;
	}
	
	
	/**
			Feature - Long Life, Low Maintenance
		--------------------------------------------**/
	.laserAndFilter {
		flex-direction: column;
		align-items: start;
		gap: 0;
		padding: 3.1vw 0 5vw;
	}
	.laserAndFilter div {
		width: 100%;
	}
	
	
	/**
			Feature - Visuals to Impress Every Guest
		--------------------------------------------**/
	.quality figure {
		flex-direction: column;
		align-items: start;
		gap: 3.1vw 0;
		padding: 5vw 0;
	}
	.quality figure:nth-child(odd) {
		flex-direction: column;
	}
	.quality figure > span,
	.quality figcaption {
		width: 100%;
	}
	.quality figure .popup {
		top: 41vw;
		left: 18vw;
		width: 23vw;
	}
	.quality figure:nth-of-type(2) figcaption {
		padding-bottom: 1.5vw;
	}
	
	
	/**
			Feature - Smart, Eco-Conscious Design
		--------------------------------------------**/
	.eco {
		flex-direction: column;
		gap: 9.4vw 0;
		padding: 5vw 0;
	}
	.eco figure {
		width: 100%;
	}
	.eco figure .popup01 {
		top: 9vw;
		left: 32vw;
		width: 6.4vw;
	}
	.eco figure .popup02 {
		top: 52.5vw;
		left: 12vw;
		width: 15vw;
	}
	.eco figure .popup03 {
		top: 51.5vw;
		left: 29vw;
		width: 59vw;
	}
	.eco figcaption {
		margin-top: -6.25vw;
	}
	.eco figcaption span {
		padding-bottom: 0;
	}
	.eco figcaption .modTxt02 {
		padding-top: 1.5vw;
	}

	.saving {
		flex-direction: column;
		gap: 0;
		padding: 0 0 9.4vw;
	}
	.saving figure {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0 6%;
		width: 100%;
		padding: 3.1vw 0;
	}
	.saving img {
		width: 38%;
	}
	.saving figcaption {
		width: 55%;
		padding-top: 0;
	}
	
	
	/**
			Lineup
		--------------------------------------------**/
	.sectionContent--lineup {
		width: 100%;
	}
	.sectionContent--lineup .sectionContent {
		width: 90%;
	}
	.lineupNavi {
		flex-direction: column;
		gap: 4.7vw 0;
		padding: 3.1vw 0;
	}
	
	.lineupList {
		gap: 6.25vw 3.1vw;
		padding: 5vw 0 12.5vw;
	}
	.lineupList li {
		width: calc(50% - 2.3vw);
	}
	.lineupList li img {
		width: 80%;
		padding-bottom: 14px;
	}
	.lineupList li a:hover img {
		opacity: 1;
	}
	.lineupList li figcaption {
		max-width: 80%;
		font-size: 3.75vw;
		word-break: break-all;
		transition: none;
	}
	.lineupList li a:hover figcaption {
		color: #1c1a1a;
		background-position: center right 5px;
	}
	
	
	/**
			Lineup - sort
		--------------------------------------------**/
	.lineupNotApp {
		padding: 16vw 0 8vw;
	}
	
	
	/**
			Use Cases
		--------------------------------------------**/
	.useCasesList figure {
		padding: 3.1vw 0 7.4vw;
		text-align: center;
	}
	.useCasesList img {
		width: 100%;
		height: 100%;
	}
	.useCasesList figcaption {
		width: 100%;
		padding-top: 4.5vw;
	}
	.useCasesList figcaption span {
		padding-bottom: 3.1vw;
		font-size: 24px;
		line-height: 1.44;
	}
	.useCasesList figcaption a {
		transition: none;
	}
	.useCasesList figcaption a:hover {
		color: #1c1a1a;
		background-image: url("../img/icn_arrow_right_black.svg");
		background-position: center right 5px;
	}
	
	
	/**
			Contact
		--------------------------------------------**/
	.contactBtn {
		padding: 9.4vw 0 12.5vw;
	}
	.contactBtn a {
		font-size: 32px;
		transition: none;
	}
	.contactBtn a:hover {
		color: #fff;
	}
	.contactBtn a:before {
		transition: none;
	}
	.contactBtn a:hover:before {
		top: 0;
		right: 0;
		width: 102%;
		height: 90px;
	}
	.contactBtn a:after {
		transition: none;
	}
	.contactBtn a:hover:after {
		opacity: 0;
	}
}


@media only screen and (max-width:520px) {
	.anchorLink01 {
		gap: 0 3.8vw;
	}
	.anchorLink01 li a {
		padding: 3.8vw 0;
	}
	.anchorLink01 li a span {
		padding: 0.95vw 4.6vw 0.95vw 0;
		font-size: 3.8vw;
		background-size: 2.8vw auto;
	}
	
	.throwRatioProduct img {
		width: 60%;
		height: 100%;
		padding: 5px 20% 15px;
	}
	
	.throwRatioProduct dl:nth-of-type(1),
	.throwRatioProduct dl:nth-of-type(2),
	.throwRatioProduct dl:nth-of-type(3),
	.throwRatioProduct dl:nth-of-type(4) {
		width: calc(50% - 3.1vw);
		flex: none;
	}
}


@media only screen and (max-width:440px) {
	.saving figure {
		align-items: start;
	}
	
	.lineupList {
		flex-direction: column;
		gap: 6.25vw 0;
	}
	.lineupList li {
		width: 100%;
	}
	.lineupList li figcaption {
		font-size: 5vw;
	}
}