.sectiontit{
	color:#00ae42;
	text-align: center;
	font-size:30px;
	margin-bottom:30px;
	line-height:35px;
	font-weight:700;
}
.subtit{
	color:white;
	text-align:center;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
}
.txt{
	color:white;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	line-height:20px;
}
.contain{
	padding:70px 0;
}
@media screen and (max-width: 767px) {
	.sectiontit{
		font-size:20px;
		line-height:25px;
	}
	.subtit{
		font-size:15px;
		line-height:18px;
	}
	.txt{
		font-size:13px;
		line-height:15px;
	}
	.contain{
		padding:50px 0;
	}
	.txtwrap{
		width:95vw;
	}
}
#main-container {
	padding:280px 0;
	margin-bottom: 120px;
background:url(/wp-content/themes/rim-child/img/h2d/main_img.jpg) no-repeat center;
	background-size:cover;
	border-bottom:12px solid #00ae42; 
}
.main-wrap {
	max-width: 90vw;
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-logo-img {
	max-width: 30vw;
	width: 300px;
	float:left;
}
.main-box {
	max-width: 50vw;
	margin-left:100px;
}
.main-box .ttl {
	margin: 20px 0 10px;
	font-size: clamp(60px, 3vw, 70px);
	font-weight: bold;
	line-height:90px;
	color:black;
	text-align:left;
}
.main-box .txt{
	margin:0 0 30px;
	font-size: clamp(18px, 1vw, 20px);
	line-height: 22px;
	font-weight:bold;
	color:black;
	text-align:left;
}
.main-box .price {
	font-weight: bold;
	font-size: 20px;
}
.main-box .price span {
	font-size: 16px;
}
.main-box .model_number {
	margin-bottom: 30px;
	font-size: 14px;
}
.main-btn {
	float:left;
	width: 370px;
}
.main-btn a {
	display: inline-block;
	max-width: 22vw;
	width: 170px;
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: clamp(14px, 1vw, 18px);
	text-align: center;
	font-weight:bold;
	color: white;
	border:solid 3px #00ae42;
	background: #00ae42;
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}
.main-btn a:hover {
	color: #00ae42;
	background: white;
	text-decoration: none;
}
.main-img {
	max-width: 50vw;
	width: 750px;
}
@media screen and (max-width: 1199px) {
	#main-container {
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 767px) {
	#main-container {
		margin-bottom: 40px;
		padding:60px 0;
		background:url(/wp-content/themes/rim-child/img/h2d/main_M.jpg) no-repeat center;
	background-size:cover;
		aspect-ratio: 10 / 16; 
	}
	.main-wrap {
		padding: 20px 0;
		justify-content: center;
	}
	.main-box {
		width: 100%;
		margin-left:0;
	}
	.main-btn {
		width: 100%;
		justify-content: center;
	}
	.main-btn a {
		max-width: inherit;
		width: 46%;
		margin:0 2%;
	}
	.main-img {
		max-width: 90%;
		margin: 0 0 30px 0;
	}
	.main-logo-img {
		width:50%;
		float:none;
	}
	.main-box .ttl{
		text-align:center;
		font-size:60px;
		line-height:70px;
		font-weight:900;
		width:90%;
		margin:0;
	}
	.main-box .txt{
		font-size:13px;
		text-align:center;
		line-height:22px;
		font-weight: normal;
		width:90%;
		margin:0 auto 20px;
	}
}

#king-container {
	padding:140px 0 70px;
}
.king-imgwrap {
	max-width: 95vw;
	width: 1200px;
	margin: 60px 0 0;
	display:flex;
	flex-wrap: wrap;
}
.kingbox{
	width:23%;
	margin:0 1%;
	padding-bottom:5px;
}
.kingimg{
	width:100%;
	margin-bottom:70px;
}
@media screen and (max-width: 1199px) {
	#king-container { margin-bottom: 80px; }
}
@media screen and (max-width: 767px) {
	#king-container {
		padding:50px 0 70px;
	}
	.kingbox{
		width:48%;
	}
.king-imgwrap {
	width: 95vw;
}
}

#hotend-container {
	padding:140px 0 70px;
	border-bottom:12px solid #00ae42; 
}
.hotend-imgwrap {
	max-width: 95vw;
	width: 1200px;
	margin: 60px 0 0;
	display:flex;
	flex-wrap: wrap;
}
.hotendbox{
	width:48%;
	margin:0 1%;
	padding-bottom:5px;
}
.hot2ndbox{
	width:48%;
	margin:0 1%;
	padding-bottom:5px;
}
.hot2ndbox .sectiontit{
	margin-bottom:10px;
	text-align: left;
}
.hot2ndbox .txt{
	text-align: left;
	margin-bottom:25px;
}
.hotendbox .txt{
	text-align: center;
}
.hotendimg{
	width:100%;
	margin-bottom:70px;
}
@media screen and (max-width: 1199px) {
	#hotend-container { margin-bottom: 80px; }
}
@media screen and (max-width: 767px) {
	#hotend-container {
		padding:50px 0 70px;
	}
	.hotend-imgwrap {
		width: 95vw;
	}	
	.hotendbox{
		width:95%;
		margin:0 auto;
	}
	.hot2ndbox{
		width:100%;
		margin:0;
	}
	.hot2ndbox .sectiontit, .hot2ndbox .txt{
		margin-left:3%;
	}
}
#seido-container {
	padding: 140px 0 0;
	width:100%;
	background: #383838;
	background: -webkit-linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
	background: -o-linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
	background: linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
}
.seidotxtwrap{
	width:95vw;
	max-width:1100px;
	padding:20px;
}
@media screen and (max-width: 767px) {
	#seido-container{
		padding:0;
		background:none;
	}
	.seidotxtwrap{
		margin-bottom:30px;
	}
}
#high-container {
	padding: 140px 0 0;
	width:100%;
	background: #383838;
	background: -webkit-linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
	background: -o-linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
	background: linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
}
.hightxtwrap{
	width:95vw;
	max-width:1100px;
	padding:20px;
}
@media screen and (max-width: 767px) {
	#high-container{
		padding:50px 0 0;
		background:none;
	}
}
#dual-container {
	padding: 140px 0 20px;
	width:100%;
	background: #383838;
	background: -webkit-linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
	background: -o-linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
	background: linear-gradient(rgba(56, 56, 56, 1) 0%, rgba(8, 8, 8, 1) 10%);
}
.dualtxtwrap{
	width:95vw;
	max-width:1100px;
	padding:20px;
}
    .dualslider {
      position: relative;
      width: 100%;
      overflow: hidden;
	aspect-ratio: 20 / 8; 
    }

    .dualslide {
	position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: translateX(100%);
      transition: transform 0.45s ease;
      will-change: transform;
    }
	
    .dualslide.active {
      transform: translateX(0);
      z-index: 2;
    }

    .dualslide.prev {
      transform: translateX(-100);
      z-index: 1;
    }
	
    .buttons button {
		font-size:20px;
		font-weight:normal;
		color:white;
		background:none;
		border:none;
		margin-bottom:15px;
    }
    .buttons button.active {
		font-weight:bold;
		color:white;
		border-bottom:white 2px solid;
    }

@media screen and (max-width: 767px) {
	#dual-container{
		padding:50px 0 0;
		background:none;
	}
	.buttons button {
		font-size:13px;
	}
}
#multi-container {
	width:100%;
	aspect-ratio:20 / 8;
	background:url(/wp-content/themes/rim-child/img/h2d/h2d_13.jpg) no-repeat center;
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#multi-container .subtit, #multi-container .sectiontit, #multi-container .txt {
	text-align: left;
}
.multiwrap{
	width:95vw;
	max-width:1100px;
	padding:20px;
	margin-top:80px;
}
.multitxtwrap{
	width:48%;
	margin-left:1%;
	float:left;
}
@media screen and (max-width: 767px) {
	#multi-container{
		padding:20px 0;
	aspect-ratio:10 / 17;
	background:url(/wp-content/themes/rim-child/img/h2d/h2d_13m.jpg) no-repeat center;
		background-size:cover;
		justify-content: flex-start;
	}
	.multiwrap{
		margin-top:0;
	}
	.multitxtwrap{
		width:95%;
		margin-left:2%;
		float:left;
	}
}
#senyo-container {
	width:100%;
	aspect-ratio:20 / 8;
	background:url(/wp-content/themes/rim-child/img/h2d/h2d_14.jpg) no-repeat center;
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#senyo-container .subtit, #senyo-container .sectiontit, #senyo-container .txt {
	text-align: left;
}
.senyowrap{
	width:95vw;
	max-width:1100px;
	padding:20px;
	margin-top:80px;
}
.senyotxtwrap{
	width:48%;
	margin-left:1%;
	float:right;
}
@media screen and (max-width: 767px) {
	#senyo-container{
		padding:20px 0;
		background:none;
	}
	.senyotxtwrap{
		width:95%;
		margin-left:2%;
		float:left;
	}
}
#kouritsu-container {
	width:100%;
	aspect-ratio:20 / 8;
	background:url(/wp-content/themes/rim-child/img/h2d/h2d_15.jpg) no-repeat center;
	background-size:cover;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
#kouritsu-container .subtit, #kouritsu-container .sectiontit, #kouritsu-container .txt {
	text-align: left;
}
.kouritsuwrap{
	width:95vw;
	max-width:1100px;
	padding:20px;
	margin-top:80px;
	display:flex;
}
.kouritsutxtwrap{
	width:48%;
	margin-left:1%;
	float:left;
  align-self: center;
	padding:100px 0;
}
.kouritsu2txtwrap{
	width:48%;
	margin-left:1%;
	float:left;
  align-self: flex-start;
}
.kouritsu2txtwrap .sectiontit{
	margin-bottom:0px;
}
@media screen and (max-width: 767px) {
	#kouritsu-container{
		padding:20px 0;
		background:none;
		display:block;
	}
	.kouritsuwrap{
		margin-top:0;
	}
	.kouritsutxtwrap{
		width:95%;
		margin-left:2%;
		float:left;
	}
	.kouritsu2txtwrap{
		display:none;
	}
}
#auto-container {
	width:100%;
	aspect-ratio:20 / 8;
	background:url(/wp-content/themes/rim-child/img/h2d/h2d_16.jpg) no-repeat center;
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#auto-container .subtit, #auto-container .sectiontit, #auto-container .txt {
	text-align: left;
}
.autowrap{
	width:95vw;
	max-width:1100px;
	padding:20px;
	margin-top:80px;
}
.autotxtwrap{
	width:48%;
	margin-left:1%;
	float:right;
}
@media screen and (max-width: 767px) {
	#auto-container{
		padding:20px 0;
		background:none;
	}
	.autowrap{
		margin-top:0;
	}
	.autotxtwrap{
		width:95%;
		margin-left:2%;
		float:left;
	}
}
#nozel-container {
	padding:70px 0;
	width:100%;
	background: #141414;
background: linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(62, 63, 65, 1) 100%);
}
.nozelwrap{
	width:95vw;
	max-width:1100px;
}
.nozeltxtwrap{
	margin-bottom:50px;
}
.nozelboxwrap{
	display:flex;
	gap:5%;
}
.nozelbox{
	width:30%;
	aspect-ratio:25 / 22;
	background-size:cover;
	padding-bottom:10px;
	border-bottom:5px solid #00ae42;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
@media screen and (max-width: 767px) {
	#nozel-container{
		padding:0;
	}
	.nozelwrap{
		width:100%;
		padding:30px 15px;
	}
	.nozelbox{
		width:90%;
		margin-bottom:20px;
	}
	.nozelboxwrap{
		display:block;
		
	}
}
#revol-container {
	padding:70px 0;
	width:100%;
	background: black;
}
.revolwrap{
	width:95vw;
	max-width:1100px;
}
.revoltxtwrap{
	margin-bottom:50px;
}
.revolboxwrap{
	display:flex;
	gap:4%;
}
.revolbox{
	width:48%;
	aspect-ratio:1 / 1;
	background-size:cover;
	padding-top:50px;
}
.revolbox .sectiontit{
	color:white;
	width:100%;
}
.revolbox .main-btn {
	float:none;
	width: 50%;
}
@media screen and (max-width: 767px) {
	#revol-container{
		padding:0;
		background:none;
	}
	.revolwrap{
		width:100%;
		padding:30px 15px;
	}
	.revolboxwrap{
		display:block;
	}
	.revolbox{
		width:90%;
		margin-bottom:20px;
	}
	.revolbox .main-btn{
		width:70%;
	}
}

#spec-container {
	padding: 120px 0 60px;
	max-width: 95vw;
	width: 1200px;
}
#spec-container table{
	width:100%;
}
#spec-container th{
	margin-left:2px;
	border-bottom:#00ae42 5px solid;
	width:15%;
	padding:5px;
	font-size:13px;
	border-collapse:collapse;
	font-weight:bold;
	vertical-align: middle;
	color:white;
}
#spec-container td{
	margin-right:2px;
	border-bottom:#999999 1px solid;
	padding:5px;
	font-size:13px;
	width:34%;
	vertical-align: middle;
	color:white;
}
#spec-container td.space{
	width:1%;
	border:none;
}
@media screen and (max-width: 767px){
	#spec-container{
		padding:50px 0;
	}
	#spec-container td, .addtxt{
		font-size: clamp(12px, 2.5vw, 18px);
	}
#spec-container th{
	margin-left:0;
	width:30%;
}
#spec-container td{
	margin-right:0;
	width:70%;
}
}
.support-container {
	padding: 120px 0 80px;
	background: #000;
}
.support-wrap {
	max-width: 1200px;
	width: 95vw;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.support-list {
	margin-bottom: 50px;
	display: flex;
}
.support-list li {
	margin: 0 3vw;
	text-align: center;
}
.support-list .list-icon {
	height: 85px;
	margin-bottom: 20px;
}
.support-list .list-txt {
	margin: 0;
	font-size: clamp(16px, 1.5vw, 20px);
	color: #fff;
	line-height: 1.4;
}
.support-list .list-lead {
	font-size: clamp(14px, 1.3vw, 16px);
	margin: 0;
}
.support-list .lead-01 { color: #0dc7ff; }
.support-list .lead-02 { color: #5bf3fd; }
.support-list .lead-03 { color: #0f97ff; }
.support-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 50px;
}
.support-icon {
	height: 85px;
	margin: 30px 0 10px;
}
.txt-red { color: #c51926; }
.support-img {
	max-width: 70vw;
	margin-top: 50px;
}
.blue-heading-ttl, .black-heading-ttl, .white-heading-ttl {
	margin: 0 0 20px;
	font-size: clamp(18px, 2vw, 28px);
	font-weight: bold;
}
.blue-lead-ttl, .black-lead-ttl, .white-lead-ttl {
	margin: 0 0 15px;
	font-size: clamp(16px, 1.6vw, 20px);
	font-weight: bold;
}
.white-heading-ttl, .white-lead-ttl, .white-lead-txt {
	color: #fff;
}
@media screen and (max-width: 1199px) {
	.blue-heading-ttl, .black-heading-ttl, .white-heading-ttl {
		margin: 0 0 15px;
	}
	.blue-lead-ttl, .black-lead-ttl, .white-lead-ttl ,
	.blue-lead-txt, .white-lead-txt, .black-lead-txt {
		margin: 0 0 10px;
	}
}
@media screen and (max-width: 767px) {
	.blue-heading-ttl, .black-heading-ttl, .white-heading-ttl ,
	.blue-lead-ttl, .black-lead-ttl, .white-lead-ttl ,
	.blue-lead-txt, .white-lead-txt, .black-lead-txt {
		margin: 0 0 8px;
	}
}
@media screen and (max-width: 1199px) {
	.support-container {
		margin-bottom: 80px;
		padding: 80px 0 40px;
	}
	.support-icon {
		height: 60px;
	}
}
@media screen and (max-width: 767px) {
	.support-container {
		margin-bottom: 0;
		padding: 40px 0 30px;
	}
	.support-list {
		width: 100%;
		margin-bottom: 30px;
	}
	.support-list li {
		width: 33%;
		margin: 0;
		text-align: center;
	}
	.support-list .list-icon {
		max-width: 50px;
		max-height: 45px;
		margin-bottom: 15px;
	}
	.support-box {
		margin-bottom: 20px;
	}
	.support-icon {
		height: 45px;
		margin-top: 20px;
	}
	.support-img {
		margin-top: 20px;
	}
	.white-lead-txt, .txt-red{
		text-align: left;
		width:100%
	}
}
.foot-container {
	background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 20%, rgba(107, 121, 130, 1) 85%, black 85%, black 100%);
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0;
	overflow: hidden;
}
.foot-wrap {
	width: 95vw;
	max-width:1200px;
	display: flex;
	align-items: center;
}
.foottxtwrap {
	width:50%;
}
.footimgwrap {
	width:50%;
}
.foot-wrap .subttl {
	font-size: clamp(35px, 2.5vw, 45px);
	font-weight: bold;
	line-height:50px;
	color:#00ae42;
	text-align:left;
}
.foot-wrap .ttl {
	font-size: clamp(60px, 3vw, 70px);
	font-weight: bold;
	line-height:90px;
	color:white;
	text-align:left;
}
.foot-wrap .txt{
	margin:0 0 30px;
	font-size: clamp(15px, 1vw, 18px);
	font-weight:normal;
	line-height:22px;
	color:white;
	text-align:left;
}
.foot-wrap .btn-box {
	width:80%;
	float:left;
}
.foot-wrap .btn-box li a {
	float:left;
	width: 48%;
	margin: 1%;
	padding:0;
	font-size: clamp(12px, 1vw, 16px);
	text-align: center;
	color: white;
	border:solid 3px #00ae42;
	background: #00ae42;
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}
.foot-wrap .btn-box li a:hover {
	background: white;
	color:#00ae42;
	text-decoration: none;
}
@media screen and (max-width: 1199px) {
	.foot-container {
		padding-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
	.foot-container {
		padding:50px 0 0;
		flex-direction: column;
	background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 20%, rgba(107, 121, 130, 1) 90%, black 90%, black 100%);
	}
	.foot-wrap {
		max-width: 90%;
		text-align: center;
		display:block;
	}
	.foottxtwrap, .footimgwrap{
		width:95%;
	}
	.foot-wrap .logo-img {
		width: 90%;
	}
	.foot-wrap .subttl{
		text-align:left;
		width:100%;
	}
	.foot-wrap .ttl{
		text-align:left;
		font-size:40px;
		line-height:50px;
		width:100%;
	}
	.foot-wrap .txt{
		text-align:left;
		line-height:22px;
		width:100%;
	}
	.foot-wrap .btn-box {
		width:100%;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.foot-wrap .btn-box li {
		width: 40%;
		margin: 5px 5%;
		float:left;
	}
	.foot-wrap .btn-box li a {
		max-width: inherit;
		width: 100%;
		margin: 0;
	}
	.foot-img {
		width: 60%;
	}
}