@charset "utf-8";
html {
	font-size: 6.25%;
	overflow-x: hidden;
}
body {
  color: #2f2c2c;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 16rem;
	font-weight: 500;
  line-height: 1.7;
  letter-spacing: .05em;
  text-align: justify;
  text-size-adjust: 100%;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
	position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
.pcno {
  display: none !important;
}
@media only screen and (max-width:768px) {
  .pcno {
    display: inherit !important;
  }
  .spno {
    display: none !important;
  }
}

/**--- Container---**/
main {
  width: 100%;
  margin: 0 auto;
	padding-bottom: 2.5em;
}
section {
  padding: 3% 0;
}
.container {
	position: relative;
  max-width: 1536px;
  width: 100%;
  margin: 0 auto;
	padding: 0 2%;
}
.contInner {
	width: 95%;
	margin: 0 auto;
}
.full {
  margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
.fullL {
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
}
.fullR {
  margin-right: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
}
.fullLcont {
  margin-left: calc(50% - 50vw);
}
.fullRcont {
  margin-right: calc(50% - 50vw);
}
.blBK {
	background-color: #035095;
}
.grBK {
	background-color: #ececec;
}
.mdgrBK{
	background-color: #959595
}
.dgrBK {
	background-color: #2c2c2c;
}
@media only screen and (max-width:768px) {
.contInner {
	width: 100%;
}
}
/**--- Font ---**/
h1 {
  font-size: clamp(24rem, (16 * 1.177rem) + 1.3781vw, 40rem);
  font-weight: 700;
}
h2 {
	font-size: clamp(18rem, (16 * 1.0039rem) + .5168vw, 24rem);
  font-weight: 700;
}
h3 {
	font-size: clamp(20rem, (16 * 1.1324rem) + .2941vw, 24rem);
  font-weight: 700;
}
h4 {
  font-size: clamp(14rem, (16 * .8346rem) + .1723vw, 16rem);
  font-weight: 700;
}
h5 {
  font-weight: 700;
}
p {
  font-size: clamp(14rem, (16 * .8346rem) + .1723vw, 16rem);
}
p.copy {
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
	margin-bottom: 1em;
}
li, dt, dd, th, td {
  font-size: clamp(14rem, (16 * .8346rem) + .1723vw, 16rem);
}
input,textarea,select {
  font-size: clamp(14rem, (16 * .8346rem) + .1723vw, 16rem);
}
.disc li {
	margin:0 1em .5em;
	list-style: disc;
}
.decimal li {
	margin:0 1.5em .5em;
	list-style: decimal;
}
.note {
  padding-left: 1em;
  text-indent: -1em;
}
.en {
  font-family: "Helvetica",Arial, sans-serif;
  font-weight:700;
}
.enTt1 {
  font-family: "Lucida Fax", serif;
  font-weight:400;
}
.clBl{
	color: #00529b;
}
.clRed{
	color: #b03200;
}

/**--- LINK ---**/
a:focus,
.fade:hover {
	opacity: .6;
	transition: .5s ease;
}
.txtLink {
	color: #035095;
	text-decoration: underline;
}
.more {
	position: relative;
	display: block;
	max-width: 300px;
	width:90%;
	margin: 0 auto;
	padding: .8em 1em;
	color: #fff;
	font-size: clamp(14rem, (16 * .7135rem) + .6891vw, 22rem);
	font-weight: 700;
	text-align: left;
	letter-spacing: 0;
	background: #035095;
	border:1px solid #035095;
	transition: all .3s;
}
.more::after{
	content: "→";
	position: absolute;
	top:50%;
	right:1em;
	transform: translateY(-50%);
	transition: all .3s;
}
.more.large::after{
	content: "→";
	position: absolute;
	top:50%;
	right:1.6em;
	transform: translateY(-50%);
	transition: all .3s;
}
.more:hover,
a:hover .more{
	color: #035095;
	background: #fff;
	border-color: #035095;
}
a.more:hover::after,
a:hover .more::after{
  right:.5em;
}
.more.large:hover::after,
a:hover .more.large::after{
  right:1em;
}
.whBtn{
	color: #035095;
	background: #fff;
	font-weight: 900;
	border-color: #035095;
}
.whBtn:hover,
a:hover .whBtn{
	color: #fff;
	background: #035095;
	border-color: #fff;
}
.more.large {
	max-width: 490px;
	width: 80%;
	margin: 3.2em auto 0;
	padding: .9em 2.5em .9em 1em;
	font-size: clamp(16rem, (16 * .8385rem) + .6891vw, 24rem);
	text-align: center;
}
.lapLink .btn {
	position: relative;
	text-align: center;
}
.lapLink.row {
 	--bs-gutter-x: 2.4%;
  --bs-gutter-y: 2%;
}
.lapLink .more {
	min-width: fit-content;
	padding-right: 2.5em;
	margin: -1.8em auto 0;
	font-size: clamp(12rem, (16 * .5481rem) + .8613vw, 22rem);
}
.lapLink a:hover img {
	opacity: .6;
	transition: .5s ease;
}
.lapLink .infoTxt {
	margin-top: 1em;
}
.contTop.lapLink p.infoTxt{
	color: #363636;
}
.back {
	position: relative;
	display: block;
	max-width: 345px;
	width:72%;
	margin: 3em auto;
	padding: .8em 1em;
	color: #fff;
	font-size: clamp(14rem, (16 * .6328rem) + 1.0336vw, 26rem);
	font-weight: 700;
	letter-spacing: .2em;
	text-align: center;
	background: #035095;
	border:2px solid #035095;
	transition: all .3s;
}
.back::after{
	content: "";
	position: absolute;
	top:50%;
	right:1em;
	width: 7.24%;
	height: 100%;
	background: url("../img/icon_back.png") no-repeat center center / contain;
	transform: translateY(-50%);
	transition: all .3s;
}
.back:hover{
	color: #035095;
	background: #fff;
	border-color: #035095;
}
a.back:hover::after{
	background: url("../img/icon_back_up.png") no-repeat center center / contain;
  right:1.2em;
}
/*パンくず*/
.breadcrumb {
	background: #3e3e3e;
}
.breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1536px;
  width: 100%;
	margin: 0 auto;
	padding: 0 2%;
}
.breadcrumb li {
	padding: 1em 0;
	color: #fff;
	font-size: clamp(11rem, (16 * .6269rem) + .2584vw, 14rem);
	line-height: 1.2;
}
.breadcrumb li a {
	color:#969696;
}
.breadcrumb li a::after {
	content: '>';
	margin: 0 2.5em;
	font-size: .85em;
}
.breadcrumb li img {
	opacity: .5;
}

@media only screen and (max-width:768px) {
	.more,.back{
		padding: 5% 1em;
	}
	.lapLink .more {
		max-width: inherit;
		min-width: 60%;
		width: fit-content;
	}
	.lapLink .infoTxt {
		margin-bottom: 1em;
		padding: 0 .2em;
		line-height: 1.5;
	}
	.breadcrumb li img {
		width: 14px;
		opacity: .5;
	}
	.breadcrumb li a::after {
		margin: 0 1em;
	}
}
/**--- TABLE ---**/
table{
  border-collapse:separate;
  border-spacing: 4px;
  width: 100%;
}
table th,table th,
table th,table td{
  padding: 1em;
}
table th{
	color: #fff;
	text-align: center;
  background: #3e3e3e;
}
table td{
  background: #f0f0f0;
}

/*Form用*/
table.formBlock th{
	padding: 1em 1.5em;
  font-weight: 500;
	text-align: left;
	vertical-align: top;
}
table.formBlock td{
	padding: .5em 1.5em;
  background: #bababa;
}
table.formBlock tr:nth-child(even) th {
  background-color: #626262;
}
table.formBlock tr:nth-child(even) td {
  background-color: #d8d8d8;
}

@media only screen and (max-width:768px){
table.formBlock th,
table.formBlock td{
	width: 100%;
	display: block;
	border-top: none;
	padding: .5em  1em;
}
}
/**--- FORM ---**/
input[type="text"],
input[type="search"],
input[type="password"],
textarea,
select{
	width: 100%;
	padding: .2em .5em;
	color: #2f2c2c;
	line-height: 1.2;
	background: #fff;
	border: 1px solid #626262;
}
textarea{
	padding: .5em;
}
select{
	cursor: pointer;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
  outline: none;
}
input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  margin:0 .5em 0 0;
  padding: 0;
  background: #fff;
	border-radius: 50%;
  vertical-align: middle;
	cursor: pointer;
}
input[type="radio"]::before, input[type="radio"]::after{
  content: '';
  display: block;
	position: absolute;
	top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}
input[type="radio"]::before {
  width: 20px;
  height: 20px;
	background: #fff;
  border: 1px solid #626262;
}
input[type="radio"]::after {
	width: 12px;
  height: 12px;
	top: 50%;
  left: 4px;
	background-color: #626262;
	transform: translateY(-50%);
  opacity: 0;
}
input[type="radio"]:checked::after {
  opacity: 1;
}
input[type="checkbox"] {
	-webkit-appearance: none;
	display:inline-block;
	appearance: none;
  position: relative;
  width: 18px;
  height: 18px;
  margin:0 .5em 0 0;
  padding: 0;
  background: #fff;
  vertical-align: middle;
	border: 1px solid #626262;
	cursor: pointer;
}
input[type="checkbox"]::after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: calc(50% - 1px);
  width: 6px;
  height: 12px;
  border-right: 2px solid #626262;
  border-bottom: 2px solid #626262;
  transform: translateY(-50%) rotate(45deg);
  opacity: 0;
}
input[type="checkbox"]:checked{
  background: #626262;
}
input[type="checkbox"]:checked::after {
  opacity: 1;
  border-color: #fff;
}
label {
	vertical-align: top;
  cursor: pointer;
}
.submitBtn {
	position: relative;
	display: block;
	width:100%;
	margin: 0 auto;
	padding: .8em 1em;
	color: #fff;
	font-size: clamp(18rem, (16 * .9635rem) + .6891vw, 26rem);
	font-weight: 700;
	text-align: left;
	letter-spacing: 0;
	background: #035095;
	border:1px solid #035095;
	transition: all .3s;
}
.submitBtn::after{
	content: "→";
	position: absolute;
	top:50%;
	right:1em;
	transform: translateY(-50%);
	transition: all .3s;
}
.submitBtn:hover {
	color: #035095;
	background: #fff;
}
.submitBtn:hover::after{
  right:.5em;
}
.formBlock input[type="text"],
.formBlock input[type="search"],
.formBlock input[type="password"],
.formBlock textarea{
	margin: .5em 0;
	background: #f0f0f0;
}
.formBlock select {
	-webkit-appearance: none;
	appearance: none;
	width: fit-content;
	margin: .5em 0;
	padding: .2em 2.5em .2em .5em;
	line-height: 1.7;
	background: #f0f0f0 url("../img/icon_arrow_down.png") no-repeat right .5em center / 22px auto;
}
.formBlock input[type="text"]:focus,
.formBlock input[type="search"]:focus,
.formBlock input[type="password"]:focus,
.formBlock textarea:focus,
.formBlock select:focus{
  border: 2px solid #035095;
}
.short {width: 30% !important;}
.middle {width: 50%!important;}
.long {width: 70%!important;}

@media only screen and (max-width:768px){
.formBlock select {
	background: #f0f0f0 url("../img/icon_arrow_down.png") no-repeat right .5em center / 12px auto;
}
.short {width: 49% !important;}
.middle {width: 100%!important;}
.long {width: 100%!important;}
}

/*--- header ----*/
header {
	position: sticky;
	top: 0;
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding:0 .8%;
	background: #035095;
	z-index: 100;
}
header .logo{
	display: flex;
	align-items:center;
	width: clamp(123px, 13.041vw, 190px);
}

header .openbtn {
	display: none;
}
header #g-nav {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
header #g-nav .gnav {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 52px;
	margin-right:clamp(123px, 13.041vw, 190px);
}
header #g-nav .gnav > li {
	margin-left:20px;
	font-size: clamp(16rem, (16 * .8163rem) + .5168vw, 22rem);
}
header #g-nav .gnav > li > a {
	position: relative;
	display: block;
	height: 100%;
	padding:.5em 1.3em 1.2em;
	letter-spacing: .14em;
	color: #fff;
	transition: all .3s;
}
header #g-nav .gnav li > a:hover{
	color: #fff;
	background: #3f3f3f;
}
header #g-nav .gnav > li .barrow::after,
header #g-nav .gnav > li:hover > .barrow::after{
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	bottom: .9em;
	width: 13px;
	height: 6px;
	background: url("../img/gnav_arrow.png") no-repeat center bottom / cover;
	transform: translateX(-50%);
}
header #g-nav .gnav > li:hover .child_menu {
	opacity: 1;
  visibility: visible;
}
header #g-nav .child_menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #e6e6e6;
	visibility: hidden;
	opacity: 0;
	transition: .3s opacity;
	z-index:1;
}
header #g-nav .child_menu .child_ttl{
	position: relative;
	display: block;
	order: 1;
	padding: 1.1em calc(3.35% + 1.2em);
	font-size: clamp(20rem, (16 * 1.1087rem) + .6029vw, 27rem);
	color: #fff;
	font-weight: 700;
	letter-spacing: .14em;
	background: #3f3f3f;
}
header #g-nav .child_menu .child_ttl::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 3.35%;
	width: 8px;
	height: 1.77em;
	background: #fff;
	transform: translateY(-50%);
}
header #g-nav .child_menu .child_ttl small{
	margin-left: 1.7em;
	padding-right: 4em;
	font-size: .514em;
	font-weight: 500;
	letter-spacing: .1em;
}
header .child_menu .child_ttl a {
	display: block;
	color: #fff;
}
header #g-nav .child_menu .child_ttl:hover {
	opacity: .6;
	transition: all .3s;
}
header #g-nav .child_menu .child_ttl .warrow {
	display: inline-block;
	position: relative;
	width: 14em;
}
header #g-nav .child_menu .child_ttl .warrow::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 14px;
	background: url("../img/gnav_child_ttl_arrow.png") no-repeat right center / cover;
	transform: translateY(-50%);
}
header #g-nav .child_menu .child_menuList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 88.75%;
	margin: 1.8em auto 0;
}
header #g-nav .child_menu .child_menuList::after {
	display: block;
	content:"";
	width: 25.1%;
	}
header #g-nav .child_menu .child_menuList > li{
	width: 25.1%;
	margin-bottom: 1.8em;
	font-size: clamp(16rem, 14.708rem + .3445vw, 20rem);
}
header #g-nav .child_menu .child_menuList > li > a{
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
	padding: 0 1em 0 .5em;
	line-height: 1.8;
	border-left: 8px solid #3f3f3f;
	border-bottom: 1px solid #3f3f3f;
	transition: all .3s;
}
header #g-nav .child_menu .child_menuList > li > a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 14px;
	background: url("../img/gnav_child_list_arrow.png") no-repeat center center / cover;
	transform: translateY(-50%);
}
header #g-nav .child_menu .child_menuList > li > a:hover{
	color: #666;
	background: none;
	opacity: .6;
	transition: all .3s;
}
header .sub{
	display: flex;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding:20px 118px 0;
}
header .home{
	margin-left: 30px;
}
header .home img{
	width: 26px;
	height: 30px;
}
header .sb-search {
	position: absolute;
	top: 20px;
	right: 174px;
	width: 0;
	min-width: 30px;
	height: 30px;
	float: right;
	overflow: hidden;
	transition: width .3s;
	z-index: 100;
}
header .sb-search-input {
	position: absolute;
	top: 0;
	right: 35px;
	width: 300px;
	height: 30px;
	padding: .2em 1em;
	color: #035095;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 100px;
	z-index: 10;
}
header .sb-search-input:focus {
	border: 1px solid #fff;
}
header .sb-icon-search,
header .sb-search-submit {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-align: center;
	background: #035095;
	border-radius: 100px;
	cursor: pointer;
}
header .sb-search-submit {
	background: #fff;
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
header .sb-icon-search:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background: url("../img/icon_serch.png") no-repeat center center /cover;
	z-index: 10;
}
header .sb-search.sb-search-open,
header .no-js .sb-search {
	width: 100%;
}
header .sb-search.sb-search-open .sb-icon-search,
header .no-js .sb-search .sb-icon-search {
	z-index: 11;
}
header #gt_float_wrapper {
  position: absolute !important;
  top: 18px !important;
  left: auto !important;
  right: 15px !important;
}
header .gt-current-lang {
	padding: 4px !important;
}
header .gt-current-lang, header .gt-lang-code, header .nturl {
	font-size: 13rem !important;
}
header .gt-current-lang img, header .nturl img {
  width: 20px !important;
}
/*固定ヘッダ*/
header.scroll  {
  animation-name: anime;
  animation-duration: .3s;
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
header.scroll .logo{
	width: clamp(123px, 12.625vw, 180px);
}
header.scroll .sub,
header.scroll .sb-search{
	display: none;
}
header.scroll #g-nav .gnav {
	margin-top: 0;
	margin-right: clamp(123px, 12.625VW, 180px);
}
header.scroll #g-nav .gnav > li{
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
}

@media only screen and (max-width:1280px) {
	header #g-nav {
		justify-content: flex-end;
	}
	header #g-nav .gnav,
	header.scroll #g-nav .gnav{
		margin-right: 0;
	}
	header .sub{
		padding-top: 10px;
	}
	header .sb-search {
		top:10px;
	}
	header #gt_float_wrapper {
		top: 10px !important;
	}
}
@media only screen and (max-width:992px) {
	header #g-nav .gnav li{
		margin-left: 5px;
	}
	header #g-nav .gnav > li > a {
		padding:.5em 1em 1.2em;
	}
	header #g-nav .child_menu .child_menuList > li{
		width: 45%;
	}
}
@media only screen and (max-width:768px) {
	header {
		display: inherit;
	}
	header .logo{
		padding: 1em 0;
		position: relative;
		z-index: 99999;
	}
  header .openbtn {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 5px;
    right: 10px;
    cursor: pointer;
    width: 35px;
		height: 45px;
  }
  header .openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    right: 0;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    width: 100%;
  }
  header .openbtn span:nth-of-type(1) {
    top: 15px;
  }
  header .openbtn span:nth-of-type(2) {
    top: 23px;
  }
  header .openbtn span:nth-of-type(3) {
    top: 31px;
  }
  header .openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 5px;
    transform: translateY(6px) rotate(-45deg);
    width: 80%;
  }
  header .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  header .openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 5px;
    transform: translateY(-6px) rotate(45deg);
    width: 80%;
  }
	header #g-nav {
		display: inherit;
		position:fixed;
		top: -200%;
		left:0;
		width:100%;
		height: 100vh;
		padding-top: 15%;
		background: #035095;
		transition: all .6s;
		z-index: 0;
	}
	header #g-nav.panelactive{
		top: 0;
		overflow: auto;
    -webkit-overflow-scrolling: touch;
	}
	header #g-nav .gnav {
		display: inherit;
		width: 93%;
		margin: 3em auto 0;
		border-bottom: 1px solid #fff;
	}
	header #g-nav .gnav > li {
		position: relative;
		margin: 0;
		font-size: 20rem;
	}
	header #g-nav .gnav > li > a {
		padding:.8em 0 .5em;
		border-top: 1px solid #fff;
	}
	header #g-nav .gnav  > li:hover > a{
		background: none;
	}
	header #g-nav .gnav > li .barrow::after,
	header #g-nav .gnav > li:hover > .barrow::after{
		display: none;
	}
	header #g-nav .gnav .acBtn {
		position: absolute;
		top: 20px;
		right: 2px;
		display: block;
		width: 20px;
		height: 20px;
		border: 2px solid #fff;
	}
	header #g-nav .gnav .acBtn::before,
	header #g-nav .gnav .acBtn::after{
    position: absolute;
    content:'';
		top: 0;
		right: 0;
    width: 8px;
    height: 2px;
    background-color: #fff;
		cursor: pointer;
	}
	header #g-nav .gnav .acBtn::before{
		top: 7px;
		left:4px;
		transform: rotate(0deg);
	}
	header #g-nav .gnav .acBtn::after{
		top: 7px;
		left:4px;
		transform: rotate(90deg);
	}
	header #g-nav .gnav .acBtn.close::before{
		transform: rotate(45deg);
	}
	header #g-nav .gnav .acBtn.close::after{
		transform: rotate(-45deg);
	}
	header #g-nav .child_menu {
		display: none;
		position: static;
		width: 100%;
		margin: 0;
		padding:0;
		visibility: visible;
		opacity: 1;
	}
	header #g-nav .child_menu .child_ttl{
		display: none;
	}
	header #g-nav .child_menu .child_menuList{
		display: inherit;
		width: 100%;
		margin: 0;
		padding: .5em 1.5em 1em .5em;
		background: #5b7d9d;
	}
	header #g-nav .child_menu .child_menuList > li{
		width: 100%;
		margin-bottom: .5em;
	}
	header #g-nav .child_menu .child_menuList > li > a{
		width: 100%;
		padding:.5em 0 .2em;
		color: #fff;
		border-left: none;
		border-bottom: 1px solid #fff;
		background: none;
		transition: all .5s;
	}
	header #g-nav .child_menu .child_menuList > li > a::after{
		background: url("../img/gnav_child_ttl_arrow.png") no-repeat center center / cover;
	}
	header #g-nav .child_menu .child_menuList > li > a:hover{
		background: none;
	}
	header #g-nav .child_menu .child_menuList > li > a:hover::after{
		background: url("../img/gnav_child_ttl_arrow.png") no-repeat center center / cover;
	}
	header #g-nav .child_menu .acChild {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
	}
	heaheader #g-navder .child_menu .acChild::before{
		content: "";
		display: block;
		position: absolute;
		top: 45%;
		right: 15px;
		width: 20px;
		height: 20px;
		border-right: 3px solid #1ea3af;
		border-bottom: 3px solid #1ea3af;
		transform: translateY(-50%) rotate(45deg);
		transition: all .5s;
	}
	header #g-nav .child_menu .acChild.close::before{
		transform: rotate(225deg);
	}
	header .sub {
	display: none;
	}
	header .ggserch{
		width: 95%;
		margin: 0 auto;
		padding: 1em 0 1.5em;
		border-top: 1px solid #fff;
	}
	header .sb-search {
		position: relative;
		display: block;
		right: 50%;
		min-width: inherit;
		width: 100%;
		height: 100%;
		transform: translateX(50%);
	}
	header .sb-search-input {
		position: static;
		width: 100%;
		height: auto;
		padding: .2em 1em;
	}
	header .sb-icon-search,
	header .sb-search-submit {
		width: 35px;
		height: 35px;
		right: .5em;
		background: #fff;
	}

	header .sb-icon-search:before {
		width: 30px;
		height: 30px;
		top: .1em;
		background: url("../img/icon_serch_sp.png") no-repeat center center / cover;
	}
}

/**--- pagetop ---**/
#page_top{
	display: flex;
	justify-content: center;
	align-items: center;
  position: fixed;
  right: 10px;
	width: 58px;
	height: 58px;
	color: #fff;
	font-size: 24rem;
	text-align: center;
	background:#035095;
	z-index: 50
}

/**--- footer ---**/
footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding:2.2% 2.5% 0;
	color: #fff;
	background: #035095;
}
footer .fnav {
	width: 74.5%;
	margin: 0 0 0 17%;
	padding: 4.5em 0 4.5em;
}
footer .fnav .ft_List {
	display: flex;
	justify-content: space-between;
}
footer .fnav .ft_List li {
	position: relative;
	margin:0 0 2.15em;
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
	font-weight: 700;
}
footer .fnav .ftchild {
	margin-top: 2.15em;
}
footer .fnav .ftchild li {
	margin-bottom: .8em;
	padding: 0;
	font-size: clamp(14rem, (16 * .8346rem) + .1723vw, 16rem);
	font-weight: 500;
	letter-spacing: 0;
}
footer .copyright{
	width: 100%;
	padding: 2.2em 0;
	font-size: clamp(11rem, (16 * .6292rem)  + .2584vw, 14em);
	font-weight: 400;
	text-align: center;
	border-top: 1px solid #fff;
}
@media only screen and (max-width:1400px) {
	footer .fnav {
		width: 80%;
		margin: 0 0 0 10%;
	}
}
@media only screen and (max-width:992px) {
	footer .fnav {
		width: 95%;
		margin: 0;
	}
}
@media only screen and (max-width:768px) {
	#page_top{
		display: none !important;
	}
	footer .fnav {
		width: 100%;
		padding: 2em 0 0;
	}
	footer .flogo {
		padding: 4em 0;
	}
	footer .fnav .ft_List {
		display: inherit;
	}
	footer .fnav .ft_List li {
		margin:0;
		padding: 1em 3em;
		border-top:1px solid #fff;
	}
	footer .fnav .ftchild {
		display: none;
		margin:.5em 0 0;
	}
	footer .fnav .ftchild li {
		position: relative;
		margin-bottom: 0;
		padding:.5em 0;
		color: #fff;
		border: none;
	}
	footer .fnav .ftacBtn {
		position: absolute;
		top: 1.5em;
		right: .5em;
		display: block;
		width: 20px;
		height: 20px;
		transform: translateY(-50%);
	}
	footer .fnav .ftacBtn::before{
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 15px;
		width: 15px;
		height: 15px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translateY(-50%) rotate(45deg);
		transition: .3s;
		}
		footer .fnav .ftacBtn.close::before{
			transform: rotate(225deg);
	}
}

/**--- TOP ---**/
#top main {
  padding: 0;
}
#top section {
  padding: 4.18% 0;
}
#top h2{
	margin-bottom: .7em;
	font-size: clamp(40rem, (16 * 1.4503rem) + 4.4789vw, 92rem);
	line-height: 1.5;
	letter-spacing: .05em;
}
#top h2 small {
	display: block;
	font-size: .33em;
}
#top p.copy{
	line-height: 2.5;
	letter-spacing: .075em;
}
#top .whBtn{
	border-color: #fff;
}
/*メインイメージ*/
#top .mainImg {
  position: relative;
  height: 100vh;
	padding: 0;
  overflow: hidden;
}
#top .mainImg .dot {
  width: 100%;
  height: 100%;
  background: url("../img/main_dot.png");
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#top .mainImg video {
	position: absolute;
	top: 50%;
	left: 50%;
  min-width: 100%;
  min-height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
  z-index: 0;
}
#top .mainImg .mainCopy{
  position: absolute;
  width: 100%;
  height: clamp(220px, 2.65vh, 260px);
  top: 0;
  left: 0;
	background: #035096;
  z-index: 3;
}
#top .mainImg .mainCopy h1{
  position: absolute;
  top: 5.5vh;
  left: 2.5vw;
  color: #fff;
  font-size: clamp(35rem, (16 * 1.3598rem) + 3.5314vw, 76rem);
  letter-spacing: 0.07em;
  line-height: 1.5;
}
#top .mainImg .mainCopy h1 span{
  text-decoration:underline 1px #fff;
  text-underline-offset: 0.3em;
}
#top .mainImg .mainCopy h1 small{
  display: block;
  margin-top: 0.5em;
  font-size: 0.24em;
  font-weight: 400;
  letter-spacing: 0.15em;
}
/*製品検索*/
#top .productFinder {
	position: relative;
	padding-bottom: 8%;
	background: #035095 url("../img/bk_content_wh.png") no-repeat right top / 100% auto;
	overflow: hidden;
}
#top .productFinder .container {
	z-index: 2;
}
#top .productFinder h2,
#top .productFinder p{
	position: relative;
	color:#fff;
	z-index: 1;
}
#top .productFinder h2 small {
	display: block;
	font-size: .33em;
}
#top .productFinder .finderImg {
	position: absolute;
	top: 0;
	right: 0;
	width: clamp(60%, 4.791vw, 55%);
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
#top .productFinder .finderImg img{
	object-fit: cover;
	object-position: 0 100%;
	width: 100%;
	height: 100%;
}
#top .productFinder .more{
	margin-left: 0;
}

/*製品関係Link*/
#top .productLink {
	padding-top: 11.25%;
}
#top .productLink .row{
	--bs-gutter-x: 6.2%;
	--bs-gutter-y: 0;
}
/*カスタマイズ*/
#top .aboutCustom{
 padding: 0;
}
#top .aboutCustom .inner{
	display: flex;
	justify-content: flex-end;
	position: relative;
	padding: 5.18% 2.5%;
	background: url("../img/bk_custom.jpg") no-repeat left center / auto 100%;
}
#top .aboutCustom .inner .aboutCustombk{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #ececec url("../img/bk_content_wh.png") no-repeat right top / 100% auto;
	transition: .3s;
	animation-fill-mode: forwards;
}
#top .aboutCustom .inner .txt{
	display: block;
	position: relative;
	width: 50%;
	overflow: hidden;
	z-index: 1;
}
#top .aboutCustom h2{
	color:#035095;
	line-height: 1;
}
#top .aboutCustom h2 small {
	margin-top: 1.5em;
	font-size: .3em;
}
#top .aboutCustom .more{
	margin-left: 0;
}
#top .aboutCustom .more.large {
	width: 100%;
}
/*動画一覧*/
#top .movie {
	padding:2.4% 0 6%;
}
#top .movie h2 {
	margin-bottom: .6em;
	color: #fff;
	font-size: clamp(50rem, (16 * 2.2771rem) + 3.6176vw, 92rem);
	text-align: center;
}
#top .movie .youtube {
	position: relative;
}
#top .movie .slick-slide{
	margin-right:3vw !important;
	margin-left:3vw !important;
}
#top .movie .slick-slide:not(.slick-center) {
	background: #000;
}
#top .movie .slick-slide:not(.slick-center) img{
	opacity: .4;
}
#top .movie .mvArrow {
	position: relative;
}
#top .movie .prevMv,
#top .movie .nextMv {
	position:absolute;
	top: 22%;
	display: block;
	width: 2.85em;
	height:40%;
	background: rgba(3,80,149,.9);
	transition: all .3s ease;
	cursor: pointer;
	z-index: 2;
}
#top .movie .prevMv::before,
#top .movie .nextMv::before{
	position:absolute;
	content: "";
	width:15px;
	height:15px;
	border-right: 3px solid #FFF;
	border-top: 3px solid #FFF;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) rotate(45deg);
}
#top .movie .nextMv {
	right: .5vw;
}
#top .movie .prevMv {
	transform: rotate(180deg);
	left: .5vw;
}

/*会社関係Link*/
#top .companyLink .row{
	--bs-gutter-x: 6.2%;
	--bs-gutter-y: 0;
}
#top .companyLink {
	padding-top:3%;
	padding-bottom:1.32%;
}
/*新着*/
#top .news h2{
	color:#035095;
	font-size: clamp(50rem, (16 * 2.2771rem) + 3.6176vw, 92rem);
	text-align: center;
}
#top .news h3 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	color:#035095;
	font-size: clamp(18rem, (16 * .6405rem) + 2.0672vw, 42rem);
	margin-bottom: .3em;
	letter-spacing: .125em;
}
#top .news h3 small {
	font-size: clamp(14rem, (16 * .7539rem) + .5168vw, 20rem);
	letter-spacing: 0;
}
#top .news .newsTab {
  display: flex;
	justify-content: center;
  flex-wrap: wrap;
}
#top .news .tab_label {
	position: relative;
	margin: 0 1.2em 5.2%;
  color: #035095;
  font-size: clamp(14rem, (16 * 0.7387rem) + 0.793vw, 24rem);
	letter-spacing: .125em;
  text-align: center;
  cursor: pointer;
	transition: all .3s;
}
#top .news .tab_label:hover {
  opacity: .7;
}
#top .news .newsTab input[name="tab_switch"] {
  display: none;
}
#top .news .newsTab input:checked + .tab_label {
  opacity: 1;
	transition: .5s opacity;
}
#top .news .tab_content {
  flex: 100%;
	height: 0;
	opacity: 0;
  overflow: hidden;
}
#top .news #taball:checked ~ #taball_content,
#top .news #tab01:checked ~ #tab01_content,
#top .news #tab02:checked ~ #tab02_content,
#top .news #tab03:checked ~ #tab03_content,
#top .news #tab04:checked ~ #tab04_content,
#top .news #tab05:checked ~ #tab05_content,
#top .news #tab06:checked ~ #tab06_content {
	height: 100%;
	opacity: 1;
	transition: .5s opacity;
}
#top .news .tab_content ul {
	margin-bottom: 3em;
	border-top: 1px solid #035095;
}
#top .news .tab_content li{
	border-bottom: 1px solid #035095;
	letter-spacing: 0;
}
#top .news .tab_content li .type {
	object-fit: contain;
	margin: .1em 1em 0;
  height: 1.28em;
}
#top .news .tab_content li a{
	display: flex;
	align-items: flex-start;
	padding: 2.2em 0;
	color: #035095;
	transition: .5s ease;
}
#top .news .tab_content li a:hover {
	background: #f2f2f2;
}

@media only screen and (max-width:768px) {
	#top p.copy{
		line-height: 2;
		letter-spacing: .05em;
	}
	#top .more
	#top .more.large {
		font-size: 12rem;
	}
  #top .mainImg .mainCopy h1{
    top: 3vh;
    left: 8vw;
  }
	#top .productFinder {
		padding-bottom: 5%;
		background: #035095 url("../img/bk_content_wh_sp.png") no-repeat right top / 100% auto;
	}
	#top .productFinder p{
		max-width: 48%;
	}
	#top .productFinder .finderImg {
		height: 80%;
	}
	#top .productFinder .more{
		margin:6em auto 2em;
	}
	#top .aboutCustom{
	 padding-bottom:8.18%;
	}
	#top .aboutCustom .inner{
		padding: 5.18% 2.5%;
	}
	#top .aboutCustom .more.large {
		width: 80%;
		margin: 3.2em auto 0;
	}
	#top .productFinder .more{
		margin:6em auto 2em;
	}
	#top .productLink .row,
	#top .companyLink .row{
		--bs-gutter-x:3%;
	}
	#top .movie .prevMv,
	#top .movie .nextMv {
		top: 18%;
		width: 1.25em;
		height: 40%;
		background: rgba(213,213,213,.9);
	}
	#top .movie .prevMv::before,
	#top .movie .nextMv::before{
		width:10px;
		height:10px;
		border-right: 2px solid #035095;
		border-top: 2px solid #035095;
	}
	#top .movie .nextMv {
		right: 0;
	}
	#top .movie .prevMv {
		left: 0;
	}
  #top .news .tab_label {
    width: 25%;
    margin: 0 0 .5em;
  }
  #top .news .tab_content h3{
    margin-top: 2em;
  }
}
@media only screen and (max-width:576px) {
	#top .productFinder p{
		max-width: 48%;
	}
}

/**Movie Dots**/
.slick-dots{
  position: static !important;
  display: flex;
  justify-content: center;
  width: 100% !important;
  margin: 4.85em auto 0 !important;
  padding: 8em 0;
  list-style: none;
  text-align: right;
}
.slick-dots li{
  position: relative;
  display: inline-block;
  width: 80px !important;
  height: 8px !important;
  margin: 0 1em !important;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button{
  display: block;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:before{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  content: '' !important;
  text-align: center;
  background: #2c2c2c !important;
  opacity: 1 !important;
}
.slick-dots li.slick-active button:before{
  background: #fff !important;
}
@media only screen and (max-width:768px) {
  .slick-dots	{
		margin: 2em auto 0 !important;
	}
  .slick-dots li	{
      width: 8% !important;;
      height: 5px !important;;
      margin: 0 0.5em !important;;
  }
}

/**--- 下層 ---**/
#headline {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	line-height: 1.3;
}
#headline::before {
	content: "";
	display: block;
	padding-top: 19.5%;
}
#headline h1 {
	position: relative;
	max-width: 1536px;
	width: 100%;
	padding: 0 2%;
	background: #fff;
}
#headline h1 span{
	position: absolute;
	top: 50%;
	right:0;
	display: block;
	min-width: 14.5em;
	padding: .5em .8em;
	background: rgba(0,0,0,.7);
	transform: translateY(-50%);
}
#company #headline {background: url("../img/company/main.jpg") no-repeat left center / cover;}
#products #headline {background: url("../img/products/main.jpg") no-repeat center center / cover;}
#support #headline,
#mypage #headline,
#register #headline{background: url("../img/support/main.jpg") no-repeat center center / cover;}
.contTtl {
	padding: .8em 2.5%;
	background: #035095;
	color: #fff;
	font-weight: 500;
	letter-spacing: .3em;
}
.contTtl span{
	display: block;
	max-width: 1536px;
	width: 100%;
	margin: 0 auto;
	padding: 0 2%;
}
.underLineTtl {
	width: fit-content;
	margin: 0 auto 1.8em;
	color: #035095;
	font-size: clamp(22rem, (16 * 1.052rem) + 1.3781vw, 38rem);
	text-align: center;
	line-height: 1.2;
	border-bottom: 3px solid #035095;
}
.underTtl {
	margin-bottom: 1.3em;
	color: #035095;
	font-size: clamp(22rem, (16 * .9107rem) + 1.9811vw, 45rem);
}
.underTtl small{
	margin-left: 2em;
	font-size: .35em;
}
.underLineTtl {
	width: fit-content;
	margin: 0 auto 1.8em;
	color: #035095;
	font-size: clamp(22rem, (16 * 1.052rem) + 1.3781vw, 38rem);
	text-align: center;
	line-height: 1.2;
	border-bottom: 3px solid #035095;
}
.leftlineTtl {
	margin-bottom: 1.25em;
	padding: 0 .75em;
	color: #035095;
	font-size: clamp(18rem, (16 * .8828rem) + 1.0336vw, 30rem);
	font-weight: 700;
	line-height: 1.4;
	border-left: 10px solid #035095;
}
.underLinesubTtl {
	margin: 0 auto 1.5em;
  padding-bottom: 0.2em;
	color: #035095;
  font-size: clamp(16rem, (16 * 0.8385rem) + 0.6891vw, 24rem);
	border-bottom: 1px solid #035095;
}
.noTtl {
  position: relative;
  margin: 0 0 1.25em 2em;
  color: #5f7b95;
  font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
  font-weight: 700;
}
.noTtl span{
  position: absolute;
  top: 50%;
  left: -1.5em;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  font-size: 1.1em;
  line-height: 1.4;
  text-align: center;
  background: #5f7b95;
  transform: translateY(-50%);
}
.sidenoteTtl {
  font-size: clamp(14rem, (16 * 0.7135rem) + 0.6891vw, 22rem);
  font-weight: 700;
}
.copy.topcopy {
	margin-bottom: 2.5em;
	text-align: center;
}
.copy.infoMess {
	margin: 4em 0;
	color: #035095;
	font-weight: 700;
}
.pageNav{
	position: relative;
  max-width: 1536px;
  width: 100%;
  margin: 3% auto 0;
}
.pageNav ul{
	display: flex;
	justify-content: center;
  align-items: center;
	background: #3e3e3e;
	border-radius: 100px;
}
.pageNav li{
	padding: .5em 0;
	font-size: clamp(12rem, (16 * .5279rem) + .9475vw, 23rem);
	font-weight: 700;
}
.pageNav li a{
	display: flex;
  align-items: center;
	padding: 0 3.4vw;
	color: #fff;
	text-align: center;
	border-right: 1px solid #fff;
}
.pageNav li:last-child a{
	border-right: none;
}

@media only screen and (max-width:768px) {
	#headline h1 span{
		min-width: inherit;
		padding: .5em 1.8em .5em .8em;
	}
	.contTtl{
		padding: .8em .5%;
	}
	.underLineTtl {
		margin: 1em auto;
	}
	.underTtl {
		margin-bottom: .5em;
	}
	.underTtl small{
		margin-left: 1em;
		font-size: .5em;
	}
	.copy.infoMess {
		margin: 2em 0;
	}
	.copy.topcopy {
		margin-bottom: 1.5em;
		text-align: left;
	}
	.pageNav li a{
		padding: 0 2vw;
	}
}
@media only screen and (max-width:5768px) {
	#headline{
		padding: 2em 0;
	}
}

/* ----絞り込み検索---- */
#search #flPanel{
	position: relative;
}
.scrollbar::-webkit-scrollbar {
  width: 4px;
	height: 4px;
}
.scrollbar::-webkit-scrollbar-track {
  background: #c9c9c9;
  border-radius: 4px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: #1e1e1e;
  border-radius: 4px;
}
@-moz-document url-prefix() {
	.scrollbar {
		scrollbar-width: thin;
		scrollbar-color: #1e1e1e #c9c9c9;
	}
}
#scrollbar {
	width: 100%;
	height: 10px;
	overflow-x: scroll;
}
#scrollbar .inner {
	width: 1660px;
	height: 1px;
}
#searchResults {
	order: 1;
	padding-left: 270px;
}
#productsSearch {
	position: absolute;
  left: 0;
  top: 0;
	width: 250px;
	max-height: 100vh;
	padding-right: 15px;
  background: #fff;
	overflow: auto;
	box-sizing: border-box;
}
#productsSearch.is-fixed {
  position: fixed;
}
#productsSearch.is-fixed.is-end {
  position: absolute;
  top: auto;
  bottom: 0;
}

/*検索フォーム*/」
#productsSearch input[type="text"],
#productsSearch select{
	font-size: 1em;
	border: 1px solid #035095;
}
#productsSearch input[type="checkbox"] {
  width: 14px;
  height: 14px;
	margin-right: .3em;
	border: 1px solid #d2d2d2;
}
#productsSearch input[type="checkbox"]::after {
  left: 4px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #626262;
  border-bottom: 2px solid #626262;
}
#productsSearch input[type="checkbox"]:checked{
  background: #035095;
}
#productsSearch input[type="checkbox"]:checked::after {
  border-color: #fff;
}
.reset{
	position: relative;
	margin: .5em auto 0;
	padding: .2em 1.5em .2em 2em;
	color: #fff;
	font-size: 16rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	background: #000;
}
.closeBtn {
  display: inline-block;
  position: absolute;
	top: 50%;
	left: .8em;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
	transform: translateY(-50%);
}
.closeBtn::before,
.closeBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 8px;
  background: #000;
}
.closeBtn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.closeBtn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
#productsSearch .exBtn {
	display: inline-block;
	margin: 0 0 0 .3em;
	padding: 0 .3em;
	color: #feffff;
	font-size: 14rem;
	text-align: center;
	line-height: 1.2;
	background: #666666;
	cursor: pointer;
  transition: .3s;
}
#productsSearch .exBtn.en{
	font-weight:400;
}
.jBox-TooltipBorder .jBox-container, .jBox-TooltipBorder .jBox-pointer:after {
	border: 2px solid #035095;
}
.jBox-TooltipBorder.jBox-closeButton-box:before {
	width: 28px;
	height: 28px;
	background: #035095;
}
.helpTxt {
	display: none;
}
.helpTtl {
	margin-bottom: 0;
	padding: .5em .5em .5em 1em;
	color: #fff;
	font-size: clamp(12rem, (16 * .6693rem) + .3445vw, 16rem);
	background: #035095;
}
.helpTxt p {
	padding: 1em ;
	font-size: clamp(12rem, (16 * .6693rem) + .3445vw, 16rem);
}
.jBox-TooltipDark .jBox-container {
  background: #035095 !important;
  border: 1px solid #035095 !important;
}
.jBox-TooltipDark .jBox-pointer:after {
  background: #035095 !important;
}

.jBox-TooltipDark .jBox-closeButton {
  background: #035095 !important;
}

#productsSearch h3{
	position: relative;
	margin-bottom: .7em;
	color: #035095;
	font-size: 17rem;
	line-height: 1.1;
}
#productsSearch .scacBtn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	background: #035095;
	border-radius: 50%;
	cursor: pointer;
}
#productsSearch .scacBtn::before{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg);
	transition: .3s;
}
#productsSearch .scacBtn.close::before{
	top: 8px;
	transform: rotate(225deg);
}
#productsSearch .scBlock {
	position: relative;
	padding-bottom: 2em;
}
#productsSearch .scBlock:last-child {
	padding-bottom: 0;
}
#productsSearch .scChild {
	padding: 1em;
	background: #efefef;
	letter-spacing: 0;
}
#productsSearch .scChild.default {
  display: block;
}
#productsSearch .scChild h4{
	margin: 2em 0 1.2em;
	padding:0 .4em;
	color: #3f7db4;
	line-height: 1.1;
	text-align: left;
	border-left: 5px solid #3f7db4;
}
#productsSearch .scChild h4:first-child{
	margin-top: 0;
}
#productsSearch .results {
	padding: .5em .8em 3em;
	color: #fff;
	background: #035095;
}
#productsSearch .results .head {
	position: relative;
	margin-bottom: 1em;
}
#productsSearch .results .head button{
	position: absolute;
	bottom: .5em;
	right: 0;
	padding: .2em 2em .2em .5em;
	color: #c8c8c8;
	font-size: 11rem;
	font-weight: 700;
	line-height: 1.2;
	background: #000;
}
#productsSearch .results .head button .closeBtn {
	left: inherit;
	right: .5em;
  background: #cac9ca;
}
#productsSearch .results h4{
	font-size: 14rem;
}
#productsSearch .results p{
	font-size: 35rem;
	font-weight: 700;
	line-height: 1.2;
}
#productsSearch .results p small{
	display: inline-block;
	font-size: .35em;
	font-weight: 500;
}
#productsSearch .selectList ul {
	display: flex;
	flex-wrap: wrap;
}
#productsSearch .selectList li {
	line-height: 1;
}
#productsSearch .selectList li button{
	position: relative;
	margin: 0 .5em .5em 0;
	padding: .2em 2em .2em 1.8em;
	color: #2f2c2c;
	font-size: 11rem;
	font-weight: 700;
	line-height: 1.2;
	background: #e7e7e7;
}
#productsSearch .selectList li button .closeBtn {
	position: absolute;
	left: .3em;
  background: #000;
}
#productsSearch .selectList li button .closeBtn::before,
#productsSearch .selectList li button .closeBtn::after {
  background: #fff;
}
#productsSearch .scChild.model {
	padding: .5em .5em 1em .5em;
}
#productsSearch .model li{
	font-size: 14rem;
	text-align: left;
	line-height: 1;
}
#productsSearch .model img {
	margin-bottom: .5em;
}
#productsSearch .model .row {
 	--bs-gutter-x: 3%;
  --bs-gutter-y: 8%;
}
#productsSearch .model label{
	display: flex;
	justify-content: center;
}
#productsSearch .detail .row {
 	--bs-gutter-x: 0;
  --bs-gutter-y: 8%;
}
#productsSearch .detail dt,
#productsSearch .detail dd{
	font-size: 15rem;
	text-align: left;
}
#productsSearch .detail dt .taika{
	letter-spacing: .33em;
}

#productsSearch .function li{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
#productsSearch .function label{
	margin: 0 0 1em;
  text-indent: -1em;
  padding-left: 1em;
	font-size: 15rem;
	line-height: 1.2;
}
#productsSearch .function .reset {
	margin-top: 5em;
}

/*検索結果*/
/*書類ボタン*/
.fileNav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.fileNav li{
	width:31.5%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.fileNav li a{
	display: block;
	width: 100%;
	text-align: center;
}
.fileNav li img{
	margin: 0 auto .5em;
}
.fileNav .pdf,
.fileNav .allDxf,
.fileNav .sectionDxf{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	padding: .3em 0;
	color: #fff;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	border-radius: 10px;
}
.fileNav .pdf{
	background: #686868;
}
.fileNav .allDxf{
	background: #3c5d73;
}
.fileNav .sectionDxf{
	background: #2a4977;
}
#searchResults .resultsSelect {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 3.5em;
	padding: 1.5em 1.8em;
	color: #fff;
	background: #3e3e3e;
}
#searchResults .resultsSelect .change {
	display: flex;
	align-items: center;
}
#searchResults .resultsSelect ul {
	display: flex;
	flex-wrap: wrap;
}
#searchResults .resultsSelect li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6.6em;
	margin:0 0 .2em 1.2em;
	padding: .3em 0;
	color: #9f9f9f;
	font-size: clamp(12rem, (16 * .6693rem) + .3445vw, 16rem);
	font-weight: 700;
	text-align: center;
	border: 1px solid #9f9f9f;
	border-radius: 5px;
	cursor: pointer;
	transition: all .3s;
}
#searchResults .resultsSelect li.active,
#searchResults .resultsSelect li:hover{
	color: #3e3e3e;
	background-color: #fff;
	border: 1px solid #222222;
}
#searchResults .resultsSelect li::before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 19px;
	margin-right: .3em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
}
#searchResults .resultsSelect li:first-child::before{
	background-image: url("../img/products/icon_results01_off.png");
}
#searchResults .resultsSelect li:nth-child(2)::before{
	background-image: url("../img/products/icon_results02_off.png");
}
#searchResults .resultsSelect li:nth-child(3)::before{
	background-image: url("../img/products/icon_results03_off.png");
}
#searchResults .resultsSelect li:last-child::before{
	background-image: url("../img/products/icon_results04_off.png");
}
#searchResults .resultsSelect li.active:first-child::before,
#searchResults .resultsSelect li:hover:first-child::before{
	background-image: url("../img/products/icon_results01.png");
}
#searchResults .resultsSelect li.active:nth-child(2)::before,
#searchResults .resultsSelect li:hover:nth-child(2)::before{
	background-image: url("../img/products/icon_results02.png");
}
#searchResults .resultsSelect li.active:nth-child(3)::before,
#searchResults .resultsSelect li:hover:nth-child(3)::before{
	background-image: url("../img/products/icon_results03.png");
}
#searchResults .resultsSelect li.active:last-child::before,
#searchResults .resultsSelect li:hover:last-child::before{
	background-image: url("../img/products/icon_results04.png");
}
#searchResults .itemList {
	letter-spacing: 0;
}
#searchResults .itemInfo {
	position: relative;
	display: block;
	width:100%;
	margin: 1em auto 0;
	padding: 5%;
	color: #fff;
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
	font-weight: 700;
	text-align: center;
	letter-spacing: .05em;
	background: #3e3e3e;
	border: 1px solid #3e3e3e;
	transition: all .3s;
}
#searchResults .itemInfo::after{
	content: "";
	position: absolute;
	bottom:.4em;
	right:.4em;
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
	transition: all .3s;
}
#searchResults .itemInfo:hover,
#searchResults a:hover .itemInfo{
	color: #3e3e3e;
	background: #fff;
	border-color:#3e3e3e;
}
#searchResults .itemInfo:hover::after,
#searchResults a:hover .itemInfo::after{
  bottom:.3em;
	right:.3em;
	border-bottom-color:#3e3e3e;
}
#searchResults #advancedSearch #scrollbar,
#searchResults #imageSearch #scrollbar{
	display: none;
}
#searchResults #imgList.row {
 	--bs-gutter-x: 1.8%;
  --bs-gutter-y: 11%;
}
#searchResults .itemList h3 {
	margin-bottom: .5em;
	color: #00529b;
	font-weight: 500;
}
#searchResults #imgList {
	padding-bottom:2em;
}
#searchResults #imgList .itemImg {
	aspect-ratio: 5 / 4;
	margin-bottom: 1em;
	background: #ccc;
	overflow: hidden;
    display: block;  /* pantacle */
}
#searchResults #imgList img{
	width: 100%;
  height: 100%;
	object-fit: cover;
}
#searchResults #imgList .category{
	display: flex;
	flex-wrap: wrap;
	margin-right: 1em;
}
#searchResults #imgList .category li{
	margin:0 1em 0 0;
	line-height: 1.2;
}
#searchResults #imgList .data {
	display: flex;
	flex-wrap: wrap;
}
#searchResults #imgList .data dt,
#searchResults #imgList .data dd{
	line-height: 1.2;
}
#searchResults #imgList .data dt{
	width: 4.5em;
	color: #00529b;
}
#searchResults #imgList .data dd{
	width:calc(100% - 4.5em);
}
#searchResults #imgList a:hover img{
  opacity: .6;
	transition: .5s ease;
}
#searchResults #advanceList .advanceInfo{
	position: relative;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 2em;
	padding: 1.5em;
	background: #e4e4e4;
}
#searchResults #advanceList .advanceInfo .itemImg {
 	width: 36.993%;
	padding-bottom: 7.96%;
}
#searchResults #advanceList .advanceInfo .itemTxt {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
 	width: 61.212%;
}
#searchResults #advanceList .advanceInfo .itemDate {
	align-content: flex-start;
	width: 100%;
}
#searchResults #advanceList .advanceInfo h3{
	margin-bottom: .7em;
	padding: .6em 1em;
	color: #fff;
	background: #035095;
}
#searchResults #advanceList .advanceInfo .category{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
#searchResults #advanceList .advanceInfo .category li{
	margin:0 1em 0 0;
	color: #00529b;
	line-height: 1.2;
}
#searchResults #advanceList .advanceInfo .data {
	display: flex;
	flex-wrap: wrap;
}
#searchResults #advanceList .advanceInfo .data dt,
#searchResults #advanceList .advanceInfo .data dd{
	line-height: 2.3;
	border-bottom: 1px solid #3e3e3e;
}
#searchResults #advanceList .advanceInfo .data dt{
	color: #035095;
}
#searchResults #advanceList .advanceInfo .data dt{
	width: 8em;
	color: #00529b;
}
#searchResults #advanceList .advanceInfo .data dd{
	width:calc(100% - 8em);
}
#searchResults #advanceList .advanceInfo .fileNav {
 	position: absolute;
	left: 1.5em;
	top: 0;
	width:calc(37.15% - 1.5em);
	padding-top:26.957%;
	z-index: 1;
}
#searchResults #advanceList .advanceInfo .infoLink {
	width: 100%;
	padding-left:42.45%;
}
#searchResults #comparisonSearch .itemList,
#searchResults #crosssectionSearch .itemList {
	overflow: auto;
}
#searchResults #comparisonList,
#searchResults #crosssectionList{
	padding: 3.5em 0;
}
#searchResults #comparisonList table,
#searchResults #crosssectionList table{
    /* pantacle */
    /* width: 100%; */
    /* min-width: 1190px; */
    width: auto;
    /* /pantacle */
}
#searchResults #comparisonList th,
#searchResults #comparisonList td,
#searchResults #comparisonList td li,
#searchResults #crosssectionList th,
#searchResults #crosssectionList td{
	text-align: center;
}
#searchResults #comparisonList th,
#searchResults #crosssectionList th{
	position: sticky;
  left: 0;
	padding: 1em 3em;
	font-size: clamp(12rem, (16 * .7096rem) + .1723vw, 14rem);
	font-weight: 500;
	white-space: nowrap;
	z-index: 1;
}
#searchResults #comparisonList td,
#searchResults #crosssectionList td{
	padding: 1em 2em;
	white-space: nowrap;
    width: 230px;  /* pantacle */
    max-width: 230px;  /* pantacle */
}
#searchResults #comparisonList tr:nth-child(even) td,
#searchResults #crosssectionList tr:nth-child(even) td{
	background: #d7e0ef;
}
#searchResults #comparisonList th.function{
	padding: 3em .2em;
}
#searchResults #comparisonList td.tdImg,
#searchResults #comparisonList td.tdDl,
#searchResults #comparisonList td.tdInfo,
#searchResults #crosssectionList td.tdImg,
#searchResults #crosssectionList td.tdDl,
#searchResults #crosssectionList td.tdInfo{
	padding: 0;
}
#searchResults #crosssectionList td.tdImg{
	vertical-align: bottom;
	background: #fff;
}
#searchResults #comparisonList th.non,
#searchResults #crosssectionList th.non{
	background: #fff;
}
#searchResults #comparisonList .fileNav,
#searchResults #crosssectionList .fileNav{
	padding: .2em;
}
#searchResults #comparisonList .fileNav li,
#searchResults #crosssectionList .fileNav li{
	width: 32.2%;
}
#searchResults #comparisonList .fileNav .pdf,
#searchResults #comparisonList .fileNav .allDxf,
#searchResults #comparisonList .fileNav .sectionDxf,
#searchResults #crosssectionList .fileNav .pdf,
#searchResults #crosssectionList .fileNav .allDxf,
#searchResults #crosssectionList .fileNav .sectionDxf{
	padding: .3em 0;
	font-size: 12rem;
	border-radius: 5px;
}
#searchResults #comparisonList .itemInfo,
#searchResults #crosssectionList .itemInfo{
	margin: 0;
	padding: 10% 5%;
	background: #035095;
	border-color: #035095;
}
#searchResults #comparisonList .itemInfo:hover,
#searchResults #crosssectionList .itemInfo:hover{
	color: #035095;
	background: #fff;
	border-color: #035095;
}
#searchResults #comparisonList .itemInfo:hover::after,
#searchResults #crosssectionList .itemInfo:hover::after{
	border-bottom-color: #035095;
}
/*pager*/
.pager .pagination {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5em;
}
#imageSearch .pager .pagination{
	margin-top: 13em;
}
.pager .pagination li {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 .17em;
  font-size: clamp(12rem, (16 * .6289rem) + .5168vw, 18rem);
  background: #fff;
}
.pager .pagination li a {
  padding: .6em 1.18em;
  width: 100%;
  height: 100%;
  color: #035095;
  text-align: center;
	text-decoration: underline;
	border: 1px solid #4e84b5;
  vertical-align: middle;
	transition: all .3s ease;
}
.pager .pagination .pre a,
.pager .pagination .next a{
  padding: .6em .9em;
}
.pager .pagination li a:hover,
.pager .pagination li a.active {
  color: #fff;
  background: #035095;
	border: 1px solid #035095;
}

@media only screen and (max-width:992px) {
    /* pantacle */
	/* #searchResults #advancedSearch #scrollbar, */
	/* #searchResults #imageSearch #scrollbar{ */
	/* 	display: block; */
	/* } */
	/* #searchResults #advancedSearch #scrollbar .inner, */
	/* #searchResults #imageSearch #scrollbar .inner{ */
	/* 	width: 992px; */
	/* } */
	/* #searchResults #imgList, */
	/* #searchResults #advanceList{ */
	/* 	min-width: 992px; */
	/* } */
	/* #searchResults #advanceList{ */
	/* 	padding: 3.5em 0; */
	/* } */
    /* /pantacle */
    /* pantacle */
	#searchResults #imgList img{
		margin-bottom: .5em;
	}
	#searchResults #advanceList .advanceInfo{
		padding: 1.2em;
		background: #ededed;
	}
	#searchResults #advanceList .advanceInfo .itemImg {
		padding-bottom: 0;
	}
	#searchResults #advanceList .advanceInfo .itemTxt {
		align-content: flex-start;
	}
	#searchResults #advanceList .advanceInfo h3{
		padding: .2em .5em;
	}
	#searchResults #advanceList .advanceInfo .category{
		margin-bottom: 1em;
	}
	#searchResults #advanceList .advanceInfo .category li{
		margin:0 1em 0 0;
	}
	#searchResults #advanceList .advanceInfo .data dt{
		width: 5em;
	}
	#searchResults #advanceList .advanceInfo .data dd{
		width:calc(100% - 5em);
	}
	#searchResults #advanceList .advanceInfo .fileNav {
		position: static;
		width: 100%;
		padding-top:1em;
		z-index: 1;
	}
	#searchResults #advanceList .advanceInfo .fileNav {
		margin-top: .5em;
	}
	#searchResults #advanceList .advanceInfo .fileNav li{
		width:32%;
	}
	#searchResults #advanceList .advanceInfo .fileNav li a{
		display: block;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		text-align: center;
	}
	#searchResults #advanceList .advanceInfo .fileNav li img{
		margin:0 .5em 0 0;
	}
	#searchResults #advanceList .advanceInfo .fileNav .pdf,
	#searchResults #advanceList .advanceInfo .fileNav .allDxf,
	#searchResults #advanceList .advanceInfo .fileNav .sectionDxf{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		padding: .5em;
		border-radius: 100px;
	}
    /* /pantacle */
}
@media only screen and (max-width:768px) {
	#searchResults {
		width:100%;
		padding: 0;
	}
	#productsSearch {
		width:100%;
	}
	#productsSearch {
		position: fixed;
		left: -100%;
		top: 0;
		padding-right: 0;
		width: 100%;
  	height: 100vh;
		transition: all .3s;
		z-index: 1000;
	}
	#productsSearch .inner {
		position: static;
		padding-right: 0;
	}
	#productsSearch.panelactive{
		left: 0;
		overflow: auto;
    -webkit-overflow-scrolling: touch;
	}
	#productsSearch.panelnon{
		left: -100px;
		overflow: auto;
    -webkit-overflow-scrolling: touch;
	}
	#productsSearch .panelclose{
		display: block;
		width: fit-content;
		margin: 1em 0;
		padding: .2em .5em;
		color: #FFF;
		background: #3e3e3e;
	}
	#productsSearch .scBlock{
		width:95%;
		margin: 0 auto;
		padding: 0;
		border-bottom: 1px solid #ccc;
	}
	#productsSearch .scBlock h3{
		margin: 0;
		padding: 1em 0;
	}
	#productsSearch .scacBtn {
		top: 1em;
	}
	#searchResults .spSearch{
		width: 80%;
		margin: 0 auto;
		padding: 1em 0 2.5em;
	}
	#searchResults .spSearch .searchbox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: 1;
		color: #035095;
	}
	#searchResults .spSearch .searchbox p{
		white-space: nowrap;
	}
	#searchResults .spSearch .searchbox .itemSerch {
		width:calc(100% - 5em);
	}
	#searchResults .spSearch .searchbox input[type="text"] {
		width:calc(100% - 4em);
		margin: 0 .3em;
		line-height: 1.7;
		border: 2px solid #035095;
	}
	#searchResults .spSearch .searchbox input[type="submit"] {
		width: 2em;
		height: 2em;
		background: url("../img/icon_serch_sp.png") no-repeat center center / cover;
	}
	#searchResults .spSearch .openSerach {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-top: 2em;
		padding: 1em;
		color: #fff;
		font-size: clamp(18rem, 11.320rem + 1.7812vw, 25rem);
		font-weight: 700;
		text-align: center;
		background: #035095;
		cursor: pointer;
	}
	#searchResults .spSearch .openSerach::before{
		content: '';
		display: inline-block;
		width: 27px;
		height: 22px;
		margin-right: .3em;
		background: url("../img/products/icon_search.png") no-repeat center center / cover;
	}
	#searchResults .resultsSelect {
		justify-content: space-between;
		margin-left: calc(50% - 50vw);
  	margin-right: calc(50% - 50vw);
		margin-bottom: 0;
		padding: .5em 1em;
	}
	#searchResults .resultsSelect .results p{
		width: fit-content;
		font-size: 40rem;
		font-weight: 700;
		line-height: 1.2;
	}
	#searchResults .resultsSelect .results p small{
		display: inline-block;
		font-size: .3em;
		font-weight: 500;
	}
	#searchResults .resultsSelect li{
		flex-wrap: wrap;
		width: 4em;
		margin-left: .5em;
		padding: .2em;
		font-size: clamp(12rem, 1.153rem + .4923vw, 20rem);
		border-radius: 0;
	}
	#searchResults .resultsSelect li::before{
		content: '';
		display: block;
		margin: .2em 0;
	}
	#searchResults .selectList {
		margin-left: calc(50% - 50vw);
  	margin-right: calc(50% - 50vw);
		padding: .5em 1em;
		background: #707070;
	}
	#searchResults .selectList h4{
		margin-bottom: .3em;
		color: #fff;
		font-size: clamp(14rem, 8.339rem + 1.5094vw, 18rem);
		font-weight: 500;
	}
	#searchResults .selectList ul {
		display: flex;
		flex-wrap: wrap;
	}
	#searchResults .selectList li {
		line-height: 1;
	}
	#searchResults .selectList li button{
		position: relative;
		margin: 0 .5em .5em 0;
		padding: .2em 2em .2em 1.8em;
		color: #2f2c2c;
		font-size: 12rem;
		font-weight: 700;
		line-height: 1.2;
		background: #e7e7e7;
	}
	#searchResults .selectList li button .closeBtn {
		position: absolute;
		left: .3em;
		background: #000;
	}
	#searchResults .selectList li button .closeBtn::before,
	#searchResults .selectList li button .closeBtn::after {
		background: #fff;
	}
	#searchResults #advancedSearch #scrollbar,
	#searchResults #imageSearch #scrollbar{
		display: none;
	}
	#searchResults #advancedSearch .itemList,
	#searchResults #imageSearch .itemList {
		overflow: hidden;
	}
	#searchResults #advancedSearch {
		margin-left: calc(50% - 50vw);
  	margin-right: calc(50% - 50vw);
	}
	#searchResults #imgList,
	#searchResults #advanceList{
		padding: 2em 0 0;
		min-width: inherit;
	}
    /* pantacle */
	/* #searchResults #imgList img{ */
	/* 	margin-bottom: .5em; */
	/* } */
	/* #searchResults #advanceList .advanceInfo{ */
	/* 	padding: 1.2em; */
	/* 	background: #ededed; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .itemImg { */
	/* 	padding-bottom: 0; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .itemTxt { */
	/* 	align-content: flex-start; */
	/* } */
	/* #searchResults #advanceList .advanceInfo h3{ */
	/* 	padding: .2em .5em; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .category{ */
	/* 	margin-bottom: 1em; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .category li{ */
	/* 	margin:0 1em 0 0; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .data dt{ */
	/* 	width: 5em; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .data dd{ */
	/* 	width:calc(100% - 5em); */
	/* } */
	/* #searchResults #advanceList .advanceInfo .fileNav { */
	/* 	position: static; */
	/* 	width: 100%; */
	/* 	padding-top:1em; */
	/* 	z-index: 1; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .fileNav { */
	/* 	margin-top: .5em; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .fileNav li{ */
	/* 	width:32%; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .fileNav li a{ */
	/* 	display: block; */
	/* 	justify-content: space-around; */
	/* 	align-items: center; */
	/* 	width: 100%; */
	/* 	text-align: center; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .fileNav li img{ */
	/* 	margin:0 .5em 0 0; */
	/* } */
	/* #searchResults #advanceList .advanceInfo .fileNav .pdf, */
	/* #searchResults #advanceList .advanceInfo .fileNav .allDxf, */
	/* #searchResults #advanceList .advanceInfo .fileNav .sectionDxf{ */
	/* 	display: flex; */
	/* 	flex-direction: row; */
	/* 	flex-wrap: nowrap; */
	/* 	align-items: center; */
	/* 	padding: .5em; */
	/* 	border-radius: 100px; */
	/* } */
    /* /pantacle */
	#searchResults #comparisonSearch,
	#searchResults #crosssectionSearch{
		padding-top: 2em;
	}
	#searchResults #comparisonList,
	#searchResults #crosssectionList{
		padding: 2em 0;
	}
	#searchResults #comparisonList th,
	#searchResults #crosssectionList th{
		padding: 1em;
	}
	#searchResults #comparisonList td,
	#searchResults #crosssectionList td{
		padding: 1em .2em;
	}
	.pager .pagination{
		margin-top: 2em;
	}

}
@media only screen and (max-width:576px) {
	#searchResults .spSearch{
		width: 100%;
	}
	#searchResults .spSearch .searchbox input[type="text"] {
		width:calc(100% - 4em);
	}
	.pager .pagination {
		justify-content: space-between;
	}
}

/* ----製品詳細情報---- */
h3.detailTtl{
	margin-bottom: .7em;
	padding: .35em 1em;
	color: #fff;
	font-size: clamp(20rem, (16 * 1.0481rem) + .8613vw, 30rem);
	background: #035095;
}
h4.detailsuvTtl{
	margin-bottom: 1em;
	color: #5b7d9d;
	font-size: clamp(20rem, (16 * 1.0481rem) + .8613vw, 30rem);
	border-bottom: 1px solid #5b7d9d;
}
#itemDetail .container{
	position: relative;
	display: flex;
	justify-content: flex-end;
}
#itemDetail .detailInfo{
	width: 35.229%;
	margin: 0 1.5%;
}
#itemDetail img {
	position: absolute;
	left: 2%;
	top: 0;
	width: 32.27%;
}
#itemDetail .category{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2.5em;
}
#itemDetail .category li{
	margin:0 1em 0 0;
	color: #00529b;
	line-height: 1.2;
}
#itemDetail .data {
	display: flex;
	flex-wrap: wrap;
}
#itemDetail .data dt,
#itemDetail .data dd{
	padding-top: 1em;
	line-height: 2.3;
	border-bottom: 1px solid #035095;
}
#itemDetail .data dt{
	color: #035095;
}
#itemDetail .data dt{
	width: 8em;
	color: #00529b;
}
#itemDetail .data dd{
	width:calc(100% - 8em);
}
#itemDetail .dlBtn{
	width: 28.444%;
	padding: 1em;
	background: #e4e4e4;
}
#itemDetail .dlBtn li{
	margin-bottom: 1em;
}
#itemDetail .dlBtn li:last-child{
	margin-bottom: 0;
}
#itemDetail .dlBtn li a{
	position: relative;
	display: block;
	padding: 1.15em 2em 1.15em 1em;
	color: #fff;
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
	font-weight: 700;
	text-align: center;
	background: #3e3e3e;
	border:2px solid #3e3e3e;
	transition: all .3s;
}
#itemDetail .dlBtn li a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	width: 6%;
	height: 100%;
	background: url("../img/products/icon_dl.png") no-repeat center center / contain;
	transform: translateY(-50%);
}
#itemDetail .dlBtn li a:hover{
	color: #3e3e3e;
	background: #fff;
	border-color: #3e3e3e;
}
#itemDetail .dlBtn li a:hover::after{
	background: url("../img/products/icon_dl_up.png") no-repeat center center / contain;
}
#itemMv h4{
	margin-bottom: .4em;
}
#itemMv ul{
	display: flex;
}
#itemMv li{
	width: 33.33%;
	margin-bottom: 1em;
	padding: .5em;
	font-size: clamp(14rem, (16 * .7943rem) + .3445vw, 18rem);
}
#itemMv li img{
	margin-bottom: 1em;
}
.sizaTable table{
	margin-bottom: 2em;
}
.sizaTable tr:nth-child(odd) td{
	background: #dedede;
}
.sizaTable th{
  background: #5b7d9d;
}
.sizaTable th,
.sizaTable td {
	padding: 1em;
	font-size: clamp(12rem, (16 * .6289rem) + .5168vw, 18rem);
}
.sizaTable .dlLink {
	width: 11em !important;
}
.sizaTable a {
	color: #00529b;
	text-decoration: underline;
}
.sizaTable .dlLink a{
	position: relative;
	padding-left: 2em;
	color: #1a1a1a;
	text-decoration: underline;
}
.sizaTable .dlLink a::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 20%;
	height: 100%;
	background: url("../img/products/icon_dl_bl.png") no-repeat center center / contain;
	transform: translateY(-50%);
}
#crossSection .crossSectionInfo {
	margin-top: 2em;
}
#crossSection table{
	margin-bottom: 2em;
}
#crossSection tr:nth-child(odd) td{
	background: #dedede;
}
#crossSection th{
  background: #5b7d9d;
}
#crossSection th,
#crossSection td {
	padding: 1em;
	font-size: clamp(12rem, (16 * .6289rem) + .5168vw, 18rem);
}
#crossSection .no{
	text-align: center;
}
#crossSection .crossSectionImg {
	text-align: center;
}
#remarks ol li{
	font-size: clamp(14rem, (16 * .7943rem) + .3445vw, 18rem);
}

@media only screen and (max-width:992px) {
	#itemDetail .container{
		flex-wrap: wrap;
	}
	#itemDetail .detailInfo{
		width: 45%;
		margin: 0;
	}
	#itemDetail img {
		width: 50%;
	}
	#itemDetail .category{
		margin-bottom: 1em;
	}
	#itemDetail .data{
		margin-bottom: 2em;
	}
	#itemDetail .dlBtn{
		width: 100%;
	}
	#itemDetail .dlBtn li a{
		padding: 1em 2em 1em 1em;
	}
	#itemDetail .dlBtn li a::after{
		width: 3%;
	}
}
@media only screen and (max-width:768px) {
	#itemDetail {
		padding-top: 2em;
	}
	#itemDetail .container{
		display: inherit;
	}
	#itemDetail .detailInfo{
		width: 100%;
		margin: 0;
	}
	#itemDetail img {
		position: static;
		width: 100%;
	}
	#itemDetail .dlBtn{
		width: 100%;
	}
	#itemDetail .dlBtn li a::after{
		width: 6%;
	}
	#itemMv h4{
		margin-bottom: 1em;
	}
	#itemMv ul{
		display: inherit;
	}
	#itemMv li{
		width: 100%;
	}
	.sizaTable {
		overflow: auto;
	}
	.sizaTable table{
		width: 100%;
		min-width: 768px;
	}
	.sizaTable .name{
		position: sticky;
  	left: 0;
		z-index: 1;
	}
	.sizaTable th,
	.sizaTable td {
		white-space: nowrap;
	}
	#crossSection .crossSectionInfo {
		margin-top: 0;
	}
	#crossSection th {
		white-space: nowrap;
	}
}

/* ----製品情報---- */
#products .subInfo {
  width: 98%;
  margin: 0 auto;
}
/* 製品一覧 */
#products .fileInfo{
	margin-bottom: 3em;
	padding: 1.3em .8em;
	border: 2px solid #1b6293;
}
#products .fileInfo h3{
	margin-bottom: 1.5em;
	padding: .3em 1em;
	color: #fff;
	font-size: clamp(18rem, (16 * 0.7981rem) + 0.8613vw, 26rem);
	background: #1b6293;
}
#products .fileInfo h4{
	margin: 2em 0;
	padding: .3em 1em;
	color: #1b6293;
	font-size: clamp(16rem, (16 * 0.8385rem) + 0.6891vw, 24rem);
	border-bottom:1px solid #1b6293;
}
#products .fileInfo p{
	padding: 0 1.5em;
}
#products .fileInfo .banner{
	display: block;
	margin: 2em auto 0;
	text-align: center;
}
#products .registerInfo {
	padding-top: 0;
}
#products .registerInfo p{
	margin-bottom: 3em;
}
#allItem h3{
	margin-bottom: 1em;
	font-size: clamp(18rem, (16 * 0.7981rem) + 0.8613vw, 26rem);
	font-weight: 700;
}
#allItem .allTable{
	margin-bottom: 2em;
}
#allItem .allTable table{
	border: none;
}
#allItem .allTable tr:nth-child(odd) td{
	background: #dedede;
}
#allItem .allTable th,
#allItem .allTable td {
	font-size: clamp(12rem, (16 * .6289rem) + .5168vw, 19rem);
	line-height: 1.5;
	text-align: center;
	border:1px solid #fff;
}
#allItem .allTable th{
	padding: .5em;
  background: #383838;
	font-weight: 500;
}
#allItem .allTable td{
	height: 4.25em;
	padding: .5em;
}
#allItem .allTable td.name {
	padding: .5em 1em;
	text-align: left;
}
#allItem .allTable a{
	color: #00529b;
	text-decoration: underline;
}
#allItem .allTable td:nth-child(7n) a{
  color: #2f2c2c;
	text-decoration: underline;
}
#allItem .allTable td:nth-child(1n){
  width: 15%;
}
#allItem .allTable td:nth-child(2n){
  width: 15%;
}
#allItem .allTable td:nth-child(3n){
  width: 30%;
}
#allItem .allTable td:nth-child(4n),
#allItem .allTable td:nth-child(5n),
#allItem .allTable td:nth-child(6n),
#allItem .allTable td:nth-child(7n){
  width: 10%;
}

/*カスタマイズ対応*/
#products .customInfo{
  width: 99%;
  margin: 4em auto 0;
}
#products .customInfo li{
  margin-bottom: 0.5em;
  padding: .8em;
  color: #fff;
  font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
  font-weight: 700;
  letter-spacing: 0;
  background: #3d7db6;
}
#products .customInfo span{
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}
#products .customPoint {
  display: flex;
  align-items: center;
  width: 99%;
  margin: 0 auto 2em;
}
#products .customPoint ol{
  position: relative;
  counter-reset:list;
  width: 35%;
  padding: 1.2em 0 1.2em 1.2em;
  background: #5f7b95;
  clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}
#products .customPoint li{
  position: relative;
  margin-left: 2em;
  color: #fff;
  font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0;
  white-space: nowrap;
}
#products .customPoint li::before{
  content: counter(list);
  counter-increment: list;
  position: absolute;
  top: 50%;
  left: -1.5em;
  width: 1.25em;
  height: 1.25em;
  color: #5f7b95;
  font-size: 1.1em;
  line-height: 1.4;
  text-align: center;
  background: #fff;
  transform: translateY(-50%);
}
#products .customPoint p {
  width:fit-content;
  margin-left: 2em;
  color: #5f7b95;
  font-size: clamp(24rem, (16 * 1.2578rem) + 1.0336vw, 36rem);
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #5f7b95;
}
#products .ohterCustom {
  margin-bottom: 6em;
}
#products .customCost {
  position: relative;
  margin-bottom: 70px;
  padding: 2em 0 3em 0;
  display: flex;
  justify-content: center;
}
#products .customCost::after {
  content: '';
  position: absolute;
  bottom: -70px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 70px solid #363636;
  transform: translateX(-50%);
}
#products .customCost li{
  padding: 0 4.5vw;
  font-size: clamp(14rem, (16 * 0.7135rem) + 0.6891vw, 22rem);
  font-weight: 700;
  text-align: center;
}
#products .customCost li img{
  margin-bottom: 1.5em;
}
#products .costCopy {
  width: fit-content;
  margin: 5em auto 0;
  font-size: clamp(16rem, (16 * 0.8183rem) + 0.7752vw, 25rem);
  font-weight: 700;
  text-align: center;
  text-decoration: underline 1px #2f2c2c;
  text-underline-offset: .3em;
}
#products .flow{
  padding-bottom: 0;
}
#products .flow .container{
  padding: 3.5% 2% .5%;
  background: #f5f5f5;
}
#products .flow h3{
	margin-bottom: 1.5em;
	color: #035095;
  font-size: clamp(24rem, (16 * 1.0155rem) + 2.0672vw, 48rem);
	border-bottom: 3px solid #035095;
}
#products .flow h4{
	margin-bottom: 2.5em;
	color: #035095;
  font-size: clamp(18rem, (16 * 0.8828rem) + 1.0336vw, 30rem);
}
#products .flow h4 small{
  margin-right: 1em;
	font-size: 0.75em;
}
#products .flow p{
  font-size: clamp(14rem, (16 * 0.7539rem) + 0.5168vw, 20rem);
	margin-bottom: 1em;
}
#products .flow .flowMess{
	position: relative;
	display: flex;
  min-height: 51vh;
  margin-bottom: 5em;
}
#products .flow .mess{
	width: 45%;
	margin: 0 1%;
	color: #3e3e3e;
}
#products .flow .mess.right{
	margin: 0 1% 0 auto;
}
#products .flow .mess img {
	position: absolute;
	right: 1%;
	top: 0;
	width: 49%;
}
#products .flow .mess.right img{
	left: 1%;;
}
#products .flow.dgry{
  padding-top: 0;
}
#products .flow.dgry .container{
  padding-bottom: 4%;
  background: #eaeaea;
}
#products .accessories{
  width: 72%;
  margin: 8em auto 0;
  padding: 3%;
  text-align: center;
  border: 2px solid #035095;
}
#products .accessoriesInfo h4{
	margin-bottom: 1.5em;
	font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
	text-align: center;
}
#products .acPage{
  padding: 1% 1% 3%;
}
#products .accessories h4{
  margin-bottom: 1em;
  font-size: clamp(18rem, (16 * 1.0039rem) + 0.5168vw, 24rem);
}
#products .accessories h4.acTtl{
	margin-bottom: 1.5em;
	padding: 1em 0.5em;
	color: #fff;
	font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
	text-align: center;
	background: #035095;
}
#products .accessories .more.large{
  max-width: 670px;
  width: 100%;
  margin-top: 2em;
}
#products .accessories .more.large.dl::after{
	content: "";
	position: absolute;
	top:50%;
	right:1.6em;
  width: 35px;
  height: 35px;
  background: url("../img/products/icon_dl.png") no-repeat center center / cover;
	transform: translateY(-50%);
	transition: all .3s;
}
#products .accessories .more.large.dl:hover::after{
	background: url("../img/products/icon_dl_bl.png") no-repeat center center / cover;
}
#products .technical {
  padding-top: 4%;
}
#products .technical p{
  color: #035095;
  font-size: clamp(14rem, (16 * 0.7135rem) + 0.6891vw, 22rem);
  font-weight: 700;
  text-align: center;
}
#products .technical .acCopy{
  width: fit-content;
  margin: 0 auto;
  padding: .8em 1em;
  color: #fff;
  font-size: clamp(16rem, (16 * 0.8385rem) + 0.6891vw, 24rem);
  font-weight: 700;
  text-align: center;
  background: #363636;
}
#products .technical .more.large{
  max-width: 670px;
  width: 100%;
}

/*スライドレール選定*/
#products .selectionNav{
	margin:5em 0;
}
#products .selectionInfo .copy{
  font-size: clamp(14rem, (16 * 0.7943rem) + 0.3445vw, 18rem);
}
#products .selectionInfo .infoP{
  margin-bottom: 4em;
}
#products .selectionInfo .customInfo{
  margin-bottom: 4em;
}
#products .selectionInfo .ckPoint{
  width: 100%;
  margin: 4em auto;
  padding: 2em 1em 0;
  text-align: center;
  background: #f5f5f5;
  border: 3px double #363636;
}
#products .selectionInfo .tabb{
  width: 83%;
  padding: 2em 2em 0;
}
#products .selectionInfo .ckPoint .row {
  --bs-gutter-x: 2%;
  --bs-gutter-y: 2%;
}
#products .selectionInfo .ckPoint h6{
  margin-bottom: 2em;
  color: #035095;
  font-size: clamp(16rem, (16 * 0.7981rem) + 0.8613vw, 26rem);
  font-weight: 700;
  text-align: center;
}
#products .selectionInfo .ckPoint p{
  margin-bottom: 3em;
  font-size: clamp(14rem, (16 * 0.7135rem) + 0.6891vw, 22rem);
  text-align: left;
}
#products .selectionInfo .ckPoint a{
  font-size: clamp(14rem, (16 * 0.7135rem) + 0.6891vw, 22rem);
}
#products .selectionInfo .kousei{
  text-align: center;
  margin: 4em auto;
}
#products .selectionInfo .slAtt{
  width: 100%;
  margin: 4em auto 8em;
  padding: 2em 2em .1em;
  color: #fff;
  background: #5f7b95;
}
#products .selectionInfo .slAtt h5{
  margin-bottom: .5em;
  font-size: clamp(16rem, (16 * 0.7981rem) + 0.8613vw, 26rem);
  font-weight: 700;
}
#products .selectionInfo .slAtt .whBtn{
  max-width: inherit;
  width: 100%;
  margin-top: 0;
  color: #5f7b95;
  border-color: #5f7b95;
}
#products .selectionInfo .slAtt .whBtn:hover{
  color: #fff;
  background: #5f7b95;
  border-color: #fff;
}
#products .selectionInfo .slAtt .more.large.dl::after{
	content: "";
	position: absolute;
	top:50%;
	right:1.6em;
  width: 35px;
  height: 35px;
  background: url("../img/products/icon_dl_gy.png") no-repeat center center / cover;
	transform: translateY(-50%);
	transition: all .3s;
}
#products .selectionInfo .slAtt .more.large.dl:hover::after{
	background: url("../img/products/icon_dl.png") no-repeat center center / cover;
}
#products .selectionInfo .hikidashi{
	margin-bottom: 8em;
}
#products .selectionInfo .manualTxt{
  margin-bottom: 1em;
  color: #5f7b95;
  font-size: clamp(14rem, (16 * 0.7135rem) + 0.6891vw, 22rem);
  font-weight: 700;
}
#products .selectionInfo .manualType {
  margin-bottom: 1em;
  padding: .5em;
  color: #fff;
  font-size: clamp(16rem, (16 * 0.7539rem) + 0.5168vw, 20rem);
  font-weight: 700;
  background: #5f7b95;
}
#products .selectionInfo .typeInfo {
  --bs-gutter-x: 3%;
  --bs-gutter-y: 2%;
}
#products .selectionInfo .glossaryLink {
  margin-top: 0;
  margin-bottom: 3em;
}
more
#products .selectionInfo .manualModel {
  margin-bottom: 2em;
  padding: 0.5%;
  border: 1px solid #5f7b95;
}
#products .selectionInfo .manualModel .row.modelname{
  --bs-gutter-x: 0.5%;
  --bs-gutter-y: 3%;
}
#products .selectionInfo .manualModel .row{
  --bs-gutter-x: 3%;
  --bs-gutter-y: 1.5%;
}
#products .selectionInfo .manualModel .name{
  padding: 2em;
  color: #fff;
  background: #5f7b95;
}
#products .selectionInfo .manualModel .name h6 {
  margin-bottom: .5em;
  font-size: clamp(20rem, (16 * 0.7251rem) + 2.2394vw, 46rem);
  line-height: 1.3;
}
#products .selectionInfo .manualModel .name h6 span{
  font-weight: 400;
}
#products .selectionInfo .manualModel .name h6 small{
  display: block;
  font-size:.35em;
}
#products .selectionInfo .manualModel .name p{
  margin-bottom: 0;
  font-weight: 700;
}
#products .selectionInfo .manualModel img{
  margin-bottom: 1em;
}
#products .selectionInfo .manualModel .noTxt {
  position: relative;
  margin: 0 0 0 2em;
}
#products .selectionInfo .manualModel .noTxt span{
  position: absolute;
  top: 0.25em;
  left: -2.2em;
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  background: #5f7b95;
}
#products .selectionInfo .manualModel .ckPoint{
  margin-bottom: .5em;
}
#products .selectionInfo .manualModel .ckPoint p{
  font-size: clamp(14rem, (16 * 0.7943rem) + 0.3445vw, 18rem);
}
#products .selectionInfo .manualModel .ckPoint img{
  margin-bottom: 3em;
}

/*活用事例*/
#products .appMovie {
	display: block;
	margin: 2em auto 4em;
	text-align: center;
}
#products .application {
	padding-top: 0;
}
#products .application h3{
	margin-bottom: 1.2em;
}
#products .application h4{
	margin-bottom: 2em;
	color: #035095;
  font-size: clamp(20rem, (16 * 0.927rem) + 1.3781vw, 36rem);
}
#products .application h4::before{
  content: '■';
  display: inline-block;
	margin-right: .2em;
  font-size: 0.8em;
}
#products .application .mess{
	width: 45%;
	margin: 0;
	color: #3e3e3e;
}
#products .application .mess.right{
	margin: 0 0 0 auto;
}
#products .application .mess img {
	right: 0;
}
#products .application .grye {
	background: #f4f4f3;
}
#products .application .grye2 {
	background: #ebe9e3;
}

/*用語集*/
#products .glossaryInfo .accessories {
  margin: 0 auto 4em;
}
#products .glossaryInfo .accessories h4{
  color: #035095;
}
#products .glossaryList{
  padding-top: 1%;
}
#products .glossaryList .glossaryItem {
  min-height: 16.68em;
  padding: 1%;
  background: #f8f8f8;
}
#products #a .glossaryItem:nth-child(odd),
#products #sa .glossaryItem:nth-child(odd),
#products #ra .glossaryItem:nth-child(odd){
  background: #fff;
}
#products #ka .glossaryItem:nth-child(even),
#products #ta .glossaryItem:nth-child(even),
#products #ha .glossaryItem:nth-child(even),
#products #ma .glossaryItem:nth-child(even),
#products #other .glossaryItem:nth-child(even){
  background: #fff;
}
#products .glossaryList .glossaryItem h5{
  margin: 1em 0;
  color: #035095;
  font-size: clamp(16rem, (16 * 0.8385rem) + 0.6891vw, 24rem);
}
#products .glossaryList .glossaryItem p{
  font-size: clamp(14rem, (16 * 0.7943rem) + 0.3445vw, 18rem);
}
#products .glossaryList .glossaryItem .row {
 	--bs-gutter-x: 2%;
  --bs-gutter-y: 0;
}
.jBox-image-container {
  background-repeat: no-repeat !important;
}
.jBox-overlay.jBox-overlay-Image {
  background: rgba(30,30,30,0.9);
}

@media only screen and (max-width:992px) {
  #products .flow .flowMess{
    min-height: 31vh;
  }
}
@media only screen and (max-width:768px) {
	#products .fileInfo p{
		padding: 0;
	}
	#products .fileInfo h4{
		padding: .3em 0;
	}
	#allItem .allTable {
		overflow: auto;
	}
	#allItem .allTable table{
		width: 100%;
		min-width: 768px;
	}
	#allItem .allTable .name{
		position: sticky;
  	left: 0;
		z-index: 1;
	}
	#allItem .allTable th,
	#allItem .allTable td {
		white-space: nowrap;
	}
	#allItem .allTable img{
		width:20px;
		height:20px;
	}
  #products .customPoint ol{
    width: 55%;
    padding: 1em 2em 1em .5em;
  }
  #products .customPoint p {
    margin-left: .5em;
  }
  #products .ohterCustom {
    margin-bottom: 3em;
  }
  #products .customCost {
    margin-bottom: 40px;
    padding: 0;
  }
  #products .customCost::after {
    bottom: -40px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #363636;
  }
  #products .customCost li{
    padding: 0 1vw;
  }
  #products .customCost li img{
    margin-bottom: .5em;
  }
  #products .costCopy {
    margin: 3em auto 0;
  }
  #products .flow h3{
    margin-bottom: 1em;
  }
  #products .flow h4{
    margin-bottom: 1em;
  }
  #products .flow .flowMess{
    position: relative;
    display: inherit;
    margin-bottom: 2em;
    min-height: inherit;
  }
  #products .flow .mess{
    width: 100%;
    margin: 0 auto;
  }
  #products .flow .mess.right{
    margin: 0 auto;
  }
  #products .flow .mess img {
    position: static;
    width: 100%;
    margin-bottom: 1em;
  }
  #products .accessories{
    width: 100%;
    margin: 2em auto 0;
  }
  #products .acPage{
    padding: 3%;
  }
  #products .accessories p,
  #products .technical .acCopy{
    text-align: left;
  }
  #products .accessories .more.large::after{
    width: 25px;
    height: 25px;
  }
  #products .selectionNav{
    margin:2em 0;
  }
  #products .selectionInfo .customInfo{
    margin: 2em 0;
  }
  #products .selectionInfo .ckPoint,
  #products .selectionInfo .tabb{
    width: 100%;
    padding: .5em;
  }
  #products .selectionInfo .ckPoint h6{
    margin-bottom: 1em;
  }
  #products .selectionInfo .ckPoint p{
    margin-bottom: 1em;
  }
  #products .selectionInfo .slAtt{
    margin: 4em auto;
    padding: 1em;
  }
  #products .selectionInfo .hikidashi{
    margin-bottom: 4em;
  }
  #products .selectionInfo .manualModel {
    padding: 1%;
  }
  #products .selectionInfo .manualModel .name{
    padding: .5em .8em;
  }
  #products .selectionInfo.custom .more {
    width: 100%;
  }
  #products .glossaryList .glossaryItem {
    min-height: inherit;
  }
  #products .glossaryList .glossaryItem h5{
    margin: 0 0 .5em;
  }
}

/* ----問い合わせ---- */
/*ログイン*/
#login .mypageLogin{
	max-width: 1000px;
	width: 100%;
	margin: 4em auto;
	padding: .5em;
	border: 1px solid #363636;
}
#login .mypageLogin h4{
	margin-bottom: 1.5em;
	padding: 1.2em 1em;
	color: #fff;
	font-size: clamp(20rem, (16 * 1.1491rem) + .4307vw, 25rem);
	text-align: center;
	background: #035095;
}
#login .loginBlock {
	max-width: 350px;
	margin: 0 auto;
}
#login .mypageLogin dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin:4em 0 .5em;
}
#login .mypageLogin dt,
#login .mypageLogin dd {
	margin-bottom: 1em;
	color: #00529b;
	padding: 0 .5em;
}
#login .mypageLogin dt {
	width: 5em;
	text-align: left;
}
#login .mypageLogin dd {
	width: calc(100% - 5em);
}
#login .mypageLogin .lost {
	display: flex;
	justify-content: space-between;
	margin: 1.5em 0;
}
#login .mypageLogin .lost a{
	color: #d05502;
	text-decoration: underline;
}
#login .mypageLogin input[type="text"],
#login .mypageLogin input[type="password"] {
	max-width: 16em;
	border: 1px solid #00529b;
}
#login .mypageLogin .submitBtn {
	position: relative;
	max-width: 640px;
	width:90%;
	margin: 2em auto;
	color: #00529b;
	text-align: center;
	background: #fff;
	border: 1px solid #00529b;
}
#login .mypageLogin .submitBtn::after{
	color: #00529b;
}
#login .mypageLogin .submitBtn:hover{
	color: #fff;
	background: #00529b;
	border-color: #00529b;
}
#login .mypageLogin .submitBtn:hover::after{
	color: #fff;
}
#login .newUser{
	max-width: 1000px;
	width: 100%;
	margin: 4em auto;
	padding: .5em;
	color: #fff;
	background: #729dc4;
}
#login .newUser h4{
	margin-bottom: 1.5em;
	padding: 1.2em 1em;
	color: #fff;
	font-size: clamp(20rem, (16 * 1.1491rem) + .4307vw, 25rem);
	text-align: center;
	border-bottom:1px solid #fff;
}
#login .mypageLogin .copy,
#login .newUser .copy{
	text-align: center;
}
#login .newUser a {
	position: relative;
	display: block;
	max-width: 640px;
	width:90%;
	margin: 2em auto;
	padding: .8em 1em;
	color: #729dc4;
	font-size: clamp(18rem, (16 * .9635rem) + .6891vw, 26rem);
	font-weight: 700;
	text-align: center;
	letter-spacing: 0;
	background: #fff;
	border:1px solid #fff;
	transition: all .3s;
}
#login .newUser a::after{
	content: "→";
	position: absolute;
	top:50%;
	right:1em;
	transform: translateY(-50%);
	transition: all .3s;
}
#login .newUser a:hover {
	color: #fff;
	background: #729dc4;
	border:1px solid #fff;
}
#login .newUser a:hover::after{
  right:.5em;
}

@media only screen and (max-width:768px) {
	#login .mypageLogin{
		margin: 2em auto;
	}
	#login .mypageLogin h4,
	#login .newUser h4{
		padding: .8em 1em;
	}
	#login .mypageLogin dl {
		margin:2em 0 .5em;
	}
	#login .mypageLogin .lost {
	display:inherit;
	}
	#login .mypageLogin .copy,
	#login .newUser .copy{
		padding: .5em;
		text-align: left;
	}
}

/* ----マイページ---- */
#mypage {
	padding-bottom: 0;
}
#mypage .myheader{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .8em;
	padding: .3em .8em;
	color: #fff;
	background: #035095;
}
#mypage .user {
	display: flex;
	align-items: center;
}
#mypage .myheader h3{
	margin-right: 2em;
	font-size: clamp(22rem, (16 * 1.052rem) + 1.3781vw, 38rem);
}
#mypage .myheader p{
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
	font-weight: 700;
}
#mypage .myheader button{
	position: relative;
	width: 9em;
	padding: .5em 2em .5em 1em;
	color: #035095;
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
	font-weight: 700;
	text-align: center;
	background: #fff;
	border: 1px solid #035095;
	transition: all .3s;
}
#mypage .myheader button::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	width: 22px;
	height: 24px;
	background: url("../img/support/icon_logout.png") no-repeat center center / 100% auto;
	transform: translateY(-50%);
}
#mypage .myheader button:hover{
	color: #fff;
	background-color: #035095;
	border: 1px solid #fff;
}
#mypage .myheader button:hover::after{
	background-image: url("../img/support/icon_logout_up.png");
}
#mypage .dlList {
	padding: 0 2.2em 2.2em;
	background: #7d9ab5;
}
#mypage .dlList h4{
	padding: .8em;
	color: #fff;
	font-size: clamp(20rem, (16 * 1.0481rem) + .8613vw, 30rem);
	text-align: center;
}
#mypage .dlList .inner{
	height: 32em;
	background: #fff;
	overflow: auto;
}
#mypage .dlList .inner dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 2em 5em;
	border-right: 2.2em solid #7d9ab5;
}
#mypage .dlList .inner dt,
#mypage .dlList .inner dd{
	color: #00529b;
	font-size: clamp(14rem, (16 * .7943rem) + .3445vw, 18rem);
	padding: .5em 0;
}
#mypage .dlList .inner dt{
	width: 20em;
}
#mypage .dlList .inner dd{
	width:calc(100% - 20em) ;
}
#mypage .dlList .inner::-webkit-scrollbar {
  width: 10px;
	height: 10px;
}
#mypage .dlList .inner::-webkit-scrollbar-track {
  background: #fff;
}
#mypage .dlList .inner::-webkit-scrollbar-thumb {
	width: 8px;
  background: #00529b;
}
@-moz-document url-prefix() {
	#mypage .dlList .inner {
		scrollbar-width: thin;
		scrollbar-color: #00529b #fff;
	}
}
#mypage #myProducts {
	padding: 0;
}
#mypage #myProducts .aboutProducts {
	padding: 4%;
	text-align: center;
  background: #f0f0f0;
	border:2px solid #00529b;
}
#mypage #myProducts .aboutProducts h3{
	margin-bottom: .7em;
	color:  #00529b;
	font-size: clamp(40rem, (16 * 1.7934rem) + 3.0146vw, 75rem);
	line-height: 1.5;
	letter-spacing: .05em;
}
#mypage #myProducts .aboutProducts h3 small {
	display: block;
	font-size: .33em;
}
#mypage #myProducts .aboutProducts .more {
	background: #f0f0f0;
	border:1px solid #00529b;
}
#mypage #myProducts .aboutProducts .more:hover {
	background: #00529b;
	border:1px solid #00529b;
}
#mypage .news{
	padding-bottom: 2.5em;
	color: #fff;
	background: #3f3f3f;
}
#mypage .news h3{
	margin-bottom: .7em;
	color:  #fff;
	font-size: clamp(40rem, (16 * 1.7934rem) + 3.0146vw, 75rem);
	text-align: center;
	line-height: 1.5;
	letter-spacing: .05em;
}
#mypage .news h3 small {
	display: block;
	font-size: .33em;
}
#mypage .news ul {
	margin-bottom: 2em;
	border-top: 2px solid #fff;
}
#mypage .news li{
	border-bottom: 2px solid #fff;
	letter-spacing: 0;
}
#mypage .news li .type {
	object-fit: contain;
	margin: .1em 1em 0;
  height: 1.28em;
}
#mypage .news li a{
	display: flex;
	align-items: flex-start;
	padding: 2.2em 0;
	color: #fff;
	transition: .5s ease;
}
#mypage .news li a:hover {
	background: #666;
}
#mypage .news .moreNews {
	display: block;
	width: fit-content;
	margin:0 0 2em auto;
	padding: .3em 1em;
	color: #fff;
	font-size: clamp(18rem, (16 * .8828rem) + 1.0336vw, 30rem);
	font-weight: 700;
	line-height: 1;
	text-align: right;
	border: 2px solid #fff;
	transition: all .3s;
}
#mypage .news .moreNews:hover {
	color: #3f3f3f;
	background: #fff;
	border: 2px solid #fff;
}
#mypage .catalog .userData {
	padding: 1em;
	background: #f6f6f6;
	border: 2px solid #000000;
}
#mypage .catalog .userData dl{
	display: flex;
	flex-wrap: wrap;
}
#mypage .catalog .userData dt{
	margin-bottom: 1em;
	padding: 1em;
}
#mypage .catalog .userData dd{
	width:calc(100% - 15em) ;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
}
#mypage .catalog .userData dt{
	width: 15em;
	color: #fff;
	background: #3e3e3e;
}
#mypage .catalog .userData dd{
	width:calc(100% - 15em) ;
	padding: 1em;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
}
#mypage .catalog .userData dd dl{
	flex-wrap: nowrap;
}
#mypage .catalog .userData dd dt{
	margin: 0;
	padding: 0;
}
#mypage .catalog .userData dd dd{
	width: fit-content;
	margin-right: 4em;
}
#mypage .catalog .userData dd dt{
	width: 2em;
	color: #6c6c6c;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
	background: none;
}
#mypage .catalog .userData dd dd{
	width: fit-content;
	margin-right: 3em;
	padding: 0;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
}
#mypage .catalog .submitBtn {
	max-width: 640px;
	width:90%;
	margin: 3em auto;
	text-align: center;
}
#mypage .catalog details{
	margin: 4em auto;
}
#mypage .catalog .newAdd{
	border: 2px solid #035095;
	padding: 2em;
}
#mypage .catalog .newAdd .submitBtn {
	width: 100%;
	margin:2em auto 1em;
}
#mypage .catalog .addressInput {
	position: relative;
	display: block;
	width: 100%;
	padding: .2em .5em;
	color: #fff;
	font-size: clamp(18rem, (16 * .8828rem) + 1.0336vw, 30rem);
	font-weight: 700;
	text-align: center;
	background: #035095;
	cursor: pointer;
}
#mypage .catalog .addressInput::-webkit-details-marker {
  display: none;
}
#mypage .catalog .addressInput .openBtn {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	transform: translateY(-50%);
	transition: transform .4s;
	}
#mypage .catalog .addressInput .openBtn::before,
#mypage .catalog .addressInput .openBtn::after{
	position: absolute;
	content:'';
	top: 0;
	right: 0;
	width: 8px;
	height: 2px;
	background-color: #fff;
	cursor: pointer;
}
#mypage .catalog .addressInput .openBtn::before{
	top: 7px;
	left:4px;
	transform: rotate(0deg);
}
#mypage .catalog .addressInput .openBtn::after{
	top: 7px;
	left:4px;
	transform: rotate(90deg);
}
#mypage .catalog details[open] .addressInput .openBtn::before{
	transform: rotate(45deg);
}
#mypage .catalog details[open] .addressInput .openBtn::after{
	transform: rotate(-45deg);
}
#mypage .catalog table.formBlock.catalogForm td,
#mypage .catalog table.formBlock.catalogForm th {
	border-bottom:1em solid #fff;
}
#mypage .consultation .consultationForm{
	padding: 4em 2.5em;
	color: #626262;
	font-weight: 700;
	background: #f6f6f6;
	border: 2px solid #035095;
}
#mypage .consultation .consultationForm h3 {
	margin: 2em 0;
	padding: 0 .5em;
	color: #035095;
	font-size: clamp(18rem, (16 * .8828rem) + 1.0336vw, 30rem);
	font-weight: 700;
	line-height: 1.4;
	border-left: 10px solid #035095;
}
#mypage .consultation .consultationForm h3:first-child{
	margin-top: 0;
}
#mypage .consultation .consultationForm p {
	margin: 2em 0 1em;
	color: #035095;
	font-size: clamp(16rem, (16 * .8385rem) + .6891vw, 24rem);
}
#mypage .profile .consultationForm td{
	color: #010101;
}
#mypage .consultation .consultationForm input[type="text"],
#mypage .consultation .consultationForm textarea,
#mypage .consultation .consultationForm select{
	font-size: clamp(16rem, (16 * .8385rem) + .6891vw, 24rem);
	background: #fff;
}
#mypage .consultation .consultationForm input[type="text"]{
	width: 10em !important;
}
#mypage .consultation .consultationForm textarea{
	margin: 0;
}
#mypage .consultation .consultationForm select {
	font-weight: 500;
	line-height: 1.5;
}
#mypage .consultation .consultationForm select option:first-child{
	font-size: .85em;
}
#mypage .consultation .consultationForm .type li{
	padding: 0 0 0 3em ;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
}
#mypage .consultation .consultationForm dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#mypage .consultation .consultationForm dt,
#mypage .consultation .consultationForm dd{
	font-size: clamp(16rem, (16 * .8385rem) + .6891vw, 24rem);
}
#mypage .consultation .consultationForm dt{
	width: 8em;
}
#mypage .consultation .consultationForm dd{
	flex-wrap: nowrap;
	width:calc(100% - 8em) ;
}
#mypage .consultation .consultationForm dd ::placeholder{
	font-weight: 500 !important;
}
#mypage .consultation .submitBtn {
	max-width: 640px;
	width:90%;
	margin: 3em auto;
	text-align: center;
}
#mypage .profile .attention {
	margin-bottom: 2em;
	padding: 2em;
	color: #035095;
	font-weight: 700;
	border: 2px solid #035095;
}
#mypage .profile .profileForm{
	margin-bottom: 1em;
}
#mypage .profile .profileForm th{
	width: 24%;
}
#mypage .profile .profileForm td{
	color: #010101;
}
#mypage .profile .profileForm .break{
	border-bottom: 1em solid #fff;
}
#mypage .profile .profileForm .dm label{
	margin-right: 4em;
}
#mypage .profile .profileForm .qa label{
	display:inline-block;
	width: 90%;
	padding-bottom: .3em;
}
#mypage .profile .submitBtn {
	max-width: 640px;
	width:90%;
	margin: 3em auto;
	text-align: center;
}

@media only screen and (max-width:768px) {
	#mypage .user {
		flex-direction: column;
	}
	#mypage .dlList {
		padding: 0 .5em .5em;
	}
	#mypage .dlList h4{
		padding: .5em;
	}
	#mypage .dlList .inner{
		height: 28em;
	}
	#mypage .dlList .inner dl{
		padding: 1em;
		border-right: .5em solid #7d9ab5;
	}
	#mypage .dlList .inner dt{
		width: 15em;
	}
	#mypage .dlList .inner dd{
		width:calc(100% - 15em) ;
	}
	#mypage .news li a{
		padding: 1em 0;
	}
	#mypage .news li .day {
		width: 7em;
		text-align: left;
	}
	#mypage .news li .txt {
		width: calc(100% - 7em);
	}
	#mypage .news li .type {
		margin: .5em 0;
	}
	#mypage .catalog .userData dl{
		display: inherit;
	}
	#mypage .catalog .userData dt,
	#mypage .catalog .userData dd{
		width: 100%;
		margin-bottom: 0em;
	}
	#mypage .catalog .userData dd dl{
		display: flex;
		flex-wrap: nowrap;
	}
	#mypage .catalog .submitBtn {
		margin: 2em auto;
	}
	#mypage .catalog .newAdd{
		border: 1px solid #035095;
		padding: 1em;
	}
	#mypage .catalog details{
		margin: 1em auto 2em;
	}
	#mypage .catalog table.formBlock.catalogForm td,
	#mypage .catalog table.formBlock.catalogForm th {
		border-bottom:none;
	}
	#mypage .consultation .consultationForm{
		padding: 2em 1em;
	}
	#mypage .consultation .consultationForm .spec input[type="text"]{
		width:5em !important;
	}
	#mypage .consultation .consultationForm .type li{
		padding: 0 1em;
	}
	#mypage .consultation .consultationForm dl {
		display: inherit;
	}
	#mypage .consultation .consultationForm dt,
	#mypage .consultation .consultationForm dd{
		width: 100%;
	}
	#mypage .profile .attention {
		padding: 1em;
	}
	#mypage .profile .profileForm{
		margin-bottom: 1em;
	}
	#mypage .profile .profileForm th{
		width: 100%;
	}
	#mypage .profile .profileForm td{
		color: #010101;
		border-bottom: 3px solid #fff;
	}
	#mypage .profile .profileForm th.break{
		border-bottom: none;
	}
}

/* ----会員登録---- */
#register h3 {
	margin-top: 3em;
	color: #035095;
	font-size: clamp(18rem, (16 * 1.0846rem) + .1723vw, 20rem);
	font-weight: 700;
	margin-bottom: 1em;
}
#register .special li {
	position: relative;
	padding-left: 1em;
}
#register .special li::before {
	content: '';
	position: absolute;
  top: .4em;
  left: 0;
  width: .8em;
  height: .8em;
  background-color: #000000;
  border-radius: 50%;
}
#register .attention {
	margin: 2em 0;
	padding: 2em;
	color: #035095;
	font-weight: 700;
	border: 2px solid #035095;
}
#register .profileForm{
	margin-bottom: 1em;
}
#register .profileForm th{
	width: 24%;
}
#register .profileForm td{
	color: #010101;
}
#register .profileForm .break{
	border-bottom: 1em solid #fff;
}
#register .profileForm .dm label{
	margin-right: 4em;
}
#register .profileForm .qa label{
	display:inline-block;
	width: 90%;
	padding-bottom: .3em;
}
#register .privacy {
	margin: 3.5em 0;
	text-align: center;
}
#register .privacy input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
#register .privacy label {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5em;
	font-size: clamp(18rem, (16 * 1.0039rem) + .5168vw, 24rem);
	font-weight: 700;
}
#register .submitBtn {
	max-width: 640px;
	width:90%;
	margin: 3em auto;
	text-align: center;
}
#register .infomation .tokyo {
	padding: .5em;
	color: #3e3e3e;
	border: 2px solid #3e3e3e;
}
#register .infomation .osaka {
	padding: .5em;
	color: #626262;
	border: 2px solid #626262;
}
#register .infomation .tokyo h4,
#register .infomation .osaka h4{
	padding: .5em;
	color: #fff;
	font-size: clamp(18rem, (16 * .8828rem) + 1.0336vw, 30rem);
	text-align: center;
}
#register .infomation .tokyo h4{ background: #3e3e3e;}
#register .infomation .osaka h4{ background: #626262;}
#register .infomation .contact {
	padding: 1em 1.5em;
	letter-spacing: 0;
}
#register .infomation .contact .copy {
	margin-bottom: 0;
}
#register .infomation .contact ul{
	display: flex;
	align-items: center;
}
#register .infomation .contact .tel{
	position: relative;
	padding-left: 50px;
	font-size: clamp(30rem, (16 * 1.5722rem) + 1.292vw, 45rem);
	font-weight: 700;
}
#register .infomation .contact .tel::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 33px;
	transform: translateY(-50%);
	background: url("../img/icon_tel.png") no-repeat center center / cover;
}
#register .infomation .contact .time{
	padding-left:2em;
	line-height: 1.5;
	font-weight: 700;
}
@media only screen and (max-width:1200px) {
	#register .infomation .br{
		display: none;
	}
	#register .infomation .contact ul{
		display: inherit;
	}
	#register .infomation .contact .time{
		padding-left:0;
	}
}
@media only screen and (max-width:768px) {
	#register .attention {
		padding: 1em;
	}
	#register .profileForm{
		margin-bottom: 1em;
	}
	#register .profileForm th{
		width: 100%;
	}
	#register .profileForm td{
		color: #010101;
		border-bottom: 3px solid #fff;
	}
	#register .profileForm th.break{
		border-bottom: none;
	}
	#register .infomation .contact {
		padding: 1em;
	}
}
/* ----お問い合わせ---- */
#support .catalogInfo{
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.5em;
	padding: 0.5em;
	border: 1px solid #363636;
}
#support .catalogInfo img{
	width: 18.71%;
	margin-right: 1em;
}
#support .catalogInfo .general{
  width: 80%;
}
#support .catalogInfo h4{
	margin-bottom: 1.5em;
	padding: 1em 0.5em;
	color: #fff;
	font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
	text-align: center;
	background: #035095;
}
#support .catalogInfo p{
	padding: 0 3em;
	font-weight: 700;
	line-height: 2.2;
}
#support .technicalInfo .copy {
	font-weight: 700;
	text-align: center;
}
#support .faqnav{
	margin-top:5em;
}
#support .faq dl {
	margin-bottom: 2.5em;
}
#support .faq dt {
	position: relative;
	padding: .5em 3em .5em 1.5em;
	color: #fff;
	font-size: clamp(16rem, (16 * 0.8183rem) + 0.7752vw, 25rem);
	font-weight: 700;
	background: #035095;
	cursor: pointer;
}
#support .faq dt .openBtn {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	transform: translateY(-50%);
	transition: transform .4s;
	}
#support .faq dt .openBtn::before,
#support .faq dt .openBtn::after{
	position: absolute;
	content:'';
	top: 0;
	right: 0;
	width: 8px;
	height: 2px;
	background-color: #fff;
	cursor: pointer;
}
#support .faq dt .openBtn::before{
	top: 7px;
	left:4px;
	transform: rotate(0deg);
}
#support .faq dt .openBtn::after{
	top: 7px;
	left:4px;
	transform: rotate(90deg);
}
#support .faq dt.close .openBtn::before{
	transform: rotate(45deg);
}
#support .faq dt.close .openBtn::after{
	transform: rotate(-45deg);
}
#support .faq dd {
	display: none;
	border: 1px solid #035095;
}
#support .faq dd span{
	position: relative;
	padding: 2em 2.5em 2em 4em;
	display: block;
}
#support .faq dd span::before{
	content: 'A.';
	width: 2em;
	margin:0 0.5em 0 -1.55em;
	color: #035095;
	font-weight: 700;
}
#support .faq dd .sub{
	display: block;
	width: fit-content;
	margin: -1.5em 0 .5em 0;
}
#support .faq dd .row{
	 --bs-gutter-y: 0;
	margin-top: -1.5em;;
}
#support .webCatalog{
	padding: 2em 1em;
	background: #f1f1f1;
}
#support .webCatalog p{
	text-align: center;
}
#support .webCatalog .more{
	margin-top: 1em;
}

.registerInfo h4{
	margin-bottom: 1.5em;
	color: #035095;
	font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
}
.registerInfo h5{
	margin-bottom: 0.8em;
	padding-bottom: .3em;
	font-size: clamp(18rem, (16 * 0.9635rem) + 0.6891vw, 26rem);
	font-weight: 700;
	border-bottom: 1px solid #fff;
}
.registerInfo ul{
	margin-bottom: 2em;
	color: #035095;
	font-weight: 700;
}
.registerInfo .copy{
	margin-bottom: 2.5em;
	color: #035095;
	font-weight: 700;
}
.registerInfo .login{
	padding: 1.5em .8em;
	color: #fff;
	text-align: center;
	background: #5b7d9d;
}
.registerInfo .register{
	padding: 1.5em .8em;
	color: #fff;
	text-align: center;
	background: #729dc4;
}
.registerInfo .login .more,
.registerInfo .register .more{
	min-width:92%;
	margin: 1em auto .5em;
}
.registerInfo .login .whBtn{
	color:#5b7d9d;
}
.registerInfo .register .whBtn{
	color: #729dc4;
}
.registerInfo .login .whBtn:hover{
	color: #fff;
	background: #5b7d9d;
}
.registerInfo .register .whBtn:hover{
	color: #fff;
	background: #729dc4;
}

@media only screen and (max-width:768px) {
	#support .catalogInfo h4{
		margin-bottom: .5em;
		padding: .5em;
	}
	#support .catalogInfo p{
		margin-bottom: 1em;
		padding:0;
		line-height: 1.7;
	}
	#support .catalogInfo .general{
		width: 70%;
	}
	#support .catalogInfo img{
		width: 30%;
	}
	#support .technicalInfo .copy {
		text-align: left;
	}
	#support .faq dt {
		padding: .5em 3em .5em .5em;
	}
	#support .faq dd span{
		padding:.75em .75em .75em 2em;
	}
	#support .faq dd span::before{
	top: .75em;
	left: .75em;
	}
	.webCatalog p{
		text-align: left;
	}
}

/* ----会社案内---- */
#company .aboutMovie {
	display: block;
	margin: 2em auto 4em;
	text-align: center;
}
#company .whBtn{
	border-color: #035095;
}
#company .outline{
	padding-bottom: 0;
}
#company .outline .bkInner{
	padding: 4.5% 6.5%;
	background: #f4f4f4;
}
#company .outline .container dl{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
	color: #363636;
}
#company .outline dt,
#company .outline dd{
	padding: 1.2em 0;
	font-size: clamp(16rem, (16 * .8385rem) + .6891vw, 24rem);
	border-bottom: 1px solid #3e3e3e;
}
#company .outline dt:last-of-type,
#company .outline dd:last-of-type{
	border: none;
}
#company .outline dt{
	width: 22%;
	font-weight: 700;
}
#company .outline dd{
	width: 78%;
}
#company .outline dd > dl dt,
#company .outline dd > dl dd{
	padding: .8em 0;
}
#company .outline dd > dl dt{
	width: 20%;
	font-weight: 500;
}
#company .outline dd > dl dd{
	width: 80%;
}
#company .outline dd > dl dt:first-of-type,
#company .outline dd > dl dd:first-of-type{
	padding-top: 0;
}
#company .outline dd > dl dt:last-of-type,
#company .outline dd > dl dd:last-of-type{
	padding-bottom: 0;
	border: none;
}
#company .outline .more{
	margin: 0 0 0 auto;
}
#company .features {
	padding-top: 0;
}
#company .features .bkInner{
	padding: 5% 1.5%;
	background: #ebebeb;
}
#company .features .bkInner:nth-child(2){
	background: #e2e2e2;
}
#company .features .featuresMess{
	position: relative;
	display: flex;
}
#company .features .mess{
	width: 45%;
	margin: 0 1%;
	color: #363636;
}
#company .features .mess.right{
	margin: 0 1% 0 auto;
}
#company .features .mess h3{
	margin-bottom: 1.5em;
	color: #035095;
	font-size: clamp(30rem, (16 * 1.4713rem) + 1.7227vw, 54rem);
	text-decoration: underline;
	text-underline-offset: .3em;
}
#company .features .mess p{
	margin-bottom: 1em;
}
#company .features .mess img {
	position: absolute;
	right: 1%;
	top: 0;
	width: 49%;
}
#company .features .mess.right img{
	left: 1%;;
}
#company .salesNav{
	margin-bottom: 3%;
	padding: 0 2%;
}
#company .sales .salesInfo{
	position: relative;
	display: flex;
	min-height: 600px;
}
#company .sales .salesInfo .add{
	width: 46.5%;
	color: #363636;
}
#company .sales .salesInfo .add h4{
	margin-bottom: 1em;
	padding: .5em .8em;
	color: #fff;
	font-size: clamp(20rem, (16 * 1.1324rem) + .2941vw, 24rem);
	background: #035095;
}
#company .sales .salesInfo .add dl{
	padding: 0 1em;
}
#company .sales .salesInfo .add dt{
	margin-bottom: .5em;
	color: #035095;
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
	font-weight: 700;
	border-bottom: 1px solid #035095;
}
#company .sales .salesInfo .add dd{
	margin-bottom: 1em;
}
#company .sales .salesInfo .map {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	aspect-ratio: 9 / 8;
}
#company .sales .more{
	margin-bottom: 2em;
}
#company .global .globalMap {
	margin-bottom: 3em;
}
#company .global h4 {
	margin-bottom: 1.5em;
	color: #035095;
	font-size: clamp(20rem, (16 * .9674rem) + 1.2059vw, 34rem);
	border-bottom: 1px solid #035095;
}
#company .global h5 {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
	color: #035095;
	font-size: clamp(16rem, (16 * .9193rem) + .3445vw, 20rem);
	font-weight: 700;
}
#company .global h5 small{
	display: block;
	min-width: 5em;
	width: fit-content;
	padding: 0 .5em;
	color: #fff;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	background: #035095;
}
#company .global h5 img {
	margin:0 .8em 0 0;
}
#company .globalSales img {
	margin-bottom: 1em;
}
#company .globalSales a {
	text-decoration: underline;
}
#company .globalSales ul {
	margin-bottom: 2em;
}
#company .globalSales li {
	color: #5f5f5f;
	text-align: left;
}
#company .agencyName {
	position: relative;
	display: block;
	padding: .5em;
	color: #fff;
	font-size: clamp(18rem, (16 * .9837rem) + .6029vw, 25rem);
	font-weight: 700;
	text-align: center;
	background: #035095;
	cursor: pointer;
}
#company .agencyName .openBtn {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	transform: translateY(-50%);
	transition: transform .4s;
	}
#company .agencyName .openBtn::before,
#company .agencyName .openBtn::after{
	position: absolute;
	content:'';
	top: 0;
	right: 0;
	width: 8px;
	height: 2px;
	background-color: #fff;
	cursor: pointer;
}
#company .agencyName .openBtn::before{
	top: 7px;
	left:4px;
	transform: rotate(0deg);
}
#company .agencyName .openBtn::after{
	top: 7px;
	left:4px;
	transform: rotate(90deg);
}
#company .agencyName .openBtn.close::before{
	transform: rotate(45deg);
}
#company .agencyName .openBtn.close::after{
	transform: rotate(-45deg);
}
#company .agencyList {
	display: none;
	padding: 2em;
	border: 1px solid #035095;
	border-bottom: none;
}
#company .agencyList .info {
	margin-bottom: 2em;
}
#company .agencyList dl{
	display: flex;
	flex-wrap: wrap;
}
#company .agencyList dt,
#company .agencyList dd{
	width: auto;
	padding: .8em .5em .5em 0;
	font-size: clamp(14rem, (16 * .7943rem) + .3445vw, 17rem);
	letter-spacing: 0;
	border-bottom: 1px solid #3e3e3e;
}
#company .agencyList dt{
	color: #035095;
}
#company .agencyList .sugatsune {
	padding: .8em 0 .5em 0;
	border-bottom: 1px solid #3e3e3e !important;
}
#company .agencyList .sugatsune dt,
#company .agencyList .sugatsune dd{
	padding: 0 .5em .25em 0;
	border-bottom: none;
}
#company .agencyList .area{
	width: 12%;
}
#company .agencyList .trusco .area{
	width: calc(100% - 26%);
}
#company .agencyList .name{
	width: 20%;
}
#company .agencyList .add{
	width: calc(100% - 12% - 20% - 25%);
}
#company .agencyList .settsu .add{
	width: calc(100% - 20% - 25%);
}
#company .agencyList .nunob .add{
	width: calc(100% - 25%);
}
#company .agencyList .tel{
	width: 25%;
}
#company .agencyList .tel span{
	white-space: nowrap;
}
#company .agencyProfile {
	margin-bottom: 3em;
	padding: .8em;
	font-size: clamp(18rem, (16 * .9837rem) + .6029vw, 25rem);
	border: 1px solid #035095;
	border-top: none;
}
#company .agencyProfile .agencyInfo{
	padding: .5em;
	color: #fff;
	background: #3e3e3e;
}
#company .agencyProfile .agencyInfo .row{
	--bs-gutter-x: 1%;
  --bs-gutter-y: 0;
}
#company .agencyProfile .agencyInfo .profTxt{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding-top: .3em;
	padding-bottom: .3em;
}
#company .agencyProfile .agencyInfo p{
	margin-bottom: 1em;
}
#company .agencyProfile .agencyInfo p:last-child{
	margin-bottom: 0;
}
#company .agencyProfile .agencyInfo .banner{
	display: block;
}
#company .agencyProfile .agencyInfo img{
	line-height: 0;
}
#company .archive .copy{
	margin-bottom: 2em;
}
#company .archive .mediaList{
	margin-bottom: 4em;
	padding: 1.5em 2em;
	color: #035095;
	border: 2px solid #035095;
}
#company .archive .mediaList h4{
	font-size: clamp(18rem, (16 * 1.0039rem) + .5168vw, 24rem);
  font-weight: 700;
}
#company .archive .mediaList ul{
	display: flex;
	margin: 0 2.5em 1em;
}
#company .archive .mediaList li{
	width: 33.33%;
	font-size: clamp(16rem, (16 * 0.8789rem) + 0.5168vw, 22rem);
	font-weight: 700;
}
#company .archive .mediaList p{
	margin-left: 2.5em;
}
#company .recruit h4{
	margin-bottom: 1em;
	padding: .5em .8em;
	color: #fff;
	font-size: clamp(20rem, (16 * 1.1289rem) + 0.5168vw, 26rem);
	background: #3e3e3e;
}
#company .recruit .soon{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20vh 0 18vh;
}
#company .recruit .soon p{
	font-size: clamp(18rem, (16 * 0.7981rem) + 0.8613vw, 26rem);
	font-weight: 700;
	text-align: center;
}
#company .privacy h4{
	margin: 2em 0 .5em;
	padding-bottom: 0.2em;
	color: #035095;
	font-size: clamp(20rem, (16 * 0.9674rem) + 1.2059vw, 34rem);
	border-bottom: 1px solid #035095;
}
#company .privacy .first{
	font-size: clamp(18rem, (16 * 1.0443rem) + 0.3445vw, 22rem);
}
#company .privacy ul{
	margin: 0 4em;
}
#company .privacy li{
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
}
#company .policy .first{
	margin-bottom: 2em;
	font-size: clamp(18rem, (16 * 1.0443rem) + 0.3445vw, 22rem);
}
#company .policy .disc li{
	margin-bottom: 2.5em;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
	font-weight: 700;
}
#company .policy h4{
	margin-bottom: 1em;
	color: #035095;
	font-size: clamp(20rem, (16 * 0.9674rem) + 1.2059vw, 34rem);
}
#company .iso{
	padding: 3% 0;
	background: #eceff1;
}
#company .iso .row{
  --bs-gutter-y: 0;
}
#company .iso .registration{
  margin: 0 0.5em;
}
#company .iso p{
	margin-bottom: 2em;
}
#company .policy.houshin h4{
	margin: 2em 0 2em;
	padding-bottom: 0.2em;
	color: #035095;
	font-size: clamp(20rem, (16 * 0.9674rem) + 1.2059vw, 34rem);
	border-bottom: 1px solid #035095;
}
#company .policy .decimal li{
	margin-bottom: 2.5em;
	font-size: clamp(16rem, (16 * .9596rem) + .1723vw, 18rem);
}

@media only screen and (max-width:992px) {
	#company .outline dd > dl dt{
		width: 100%;
		padding-bottom: .3em;
		font-weight: 700;
		border-bottom: none;
	}
	#company .outline dd > dl dd{
		width: 100%;
	}
}
@media only screen and (max-width:768px) {
	#company .outline,
	#company .outline .container,
	#company .features,
	#company .features .container{
		padding: 0;
	}
	#company .outline .bkInner,
	#company .features .bkInner{
		padding: 5% 2%;
	}
	#company .outline .more{
		margin: 0 auto 2em;
	}
	#company .features .featuresMess{
		display: inherit;
	}
	#company .features .mess{
		width: 100%;
	}
	#company .features .mess.right{
		margin: 0 auto;
	}
	#company .features .mess h3{
		margin-bottom: 1em;
	}
	#company .features .mess img {
		position: static;
		width: 100%;
		margin-bottom: 2em;
	}
	#company .features .mess.right img{
		left: 1%;;
	}
	#company .sales .salesInfo{
		display: inherit;
		width: 100%;
		min-height: auto;
	}
	#company .sales .salesInfo .add{
		width: 100%;
	}
	#company .sales .salesInfo .add h4{
		margin-bottom: .5em;
		padding: .3em .5em;
	}
	#company .sales .salesInfo .add dl{
		padding: 0;
	}
	#company .sales .salesInfo .map {
		position: static;
		width: 100%;
		margin-bottom: 1em;
		aspect-ratio: 16 / 9;
	}
	#company .global .globalMap {
		margin-bottom: 1em;
	}
	#company .global h4 {
		margin-bottom: .5em;
	}
	#company .global h5 {
		line-height: 1.2;
	}
	#company .global h5 img {
		width: 30px;
		height: 30px;
	}
	#company .agencyList {
		padding: 1em;
	}
	#company .agencyList dt,
	#company .agencyList dd{
		padding: 0;
		border-bottom: none !important;
	}
	#company .agencyList .sugatsune {
		border-bottom: none !important;
	}
	#company .agencyList .tel{
		margin-bottom: .5em;
		padding-bottom: .5em;
		border-bottom: 1px solid #3e3e3e !important;
	}
	#company .agencyList dt,
	#company .agencyList dd{
		width: 100% !important;
	}
	#company .agencyProfile .agencyInfo .banner{
		text-align: center;
	}
	#company .agencyProfile .agencyInfo img{
		margin: 0 auto 1em;
	}
	#company .archive .mediaList{
		padding: .5em 1em;
	}
	#company .archive .mediaList ul{
		display: inherit;
		margin: 0 1em;
	}
	#company .archive .mediaList li{
		width: 100%;
	}
	#company .archive .mediaList p{
		margin: 0 1em;
	}
	#company .recruit .soon{
		padding: 5vh 0;
	}
	#company .privacy ul{
		margin: 0 1em;
	}
	#company .iso{
		padding: 5% 2%;
	}
}
@media only screen and (max-width:576px) {
	#company .salesNav ul{
		flex-wrap: wrap;
		border-radius: 10px;
	}
	#company .salesNav li{
		width: 50%;
		border: 1px solid #fff;
	}
	#company .salesNav li{
		width: 50%;
		border: 1px solid #fff;
	}
	#company .salesNav li a{
		border: none;
	}
}