@charset "UTF-8";
/* CSS Document */

/* スマホナビ切り替えサイズ 769px */
body {
	min-width: 100%;
    overflow-x: hidden;
}
img {
    height: auto;
}
.fv_img_list img {
	width: 50%;
}
.features01,.features02,.features03 {
	flex-direction: column;
	margin: 0 auto 80px;
	width: 100%;
}
.features01_txt,.features02_txt,.features03_txt {
	width: 420px;
	width: 90%;
	height: 450px;
	margin: 0 auto 0 0;
}
.friction_ring h3, .description_video h3, .looseness_tester h3, .testing_unit h3, .hardness_tester_txt h3 {
	font-size: 2.8rem;
	line-height: 1.2;
	margin-bottom: 35px;
}
.link_features a {
	white-space: nowrap;
}
.img_features img {
	min-width: 220px;
}
ul.features_list li:nth-child(1), ul.features_list li:nth-child(2), ul.features_list li:nth-child(3) {
	width: 100%;
}
.features01_img, .features02_img, .features03_img {
	max-width: 364px;
	margin: 20px auto 0;
	width: 90%;
}
.btn_gra1 a {
	width: 90%;
	font-size: 1.8rem;
	border-radius: 50px;
	margin: 0 auto 100px;
	line-height: 1.2;
	padding: 10px 0;
}
.btn_gra2 a {
	width: 90%;
	font-size: 1.8rem;
}
.btn_gra3 a,.reverse .btn_gra3 a,.btn_hardness_tester li a {
	font-size: 1.6rem;
}
.features02_img {
	top: 0;
}
.test {
	width: 90%;
	margin: auto;
}
.hardness_tester_txt p {
	width: 100%;
}

.problems_img01 img,.problems_img03 img,.problems_img04 img {
	max-width: 90%;
}

@media screen and (max-width: 700px) {
.ttl_test {
	font-size: 2.3rem;
	margin: 0 auto 30px;
	line-height: 1.4;
}
}

@media screen and (max-width: 720px) {
.looseness_tester p,.testing_unit p,p.note_friction_ring,.test_note {
	text-align: left;
}
ul.case_study_content li {
	width: 100%;
}
.case_study_bg3 {
	background: url("../images/smt_case_study_bg3.webp") no-repeat top center/cover;
	height: 100%;
	margin-top: -50vw;
}
ul.case_study_content li:nth-child(1) .img_case_study {
  max-width: 253px;
}
ul.case_study_content li:nth-child(2) .img_case_study {
  max-width: 246px;
}
ul.case_study_content li:nth-child(3) .img_case_study {
  max-width: 243px;
}
ul.case_study_content li:nth-child(4) .img_case_study {
  max-width: 243px;
}
.more_case_study a {
	margin-top: 0;
}
ul.case_study_content li h3 {
	min-height: inherit;
	padding: 15px 0;
}
}

@media screen and (max-width: 670px) {
ul.comparison {
	flex-direction: column;
}
ul.comparison li {
	width: 280px;
	margin: 0 auto 15px;
}
.footer_bnr {
	gap: 20px;
}
}

@media screen and (max-width: 600px) {
.lead_txt p {
	font-size: 1.8rem;
	line-height: 1.7;
}
.lead_txt {
	padding: 40px 0 45px;
}
.problems_bg_top {
	height: 300px;
}
.problems_ttl {
	margin: -75px auto 50px;
}
.problems_bg_top2 {
	height: 360px;
	margin-top: -135px;
	padding-top: 50px;
}
.problems_img02 img {
    width: clamp(100px, 20vw, 200px);
}
.problems_bg_bottom {
	height: 200px;
}
.features {
	padding: 60px 0 0;
}
.ttl_features {
	margin-bottom: 40px;
}
ul.features_list {
	margin: 0 auto 150px;
}
.btn_hardness_tester li a {
	background: url("../images/arrow_moive.svg")no-repeat right 15px center/10px auto,linear-gradient(to right, #f0b000, #e55600);
}
.btn_hardness_tester {
	flex-direction: column;
}
.btn_hardness_tester li {
	width: 90%;
	margin: 0 auto 15px;
}
.column_area {
	margin: 0 auto 45px;
}
.hardness_tester_note {
	margin: 0 auto 50px;
}
.btn_case_study li p {
	font-size: 1.8rem;
	left: 67%;
}
.btn_case_study li {
	height: 100px;
}
.case_study_bg3 {
	margin-bottom: 60px;
}
.test_note {
	margin: 0 auto 40px;
}
.btn_gra2 a {
	margin: 0 auto 90px;
}
.features01_txt_inner h3 {
  max-width: 272px;
}
.features02_txt_inner h3 {
  max-width: 285px;
}
.features03_txt_inner h3 {
  max-width: 272px;
}
.ttl_company {
	margin: 0 0 40px -2px;
}
}

@media screen and (max-width: 520px) {
.footer_bnr {
	flex-direction: column;
}
.footer_bnr li img {
	max-height: inherit;
	width: 100%;
}
.footer_bnr li:first-child {
	margin-bottom: 15px;
}
.copyright {
	font-size: 1.2rem;
}
.hardness_tester_note {
	text-align: left;
}
.features01_txt_inner, .features02_txt_inner, .features03_txt_inner {
	min-width: 100%;
}
.features01_txt_inner h3,.features02_txt_inner h3,.features03_txt_inner h3 {
	margin-bottom: 25px;
}
.features01_txt_inner h3::after,.features02_txt_inner h3::after,.features03_txt_inner h3::after {
	margin-top: 25px;
}
.friction_ring h3, .description_video h3, .looseness_tester h3, .testing_unit h3, .hardness_tester_txt h3 {
	font-size: 2.4rem;
}
}

.fv_main {
	height: 69vw;
}
.t1 img,.t2 img,.t3 img {
	width: auto;
	height: auto;
}
.fv_copy1 {
	width: 64vw;
	left: 51.0%;
	top: 26.2%;
}
.fv_copy2 {
	width: 15vw;
	left: 88%;
	top: 8.9%;
}
.fv_copy3 {
	width: 91vw;
	left: 50%;
	top: 20.2%;
}
.fv_copy4 {
	width: 22.2vw;
	left: 82.0%;
	top: 14.5%;
}
.fv_copy5 {
	width: 55vw;
	left: 49.5%;
	bottom: 0%;
}
.fv_blue_overlay {
	width: 49.2%;
	background: url("../images/smt_fv_bg2.png") no-repeat top right/cover;
}
.smt_btn_group {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 13px;
  right: 13px;
  z-index: 999;
}
.smt_btn_group li img {
  width: clamp(202px, 40vw, 300px);
  max-width: 100%;
}
.smt_btn_group li:first-child {
  margin-bottom: 10px;
}
.gnav_menu_area {
	width: 100%;
	max-width: 100%;
	height: 100%;
}
.footer_info {
    margin: 0 auto 55px;
}

@media screen and (max-width: 600px) {
.footer_nav {
	gap: 20px;
}
}

@media screen and (max-width: 560px) {
.footer_nav {
	gap: 10px;
	margin-bottom: 5px;
	flex-direction: column;
}
.loop_wrap2 img {
	height: 58px;
}
.footer_bottom {
	top: -8px;
}
}

.title, .smt_title {
  font-size: clamp(8.7rem, 15.6vw, 20.6rem);
}
.icon_scroll {
	right: 22px;
}
.footer_bottom {
	height: 120px;
}
.slide_copy {
	bottom: 149px;
}
/*
@media screen and (max-width: 400px) {
.title, .smt_title {
	font-size: clamp(6.7rem, 15.6vw, 20.6rem);
}
.slide_copy {
	bottom: 131px;
}
}
*/
@media screen and (max-width: 450px) {
.loop_wrap {
  height: 490px;
}
.slide_copy {
	width: auto;
  bottom: calc(44.9vw - (450px - 100vw) * 0.2);
}
.slide_copy img {
  width: 21.3vw;
  height: auto;
}
.smt_title {
  font-size: clamp(6rem, 22.5vw, 20.6rem);
  bottom: calc(0px + (450px - 100vw) * 0.2);
  line-height: 0.75;
}
}

@media screen and (max-width: 420px) {
.smt_title {
  font-size: clamp(6rem, 22.2vw, 20.6rem);
}
.slide_copy {
	bottom: calc(45.3vw - (450px - 100vw) * 0.2);
}
}

@media screen and (max-width: 400px) {
.smt_title {
	font-size: clamp(6rem, 21.8vw, 20.6rem);
}
}

@media screen and (max-width: 380px) {
.smt_title {
	font-size: clamp(6rem, 21.3vw, 20.6rem);
}
}

@media screen and (max-width: 370px) {
.smt_title {
	font-size: clamp(6rem, 21vw, 20.6rem);
}
}

@media screen and (max-width: 360px) {
.smt_title {
	font-size: clamp(6rem, 20.5vw, 20.6rem);
}
}

@media screen and (max-width: 350px) {
.smt_title {
	font-size: clamp(6rem, 20vw, 20.6rem);
}
}

@media screen and (max-width: 330px) {
.smt_title {
	font-size: clamp(6rem, 19.5vw, 20.6rem);
}
}

@media screen and (max-width: 320px) {
.smt_title {
	font-size: clamp(6rem, 19vw, 20.6rem);
}
.slide_copy {
	bottom: calc(44.6vw - (450px - 100vw) * 0.2);
}
}

@media screen and (max-width: 310px) {
.smt_title {
	font-size: clamp(5rem, 18.5vw, 20.6rem);
}
}

.top_exhibition_img {
	width: 100%;
}
.top_exhibition_explanation ul li {
	font-size: 1.6rem;
}