/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/about/
Description:すべての技術は、実感のために。
Version: 1.0
*/

.main_contents {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000000;
}

@media screen and (min-width: 768px) {
	.pc {display: block;}
	.sp {display: none;}
	.sp2 {display: none;}
}
@media screen and (max-width: 767px) {
	.pc {display: none;}
	.sp {display: block;}
	.pc2 {display: none;}
}

.icon_link {
	position: relative;
}
.icon_link::before{
	width: 3.5vw;
	height: 3.5vw;
	left: -0.24vw;
	top: -0.24vw;
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	display: block;
	animation-name: active_anime;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	background-color: #fff;
}
@keyframes active_anime {
	0% { transform: scale(1); opacity: 0.6; }
	70% { transform: scale(1.15); opacity: 0; }
	100% { transform: scale(1.15); opacity: 0; }
}

/* menu */
@media screen and (min-width: 768px) {
	.menu_pc .menu_pc_f {
		top: 0;
		transition: all 0.5s ease-out;
	}
	.menu_pc.fixed-hide .menu_pc_f {
		top: -5.2vw;
	}
}

@media screen and (max-width: 767px) {
	.menu_sp {
		opacity: 1;
		transition: all 0.2s ease-out;
	}
	.menu_sp.fixed-hide {
		opacity: 0;
	}
	.icon_link::before{
		width: 8.5vw;
		height: 8.5vw;
		left: -0.7vw;
		top: -0.8vw;
	}
}

@media screen and (min-width: 768px) {
	.pin-spacer {
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
	}
	.fv {
		margin-left: auto;
		margin-right: auto;
		display: table;
		padding: 6vw 0 6vw;
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
	}
	.fv .lead_area .text {
		text-align: left;
		font-size: 1.3vw;
		font-weight: bold;
		margin-bottom: 4.5vw;
	}
	.fv .logo_area {
		margin-bottom: 4.5vw;
		width: 17vw;
	}
	.fv .text_area .text {
		font-size: 1.0vw;
		letter-spacing: 0.1em;
		line-height: 1.7;
	}
	.fv .text_area .text span {
		display: inline-block;
	}
	.fv .text_area .text:not(:last-child) {
		margin-bottom: 2.5vw;
	}

	section.product {
		clip-path: inset(0 0 0 0);
		position: relative;
		/* min-height: 47.5vw; */
		/* height: calc(100vh - 5.2vw); */
		height: 100vh;
	}
	.is-tablet section.product {
		height: 50vw;
		margin-bottom: 5vw;
	}
	.is-tablet .product.product_list {
		height: auto;
	}
	section.product .section_text {
		/* min-height: 47.5vw; */
		/* height: calc(100vh - 5.2vw); */
		height: 100vh;
		position: relative;
		z-index: 1;
	}
	.is-tablet section.product .section_text {
		height: 50vw;
	}
	section.product img {
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: bottom;
		object-fit: cover;
		image-rendering: -webkit-optimize-contrast;
	}
	section.product.product_1 img {
		object-fit: contain;
	}
	section.product .section_in {
		display: flex;
		justify-content: space-between;
	}
	section.product .section_title .text {
		font-size: 2.0vw;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 3.5vw;
	}
	section.product .section_details .text {
		font-size: 1.2vw;
		line-height: 2.2;
		/* letter-spacing: 0.05em; */
		margin-bottom: 3.0vw;
	}
	section.technology .section_details .text {
		line-height: 1.8;
	}
	section.product .section_details .text span {
		display: inline-block;
	}

	.product_1 {
		background-color: #d5d3d4;
	}
	.product_1 .section_text {
		margin-left: 8vw;
		width: 28.0vw;
		display: flex;
		align-items: center;
	}
	.product_1 .section_img {
		/* width: 82vw; */
		/* height: 100%; */
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0vw;
	}

	.product_2 {
		background-color: #d5d3d4;
	}
	.product_2 .section_text {
		margin-left: 56vw;
		width: 28.5vw;
		display: flex;
		align-items: center;
	}
	.product_2 .section_img {
		/* width: 24vw; */
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0vw;
		height: 100%;
	}

	.product_3 {
		background-color: transparent;
	}
	.product_3 .section_text {
		margin-left: 8vw;
		width: 35.0vw;
		display: flex;
		align-items: center;
	}
	.product_3 .section_img {
		width: 100vw;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 100%;
	}

	.product_4 {
		background-color: #d5d3d4;
	}
	.product_4 .section_text {
		margin-left: 64vw;
		width: 28.0vw;
		display: flex;
		align-items: center;
	}
	.product_4 .section_img {
		/* width: 64vw; */
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
		height: 100%;
	}

	.product_5 .section_text {
		margin-left: 8vw;
		width: 35.0vw;
		display: flex;
		align-items: center;
	}
	.product_5 .section_img {
		width: 100vw;
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}

	.mytrex_technology {
		text-align: center;
		padding-top: 6vw;
		padding-bottom: 2vw;
		background-color: #ffffff;
		position: relative;
	}
	.technology_title .text {
		font-size: 2.0vw;
		font-weight: bold;
		margin-bottom: 1.5vw;
		color: #000000;
	}
	.technology_details .text {
		font-size: 0.9vw;
		color: #000000;
	}

	.product.technology {
		background-color: #060101;
		color: #ffffff;
	}
	.product.technology .section_in {
		height: 100%;
		padding: 2.5vw 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.product.technology .section_img {
		width: 53vw;
		margin-right: 2.5vw;
	}
	.product.technology .section_img img {
		/* height: calc(100vh - 5vw); */
		height: 100vh;
		object-fit: contain;
	}
	.is-tablet .product.technology .section_img img {
		height: auto;
	}
	section.technology .section_title .text {
		letter-spacing: 0.1em;
	}
	.product.technology .section_text {
		display: flex;
		align-items: center;
		width: 36vw;
		margin-left: 8vw;
	}
	.product.technology .section_link .text {
		font-size: 1.2vw;
		letter-spacing: 0.05em;
	}
	.product.technology .section_link .text a {
		color: #ffffff;
		display: inline-flex;
		align-items: center;
	}
	.product.technology .section_link .icon_link {
		display: inline-block;
		width: 3vw;
		margin-left: 3.5vw;
	}
	.product.technology .section_link .icon_link img {
		position: relative;
		background-color: #000000;
		border-radius: 50%;
		border: 1px solid #ffffff;
		padding: 0.5vw;
	}
	.product.product_9 .section_details {
		/* max-height: 13vw; */
		/* overflow-y: scroll; */
		/* -webkit-overflow-scrolling: touch; */
		margin-bottom: 3vw;
	}
	.product .section_details.js-scroll::-webkit-scrollbar {
		width: 2px;
	}
	.product .section_details.js-scroll::-webkit-scrollbar-track {
		background-color: #cccccc;
	}
	.product .section_details.js-scroll::-webkit-scrollbar-thumb {
		background-color: #ffffff;
	}
	.product.product_10 .section_img {
		width: 63vw;
		position: absolute;
		right: 0;
		bottom: 2.5vw;
	}

	section.product_list {
		padding-left: 12.5vw;
		padding-right: 12.5vw;
		padding-top: 7vw;
		background-color: #ffffff;
		clip-path: inherit;
    	height: auto;
	}
	.product_list .section_img {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.product_list .section_img img {
		width: 100%;
		height: auto;
	}
	.product_list .section_img li {
		margin-bottom: 1.0vw;
	}
	.product_list .section_img li:nth-child(1) {
		width: 18vw;
	}
	.product_list .section_img li:nth-child(2) {
		width: 37vw;
	}
	.product_list .section_img li:nth-child(3) {
		width: 18vw;
	}
	.product_list .section_img li:nth-child(4) {
		width: 28vw;
	}
	.product_list .section_img li:nth-child(5) {
		width: 17vw;
	}
	.product_list .section_img li:nth-child(6) {
		width: 18vw;
	}
	.product_list .section_img li:nth-child(7) {
		width: 18vw;
	}
	.product_list .section_img li:nth-child(8) {
		width: 18vw;
	}
	.product_list .section_img li:nth-child(9) {
		width: 37vw;
	}
	footer {
		position: relative;
		top: -1px;
	}

}

/* 1367px〜 */
@media screen and (min-width: 1367px) {
	section.product .section_details .text {
		font-size: 1.1vw;
	}
	section.product.product_1 img {
		object-fit: cover;
	}
	section.product_2 img {
		object-fit: contain;
	}
	.product.technology .section_in {
		align-items: flex-start;
	}
	.product.technology .section_details {
		max-height: 15vw;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 3vw;
	}
	.product.technology .section_img img {
		object-fit: contain;
	}
	footer {
		position: relative;
		top: -1px;
	}
}

@media screen and (max-width: 767px) {
	.pin-spacer {
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
	}
	.fv {
		margin-left: auto;
		margin-right: auto;
		display: table;
		padding: 15vw 0 20vw;
		/* min-height: 100vh; */
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
	}
	.fv .lead_area .text {
		text-align: left;
		font-size: 4.2vw;
		font-weight: bold;
		margin-bottom: 13vw;
	}
	.fv .logo_area {
		margin-bottom: 13vw;
		width: 55vw;
	}
	.fv .text_area .text {
		font-size: 4.0vw;
		letter-spacing: 0.1em;
		line-height: 1.4;
	}
	.fv .text_area .text span {
		display: inline-block;
	}
	.fv .text_area .text:not(:last-child) {
		margin-bottom: 8vw;
	}

	.mytrex_spec {
		/* background-color: #d5d3d4; */
	}
	section.product {
		width: 100%;
		/* min-height: 100vh; */
		padding-bottom: 20vw;
		display: flex;
		flex-direction: column;
		/* clip-path: inset(0 0 0 0); */
		position: relative;
	}
	section.product.technology {
		height: auto;
	}
	section.product img {
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: bottom;
		object-fit: contain;
		image-rendering: -webkit-optimize-contrast;
	}
	section.technology img {
		object-fit: cover;
	}
	.product .section_in {
		display: flex;
		flex-direction: column-reverse;
		position: relative;
	}
	.product .section_text {
		padding-top: 6.5vw;
		padding-left: 6vw;
		padding-bottom: 10vw;
		z-index: 1;
	}
	.product .section_details {
		/* margin-bottom: 6vw; */
		background-color: transparent;
	}
	.product.technology .section_details {
		/* max-height: 16.9vh; */
		/* overflow-y: scroll; */
		/* -webkit-overflow-scrolling: touch; */
		margin-bottom: 6vw;
	}
	/* .product.product_6 .section_details {
		max-height: 14vh;
	} */
	.product .section_details.js-scroll::-webkit-scrollbar {
		width: 3px;
	}
	.product .section_details.js-scroll::-webkit-scrollbar-track {
		background-color: #cccccc;
	}
	.product .section_details.js-scroll::-webkit-scrollbar-thumb {
		background-color: #ffffff;
	}

	section.product .section_title .text {
		font-size: 7vw;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.03em;
		margin-bottom:6.5vw;
	}
	section.product .section_details .text {
		font-size: 3.7vw;
		line-height: 1.8;
		letter-spacing: 0.01em;
	}
	section.product_2 .section_details .text {
		letter-spacing: 0.01em;
	}
	section.product .section_details .text span {
		display: inline-block;
	}
	.product:not(.technology) .section_text {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.product_1 {
		background-color: #d5d3d4;
		/* height: 160vw; */
	}
	.product_1 .section_img {
		width: 100%;
	}
	.product_2 {
		background-color:#d5d3d4;
		/* height: 160vw; */
	}
	.product_2 .section_text {
		margin-top: -22.0vw !important;
		/* top: -22vw; */
		/* position: relative; */
	}
	.product_3 {
		background-color:#d5d3d4;
		/* height: 196vw; */
	}
	.product_4 {
		background-color:#d5d3d4;
		/* height: 196vw; */
	}
	.product_5 {
		background-color:#d5d3d4;
	}
	.product_6 {
		/* height: 216vw; */
	}
	.product_7 {
		/* height: 216vw; */
	}
	.product_8 {
		/* height: 216vw; */
	}
	.product_9 {
		/* height: 234vw; */
	}
	.product_10 {
		/* height: 216vw; */
	}
	.product.technology {
		background-color: #060101;
		color: #ffffff;
		padding: 6.5vw;
	}
	.pin-spacer section:has(.mytrex_technology){
		margin: 0;
	}

	.mytrex_technology {
		position: relative;
		text-align: center;
		padding-top: 12vw;
		padding-bottom: 6vw;
		background-color: #ffffff;
		margin: 0 calc(50% - 50vw);
	}
	.technology_title .text {
		font-size: 5.3vw;
		letter-spacing: 0.02em;
		font-weight: bold;
		margin-bottom: 2.5vw;
		color: #000000;
	}
	.technology_details .text {
		font-size: 2.4vw;
		letter-spacing: 0.04em;
		color: #000000;
	}
	.product.technology .section_text {
		padding-left: 0;
		background-color: #000000;
	}
	section.technology .section_title .text {
		margin-bottom: 4.0vw;
	}
	.product.technology .section_details .text:not(:last-child) {
		margin-bottom: 6vw;
	}
	.product.technology .section_link .text {
		font-size: 3.3vw;
		letter-spacing: .05em;
	}
	.product.technology .section_link .text a {
		color: #fff;
		display: inline-flex;
		align-items: center;
	}
	.product.technology .section_link .icon_link {
		display: inline-block;
		width: 7vw;
		margin-left: 5.0vw;
	}
	.product.technology .section_link .icon_link img {
		position: relative;
		background-color: #000000;
		border-radius: 50%;
		border: 1px solid #ffffff;
		padding: 1.0vw;
	}

	section.product_list {
		padding-top: 20vw;
		background-color: #ffffff;
		justify-content: space-evenly;
		min-height: auto;
		/* height: calc(100vh + 20vw); */
		/* height: 100vh; */
	}
	.product_list .section_img {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		max-height: none;
	}
	.product_list .section_img img {
		width: 100%;
		height: auto;
	}
	.product_list .section_img li {
		margin-bottom: 2.5vw;
	}
	.product_list .section_img li:nth-child(1) {
		width: 32vw;
	}
	.product_list .section_img li:nth-child(2) {
		width: 66vw;
	}
	.product_list .section_img li:nth-child(3) {
		width: 50vw;
	}
	.product_list .section_img li:nth-child(4) {
		width: 48vw;
	}
	.product_list .section_img li:nth-child(5) {
		width: 32vw;
	}
	.product_list .section_img li:nth-child(6) {
		width: 32vw;
	}
	.product_list .section_img li:nth-child(7) {
		width: 32vw;
	}
	.product_list .section_img li:nth-child(8) {
		width: 32vw;
	}
	.product_list .section_img li:nth-child(9) {
		width: 66vw;
	}
	footer {
		position: relative;
		top: -1px;
	}
}