@charset "UTF-8";
.text-center { text-align: center; }
.p-ttl01 {
	color: #1346af;
	font-size: 60px;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .1em;
}
.news {
	margin-bottom: 164px;
}
.news_inner {}
.news_title {
	margin-bottom: 53px;
}
.news_link {
	margin-top: 45px;
}
.news_link > a {
	text-decoration: none;
	background-color: #eff1f6;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 94px;
	font-weight: 500;
	transition-duration: .3s;
	transition-property: background-color, color;
}
.news_link > a::before {
	content: "";
}
.news_link > a::after {
	content: "";
}
.news_link > a > .icon {
	display: block;
	font-size: 20px;
	margin-left: 13px;
}
.homeNav {}
.homeNav_inner {}
.homeNav_cols {
	display: flex;
}
.homeNav_col {
	width: 50%;
}
.homeNav_col-no1 {}
.homeNav_box {}
.homeNav_box > a {
	display: block;
	text-decoration: none;
	color: inherit;
	position: relative;
	z-index: 1;
}
.homeNav_box > a::before {
	content: "";
}
.homeNav_box > a::after {
	content: "";
}
.homeNav_title {
	position: absolute;
	top: -40px;
	display: flex;
	flex-direction: column;
	line-height: 1;
	align-items: flex-start;
	left: 29px;
	z-index: 2;
}
.homeNav_title > b {
	background-color: #000000;
	color: #fff;
	height: 80px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	font-size: 40px;
	letter-spacing: .09em;
}
.homeNav_title > small {
	display: flex;
	height: 29px;
	align-items: center;
	background-color: #fff;
	font-size: 16px;
	justify-content: center;
	padding: 0 28px;
	margin-top: 10px;
}
.homeNav_imageWrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.homeNav_image {
	padding-bottom: 60.7%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition-duration: 0.5s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.homeNav_image-no1 {
	background-image: url(../img/home/pt-nav01@2x.jpg);
}
.newsWrap {
	border-left: 15px solid #1346af;
	border-right: 15px solid #1346af;
	position: relative;
	background-color: #fff;
	padding: 189px 0 50px;
	/* padding: 189px 0 134px; */
	z-index: 1;
	margin-top: -100px;
}
.homeNav_link {
	position: absolute;
	z-index: 2;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 230px;
	height: 80px;
	bottom: 46px;
}
.homeNav_link > b {}
.homeNav_link > .icon {
	display: none;
}
.homeNav_col-no2 {
	padding-top: 95px;
}
.homeNav_image-no2 {
	background-image: url(../img/home/pt-nav02@2x.jpg);
}
.recNav {
	position: relative;
	z-index: 2;
	padding-top: 90px;
	background-color: #fff;
}
.recNav::before {
	content: "";
	width: 1560px;
	height: 417px;
	background-color: #eff1f6;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 360px;
}
.recNav_areaText {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.recNav_inner {}
.recNav_title {
	text-align: left;
	font-size: 70px;
}
.recNav_catch {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	margin: 34px 0 57px;
	letter-spacing: .1em;
}
.recNav_link {
	width: 400px;
}
.recNav_link > b {}
.recNav_imageWrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 1460px;
}
.recNav_image {
	background-image: url(../img/home/pt-contact@2x.jpg);
	width: 1460px;
	height: 425px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition-duration: 0.5s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.recNav_box {}
.recNav_box > a {
	display: block;
	text-decoration: none;
	color: inherit;
	position: relative;
	z-index: 1;
	padding-left: 100px;
}
.recNav_box > a::before {
	content: "";
}
.recNav_box > a::after {
	content: "";
}
.areaTech {
	position: relative;
	z-index: 2;
}
.areaTech_inner {
	padding-top: 53px;
}
.areaTech_title {
	white-space: nowrap;
	color: rgba(19, 70, 175, 0.2);
	font-size: 140px;
	line-height: 1;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	left: -51px;
	position: absolute;
	top: 0;
	z-index: 0;
	letter-spacing: .1em;
}
.areaTech_message {
	font-size: 34px;
	font-weight: bold;
	line-height: 2.06;
	margin-bottom: 177px;
	letter-spacing: .1em;
	white-space: nowrap;
}
.tech {
	padding-left: 140px;
	position: relative;
	z-index: 1;
	padding-bottom: 67px;
	margin-bottom: 135px;
	margin-right: -150px;
}
.tech:last-child {
	margin-bottom: 0;
}
.tech_bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 1560px;
	height: 100%;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.tech_bg-no1 {
	background-image: url(../img/home/bg-tech01.jpg);
}
.tech_cols {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.tech_col {}
.tech_col-no1 {
	padding-top: 77px;
	width: 39.6%;
}
.tech_title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1;
	margin-bottom: 30px;
	margin-left: -170px;
}
.tech_title > b {
	display: flex;
	font-size: 48px;
	color: #fff100;
	height: 84px;
	align-items: center;
	background-color: #000;
	padding: 0 22px;
	letter-spacing: .1em;
}
.tech_title > small {
	display: flex;
	height: 43px;
	background-color: #000;
	align-items: center;
	color: #fff;
	padding: 0 23px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 17px;
	letter-spacing: .1em;
}
.tech_title > small::before {
	content: "";
	display: block;
	width: 25px;
	height: 1px;
	background-color: #00ffe4;
	margin-right: 18px;
}

.tech_text {
	color: #fff;
	margin-bottom: 30px;
}
.tech_link {
	max-width: 400px;
}
.tech_link > a {}
.tech_link > a::before {
	content: "";
}
.tech_link > a::after {
	content: "";
}
.tech_link > a > b {}
.tech_col-no2 {
	position: relative;
	z-index: 1;
	top: -72px;
	width: 50.4%;
}
.tech_image {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 19px rgba(0, 0, 0, 0.08);
	padding: 54px 15px;
	background-color: #fff;
	border-radius: 50%;
}
.tech_image > img {}
.tech_bg-no2 {
	background-image: url(../img/home/bg-tech02.jpg);
}
.tech_bg-no3 {
	background-image: url(../img/home/bg-tech03.jpg);
}
.tech_bg-no4 {
	background-image: url(../img/home/bg-tech04.jpg);
}

.visual {
	position: relative;
	z-index: 2;
	line-height: 1;
}
.visual_areaText {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 17px;
}
.visual_title {
	display: flex;
	align-items: flex-start;
	color: #fff;
	flex-direction: column;
}
.visual_title > b {
	display: flex;
	align-items: center;
	height: 83px;
	background-color: #000;
	font-size: 60px;
	padding: 0 19px;
	margin-top: 17px;
	letter-spacing: .05em;
	position: relative;
	z-index: 1;
}
.visual_title > b::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition-duration: 0.5s;
	transition-property: width;
	transition-delay: 0.6s;
}
.visual_title > b:nth-child(2)::after {
	transition-delay: 0.8s;
}
.visual_title > b:nth-child(3)::after {
	transition-delay: 1s;
}
[data-animation="after"] .visual_title > b::after {
	width: 0;
}
.visual_title > b:first-child {
	margin-top: 0;
}
.visual_headline {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 38px;
}
.visual_headline > b {
	display: flex;
	font-size: 25px;
	color: #fff;
	background-color: #000;
	padding: 0 30px;
	font-weight: 500;
	height: 43px;
	align-items: center;
	margin-top: 8px;
	letter-spacing: .05em;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;
	transition-delay: 1.5s;
}
[data-animation="after"] .visual_headline > b {
	opacity: 1;
}
.visual_headline > b:first-child {
	margin-top: 0;
}
.visual_slideWrap {
	padding-left: 110px;
	-webkit-transform: none;
	transform: none;
}
.visual_slide {
	font-size: 0;
	height: 980px;
	opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;
	background-color: #fff;
	padding-right: 210px;
}
.visual_slide.slick-initialized {
	opacity: 1;
}
.visual_slide_image {
	height: 980px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.visual_slide_image-no1 {
	background-image: url(../img/home/pt-slide01@2x.jpg);
}
.visual_slide_image-no2 {
	background-image: url(../img/home/pt-slide02@2x.jpg);
}
.visual_slide_image-no3 {
	background-image: url(../img/home/pt-slide03@2x.jpg);
}
.visual_slide_image-no4 {
	background-image: url(../img/home/pt-slide04@2x.jpg);
}
.visual_slide_image-no5 {
	background-image: url(../img/home/pt-slide05@2x.jpg);
}
.slick-dots {
	text-align: center;
	margin-top: 0;
	position: absolute;
	z-index: 10;
	right: 30px;
	bottom: 0;
	list-style: none;
}
.slick-dots > li {}
.slick-dots > li::before {
	content: "";
	display: block;
	height: 16px;
	width: 1px;
	margin: 0 auto;
	background-color: #000;
}
.slick-dots > li:first-child::before {
	display: none;
}
.slick-dots > li > button {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 1;
	display: block;
}
.slick-dots > li > button::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid #000000;
	width: 7px;
	height: 7px;
	transition-duration: .3s;
	transition-property: background-color, border-color, width, height;
}
.slick-dots > li.slick-active > button::after {
	background-color: #1346af;
	border-color: #1346af;
	width: 10px;
	height: 10px;
}
@media screen and (max-width:1699px) {
	.visual_slide {
		padding-right: 80px;
	}
	.visual_areaText {
		right: 55px;
		top: auto;
		bottom: 250px;
		-webkit-transform: none;
		transform: none;
	}
}
@media screen and (max-width:1499px) {
	.tech {
		margin-right: 0;
	}
}
@media screen and (max-width:1199px) {
	.areaTech_message {
		font-size: 2.7vw;
	}
	.visual_slideWrap {
		padding-left: 0;
	}
	.tech {
		padding-left: 50px;
		padding-bottom: 50px;
	}
	.tech_title {
		margin-left: -70px;
	}
	.tech_col-no1 {
		width: 42%;
		padding-top: 60px;
	}
	.tech_col-no2 {
		width: 54%;
	}
	.visual_title > b {
		font-size: 50px;
		height: 70px;
		margin-top: 9px;
	}
	.visual_headline > b {
		font-size: 20px;
		height: 36px;
		margin-top: 7px;
	}
	.visual_slide_image {
		height: 760px;
	}
	.visual_slide {
		height: 760px;
	}
	.visual_headline {
		margin-top: 25px;
	}
}
@media screen and (min-width:1000px) {
	.news_link > a:hover {
		background-color: #1346af;
		color: #fff;
	}
	.homeNav_box > a:hover {}
	a:hover .homeNav_image {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	a:hover .recNav_image {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	.recNav_box > a:hover {}
	.tech_link > a:hover {}
	.slick-dots > li > button:hover::after {
		background-color: #1346af;
		border-color: #1346af;
	}
}
@media screen and (max-width: 999px) {
	.p-ttl01 {
		font-size: 50px;
	}
	.news {
		margin-bottom: 100px;
	}
	.news_inner {}
	.news_title {
		margin-bottom: 35px;
	}
	.news_link {}
	.news_link > a {
		height: 80px;
	}
	.news_link > a::before {}
	.news_link > a::after {}
	.news_link > a > .icon {}
	.homeNav {}
	.homeNav_inner {}
	.homeNav_cols {}
	.homeNav_col {}
	.homeNav_col-no1 {}
	.homeNav_box {}
	.homeNav_box > a {}
	.homeNav_box > a::before {}
	.homeNav_box > a::after {}
	.homeNav_title {
		top: -30px;
		left: 15px;
	}
	.homeNav_title > b {
		font-size: 30px;
		height: 60px;
		padding: 0 19px;
	}
	.homeNav_title > small {
		font-size: 14px;
		height: 24px;
		margin-top: 5px;
		padding: 0 20px;
	}
	.homeNav_imageWrap {}
	.homeNav_image {}
	.homeNav_image-no1 {}
	.newsWrap {
		padding-bottom: 1px;
		/* padding-bottom: 60px; */
		border-left-width: 10px;
		border-right-width: 10px;
	}
	.homeNav_link {
		-webkit-transform: none;
		transform: none;
		bottom: 0;
		right: 0;
		left: auto;
		height: 60px;
		width: 160px;
	}
	.homeNav_link > b {}
	.homeNav_col-no2 {
		padding-top: 60px;
	}
	.homeNav_image-no2 {}
	.recNav {
		padding-top: 60px;
	}
	.recNav::before {
		right: 170px;
	}
	.recNav_areaText {}
	.recNav_inner {}
	.recNav_title {
		font-size: 55px;
	}
	.recNav_catch {
		font-size: 18px;
		margin: 20px 0 35px;
	}
	.recNav_link {
		width: 330px;
	}
	.recNav_link > b {}
	.recNav_imageWrap {
		width: 1000px;
	}
	.recNav_image {
		width: 1000px;
		height: 350px;
	}
	.recNav_box {}
	.recNav_box > a {
		padding-left: 50px;
	}
	.recNav_box > a::before {}
	.recNav_box > a::after {}
	.areaTech {}
	.areaTech_inner {}
	.areaTech_title {}
	.areaTech_message {
		margin-bottom: 110px;
	}
	.tech {
		padding-bottom: 35px;
		padding-left: 25px;
		margin-bottom: 90px;
	}
	.tech:last-child {}
	.tech_bg {}
	.tech_bg-no1 {}
	.tech_cols {}
	.tech_col {
		width: 48%;
	}
	.tech_col-no1 {
		padding-top: 35px;
	}
	.tech_title {
		margin-bottom: 15px;
		margin-left: -50px;
	}
	.tech_title > b {
		font-size: 40px;
		height: 70px;
	}
	.tech_title > small {
		font-size: 15px;
		height: 36px;
	}
	.tech_title > small::before {
		width: 20px;
		margin-right: 10px;
	}
	.tech_text {}
	.tech_link {}
	.tech_link > a {}
	.tech_link > a::before {}
	.tech_link > a::after {}
	.tech_link > a > b {}
	.tech_col-no2 {
		top: -40px;
	}
	.tech_image {}
	.tech_image > img {}
	.tech_bg-no2,.tech_bg_no3,.tech_bg_no4 {}
	.visual {}
	.visual_areaText {}
	.visual_title {}
	.visual_title > b {
		font-size: 27px;
		height: 44px;
		margin-top: 4px;
		padding: 0 15px;
	}
	.visual_title > b:first-child {}
	.visual_headline {
		margin-top: 10px;
	}
	.visual_headline > b {
		font-size: 14px;
		height: 30px;
		padding: 0 15px;
		margin-top: 3px;
	}
	.visual_headline > b:first-child {}
	.visual_slideWrap {}
	.visual_slide {
		height: 500px;
		padding-right: 55px;
	}
	.visual_slide.slick-initialized {}
	.visual_slide_image {
		height: 500px;
		background-position: right center;
	}
	.visual_slide_image-no1 {}
	.visual_slide_image-no2 {}
	.visual_slide_image-no3 {}
	.visual_slide_image-no4 {}
	.visual_slide_image-no5 {}
	.slick-dots {
		right: 15px;
	}
	.slick-dots > li {}
	.slick-dots > li::before {
		height: 8px;
	}
	.slick-dots > li:first-child::before {}
	.slick-dots > li > button {}
	.slick-dots > li > button::after {}
	.slick-dots > li.slick-active > button::after {}
}
@media screen and (max-width:767px) {
	.gHeaderWrap {
		height: 0;
	}
	.p-ttl01 {
		font-size: 30px;
	}
	.news {
		margin-bottom: 80px;
	}
	.news_inner {}
	.news_title {
		margin-bottom: 17px;
	}
	.news_link {
		margin-top: 25px;
	}
	.news_link > a {
		height: 47px;
	}
	.news_link > a::before {}
	.news_link > a::after {}
	.news_link > a > .icon {
		font-size: 14px;
	}
	.homeNav {}
	.homeNav_inner {}
	.homeNav_cols {
		display: block;
		padding: 0 10px;
	}
	.homeNav_col {
		width: auto;
	}
	.homeNav_col-no1 {}
	.homeNav_box {}
	.homeNav_box > a {}
	.homeNav_box > a::before {}
	.homeNav_box > a::after {}
	.homeNav_title {
		top: -20px;
	}
	.homeNav_title > b {
		font-size: 25px;
		padding: 0 15px;
		height: 40px;
	}
	.homeNav_title > small {
		font-size: 13px;
		height: 22px;
		padding: 0 10px;
	}
	.homeNav_imageWrap {}
	.homeNav_image {}
	.homeNav_image-no1 {}
	.newsWrap {
		border-left-width: 5px;
		border-right-width: 5px;
		margin-top: 0;
		padding-top: 80px;
	}
	.homeNav_link {
		width: 40px;
		height: 40px;
		font-size: 0;
	}
	.homeNav_link > .icon {
		display: block;
		font-size: 14px;
	}
	.homeNav_link > b {}
	.homeNav_col-no2 {}
	.homeNav_image-no2 {}
	.recNav {
		padding-top: 35px;
	}
	.recNav::before {
		right: 0;
		height: 208px;
		width: 100%;
	}
	.recNav_areaText {
		position: static;
		-webkit-transform: none;
		transform: none;
		padding-left: 15px;
	}
	.recNav_inner {
		padding-left: 35px;
		padding-right: 35px;
	}
	.recNav_title {
		font-size: 35px;
		position: relative;
		z-index: 2;
	}
	.recNav_catch {
		font-size: 15px;
		line-height: 1.67;
		margin-top: 10px;
		margin-bottom: -72px;
		position: relative;
		z-index: 2;
	}
	.recNav_link {
		position: absolute;
		z-index: 10;
		bottom: 0;
		width: 100%;
		left: 0;
		height: 50px;
	}
	.recNav_link > b {}
	.recNav_imageWrap {
		width: calc(100vw - 35px);
	}
	.recNav_image {
		width: calc(100vw - 35px);
		height: 212px;
		background-image: url(../img/home/pt-contact_sp@2x.jpg);
		background-position: center top;
	}
	.recNav_box {}
	.recNav_box > a {
		padding-bottom: 65px;
		padding-left: 0;
	}
	.recNav_box > a::before {}
	.recNav_box > a::after {}
	.areaTech {
		padding-bottom: 47px;
	}
	.areaTech_inner {
		padding-top: 43px;
	}
	.areaTech_title {}
	.areaTech_message {
		white-space: normal;
		font-size: 15px;
		margin-bottom: 60px;
		line-height: 2.3;
	}
	.tech {
		padding-left: 15px;
		padding-bottom: 0;
		padding-right: 15px;
		margin-bottom: 70px;
	}
	.tech:last-child {}
	.tech_bg {
		height: 300px;
		width: calc(100vw - 20px);
	}
	.tech_bg-no1 {}
	.tech_cols {
		display: block;
		padding-bottom: 30px;
	}
	.tech_col {
		width: auto;
		padding: 0;
		top: 0;
	}
	.tech_col-no1 {}
	.tech_title {
		margin-left: -23px;
		position: relative;
		z-index: 1;
		top: -21px;
		margin-bottom: -7px;
	}
	.tech_title > b {
		font-size: 24px;
		height: 42px;
		padding: 0 11px;
	}
	.tech_title > small {
		font-size: 11px;
		height: 22px;
		margin-top: 5px;
		padding: 0 10px;
	}
	.tech_title > small::before {
		width: 15px;
	}
	.tech_text {
		padding-left: 15px;
		margin-bottom: 20px;
		line-height: 1.8;
	}
	.tech_link {
		max-width: none;
		width: 100%;
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
	}
	.tech_link > a {
		height: 50px;
	}
	.tech_link > a::before {}
	.tech_link > a::after {}
	.tech_link > a > b {}
	.tech_col-no2 {}
	.tech_image {
		padding: 30px 10px;
	}
	.tech_image > img {
		width: 218px;
	}
	.tech_bg-no2,.tech_bg_no3,.tech_bg_no4 {}
	.visual {
		padding-bottom: 44px;
		padding-top: 16px;
	}
	.visual_areaText {
		right: 10px;
		bottom: auto;
		top: 70%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-top: -17px;
	}
	.visual_title {}
	.visual_title > b {
		font-size: 24px;
		margin-top: 6px;
		height: 32px;
		padding: 0 10px;
	}
	.visual_title > b:first-child {}
	.visual_headline {}
	.visual_headline > b {
		height: 25px;
		padding: 0 10px;
	}
	.visual_headline > b:first-child {}
	.visual_slideWrap {}
	.visual_slide {
		padding-right: 20px;
		height: 400px;
	}
	.visual_slide.slick-initialized {}
	.visual_slide_image {
		height: 400px;
	}
	.visual_slide_image-no1 {}
	.visual_slide_image-no2 {}
	.visual_slide_image-no3 {}
	.visual_slide_image-no4 {}
	.visual_slide_image-no5 {}
	.slick-dots {}
	.slick-dots > li {
		display: none;
	}
	.slick-dots > li::before {}
	.slick-dots > li:first-child::before {}
	.slick-dots > li > button {}
	.slick-dots > li > button::after {}
	.slick-dots > li.slick-active > button::after {}
}
@media screen and (max-width:374px) {
	.areaTech_message {
		font-size: 14px;
		letter-spacing: 0.05em;
	}
}


/*取扱商品*/
.product {
	position: relative;
	z-index: 1;
	margin: 56px auto 285px;
}

.product_visual {
	width: calc(50% + 50px);
}

.product_visual .homeNav_title {
	left: 49px;
}

.product_visual_img img {
	width: 100%;
}

.product_box {
	width: calc(50% + 50px);
	background-color: #eff1f6;
	padding: 66px 60px 46px 150px;
	box-sizing: border-box;
	position: absolute;
	top: 74px;
	right: 0;
	z-index: -1;
}

.product_txt {
	font-size: 16px;
	line-height: 2.4;
}

.product_btn {
	display: block;
	width: 230px;
	line-height: 80px;
	margin: 40px auto 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	position: relative;
  box-sizing: border-box;
  transition: .3s;
  z-index: 1;
  background-image: linear-gradient(90deg, #0096ff, #00ffe4);
  font-weight: 500;
}

.product_btn::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #0096ff;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0;
	background-image: linear-gradient(270deg, #0096ff, #00ffe4);
	z-index: -1;
}

.product_btn:hover::after {
	opacity: 1;
}

.product_btn2 {
	display: inline-block;
	width: 180px;
	line-height: 80px;
	margin: 40px auto 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	position: relative;
  box-sizing: border-box;
  transition: .3s;
  z-index: 1;
  background-image: linear-gradient(90deg, #0096ff, #00ffe4);
  font-weight: 500;
}

.product_btn2_m10 {
	margin: 3px auto 0;
}


.product_btn2::after {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #0096ff;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0;
	background-image: linear-gradient(270deg, #0096ff, #00ffe4);
	z-index: -1;
}

.product_btn2:hover::after {
	opacity: 1;
}

@media screen and (max-width:1199px){

.product_btn2 {
	width: 150px;
}
	
.product {
    margin: 56px auto 385px;
}	
}

@media screen and (max-width:999px){

.product_btn2 {
	width: 100px;
}
	
.product {
    margin: 56px auto 485px;
}	
}


@media screen and (max-width:768px){

.product {
	margin: 28px auto 62px;
}

.product_visual {
	width: 100%;
}

.product_visual .homeNav_title {
	left: 30px;
}

.product_box {
	width: 100%;
	padding: 20px 16px;
	position: relative;
	top: auto;
	right: auto;
}

.product_txt {
	font-size: 13px;
	line-height: 1.8;
}

.product_btn {
	width: 100%;
	line-height: 50px;
	margin: 20px auto 0;
	font-size: 13px;
}

.product_btn:hover::after {
	opacity: 0;
}
	
.product_btn2 {
	width: 100%;
	line-height: 50px;
	margin: 20px auto 0;
	font-size: 13px;
}

.product_btn2:hover::after {
	opacity: 0;
}


}