@charset "utf-8";
/* main color #09f, sub color #00BFFF, sub color #0782d4; 
.noto400{font-weight:400}
reguler
.noto500{font-weight:500}
medium
.noto700{font-weight:700}
bold
@media screen and (max-width:1280px)
@media screen and (max-width:728px)
*/
/*================================================
 *  common
 ================================================*/
/* @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
; */

.contact_box > div > a > p{
	text-align:left;
}

.swiper-container .swiper-button-next{
	right:30px;
	color:#00BFFF;
	z-index:2;
}
.swiper-container .swiper-button-prev{
	left: 30px;
	color:#00BFFF;
	z-index:2;
}

.hIndex.swiper-container .swiper-button-next{
	right:0 !important;
}


.hIndex.swiper-container .swiper-button-prev{
	left: 0 !important;
}

.fs14{
	font-size:14px;
}

.innerM{
	width: 100%;
	max-width:1010px;
	margin: 0 auto;
	padding: 30px 0;
}
.inner950{
	width: 100%;
	max-width:1010px;
	margin: 0 auto;
	padding:  0 30px 30px;
}
.inner950 .rw{
	gap: 15px;
}
.inner950 .rw .col-6{
	padding:0;
	width: 49%;
}
.inner950 .rw .col-6 .box-out-production{
	padding: 10px;
}

.mb-50res{
	margin-bottom:50px !important;
}
.gap-40res{
	gap:40px 30px !important;
}

.pcOnly_res{
	display:block;
}
.spOnly_res{
	display:none;
}

.iot{
	font-size: 30px;
	color: #fff;
	font-weight:bold;
}

.flexRv{
	display:flex;
	flex-direction: column-reverse;
}

.flexBox{
	width: 100%;
	max-width:1010px;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	gap: 100px 30px;
	padding: 15px 30px;
	flex-wrap:wrap;
}
.fBox{
	padding: 0;
	display: flex;
	gap: 20px;
	width:48%;
	flex-direction:column;
}

.icon_option{
	width: 100%;
}
.fBox .L3h3{
	width: 100%;
	font-size:26px;
	min-height: 3em;
	margin-bottom:0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
.fBox .img{
	width: 100%;
	margin: 0 auto;
	height: 280px;
}
.fBox .imgL{
	width:100%;
}
.fBox .imgR{
	width:100%;
	order:3;
}
.fBox .img img,
.fBox .imgL img,
.fBox .imgR img{
	width:100%;
	height: 280px;
}

.fBox p{
	text-align:left;
	width:100%;
}

.windows11Iot{
	gap: 0 5%;
	display: flex;
	align-items: center;
}
.windows11Iot:last-child{
/*	align-items: unset;*/
}
.windows11Iot > div:nth-of-type(1){
	width:60%;
}
.windows11Iot > div:nth-of-type(2){
	width:40%;
}

.pageTitle{
	font-size: 1.8rem !important;
	font-weight: normal !important;
	margin: 3rem auto ;
}

.kvL2 span{
	font-size: unset;
	margin-left: unset;
}

nav.breadcrumb {
	margin-top: 10px;
	margin-bottom: 0
}

/*--CLS対策用高さ設定 210811 感熱ロール紙、サプライ＆その他 商品一覧右メニュー用--*/

.side .sticky,
.side2 .sticky{
	position: sticky;
	top: 130px;
	z-index: 4;
}

#h_paper_roll_gnav {
	min-height: 282px;
}

#h_gnav {
	min-height: 210px;
}

/*--ここまで--*/
.pageTop1 .pagetop{
	bottom: 280px !important;
}
.pageTop2 .pagetop{
	bottom: 400px !important;
}
.shad{
	box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.45);
}

.spec a{
	color: #202020;
}
.spec .md-btn:visited{
	color: #202020;
}
.spec .md-btn:hover{
	text-decoration:underline;
}
.spec .md-btn i{
	padding: 0 0 0 5px;
}

#scrollTag{
	position:relative;
	z-index: 100;
}

.flex-align{
	align-items:center;
}
.windows_iot{
	padding: 10px;
	background:#fff;
	margin: 0 auto;
	text-align:center;
	width: 96%;
}

.modal {
  padding: 0 0;
}

.innerModal {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 0 20px;
}



.itemList{
	max-width: 1010px;
	/* overflow-x: scroll; */
	margin: 25px auto;
	/* padding: 0 calc((100% - min(100%, 1010px))/2); */
}
.itemListWhite{
	width: 100%;
	height:auto;
/*	-webkit-mask-image: linear-gradient(90deg, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 90%);
	mask-image: linear-gradient(90deg, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 90%);
*/
}
.itemList a:hover{
	box-shadow:0 0 0 3px #0055c915;
	padding: ;
	margin-top: 2px ;
	opacity: 1;
	background: unset !important;
	color: unset;
}

.itemList .swiper-scrollbar {
	background: #e8eaed;
	width: 60%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	height: 7px;
	margin: 0 0 7px;
	cursor: pointer;
}
.itemList .swiper-scrollbar-drag {
	background: #3c4043;
}

.itemListArea{
	display:flex;
	/* width: 3500px;
	gap: 40px; */
	padding: 0 0 40px;
	width: fit-content;
	
}
.itemList .item{
	max-width: 190px;
}
.itemList .itemImg{
	width: 100%;
	margin: 0 auto 20px;
	height: 120px;
	display:flex;
	position:relative;
}
.itemList .itemImg img{
	margin: 0 auto;
}
.itemList .itemClass{
	margin: 10px auto;
	font-size: 18px;
}
.itemList .itemName{
	margin: 0 auto;
	font-size: 14px;
}
.itemList .itemNew:before{
	width: 30px;
	height: 30px;
	content: url(/h/img/icon_new.svg);
	position: absolute;
	top: 0;
	left: 0;
}
.itemList .itemLogo:before{
	width: 100px;
	height: 30px;
	content: "Windows・Android";
	color: #0078d6;
	font-weight:bold;
	font-size:10px;
	position: absolute;
	bottom: -35px;
	left: calc(100% - 130px);
}


/*
.itemList .swiper-slide:not(.swiper-slide-visible) a {
        pointer-events: none;
        opacity: .3;
}
*/


.commonInq{
	width:100%;
	margin: 0 auto;
	max-width: 1160px;
	padding:30px 20px 50px;
}
.commonInq .h3Sub {
	width: 100%;
	display: block;
	font-size: 36px;
	font-weight: 700 !important;
	line-height:unset;
	text-align:center;
}
.commonInq .h3_inq_res{
/*	font-size: 36px;*/
	font-size:20px;
	font-weight:bold;
	position:relative;
	margin-bottom: 40px;
	text-align:center;
	line-height: 1.0;
}
.commonInq .h3_inq_res span{
	font-size:20px;
}
.commonInq .h3_inq_res:after{
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	position: absolute;
	margin-top: 10px;
	left:calc(50% - 25px);
	bottom: -10px;
	background-color: #00BFFF;
}

.commonInq ul{
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin: 0 auto 50px;
}
.commonInq ul li{
	width: 33%;
}
.commonInq .col2Inq li{
	width: 50%;
}
.commonInq ul li a{
	color:#fff;
	background:#004b96;
	width: 100%;
	line-height: 1.4;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 1rem;
	border-radius: 5px;
	text-align:center;
}
.commonInq .btnShowroom a{
	color:#fff;
	width: 66%;
	line-height: 1.4;
	background:url(/h/img/common/bg_showroom.png) no-repeat center calc(50% + 0px) / cover rgba(0,0,0,0.5);
	background-blend-mode:darken;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 15px;
	text-align:center;
	margin: 0 auto;
}
.commonInq ul li a dt,
.commonInq .btnShowroom a dl dt{
	font-size: 2.2rem;
	position:relative;
	margin-bottom: 15px;
	font-weight:bold;
}
/*
.commonInq ul li a dt:after,
.commonInq .btnShowroom a dl dt:after{
	content:"";
	background:#fff;
	display: block;
	position:absolute;
	bottom: -10px;
	left:calc(50% - 25px);
	height: 2px;
	width: 50px;
}
*/
.commonInq ul li a dd,
.commonInq .btnShowroom a dd{
	font-size:1.4rem;
}
@media (min-width:768px) and (max-width:1000px) {
.commonInq ul li a{
	padding: 20px 1vw;
}

.commonInq ul li a dt,
.commonInq .btnShowroom a dl dt{
	font-size: 2.2vw;
}
.commonInq ul li a dd,
.commonInq .btnShowroom a dd{
	font-size:1.3vw;
}
.commonInq .btnShowroom a{
	background:url(/h/img/common/bg_showroom.png) no-repeat center calc(50% + 0px) / cover rgba(0,0,0,0.5);
	padding: 30px 15px;
}
}

@media screen and (max-width: 767px){
.pageTop2 .pagetop{
	bottom: 210px !important;
}


.commonInq .h3_inq_res{
	font-size:3.5vw;
/*	font-size: 7.5vw;*/
/*	margin-bottom: 1.5em;*/
}
.commonInq .h3_inq_res span{
	font-size:3.5vw;
}
.commonInq .h3Sub {
	font-size:7.5vw;
}

.commonInq ul{
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin: 0 auto 50px;
}
.commonInq ul li{
	width: 100%;
}
.commonInq .col2Inq li{
	width: 100%;
}
.commonInq .btnShowroom a{
	width:100%;
	background:url(/h/img/common/bg_showroom.png) no-repeat right calc(50% + 0px) / cover rgba(0,0,0,0.5);
	padding: 40px 1vw;
}
.commonInq ul li a dt,
.commonInq .btnShowroom a dl dt{
	font-size: 5.2vw;
}
.commonInq ul li a dd,
.commonInq .btnShowroom a dd{
	font-size:3.5vw;
}
}



@media screen and (max-width: 1024px) {
.mb-50res{
	margin-bottom:50px !important;
}
.gap-40res{
	gap:40px 20px !important;
}


.flexBox{
	gap: 30px 20px;
}
.innerM{
	width: 100%;
	max-width:1010px;
	margin: 0 auto;
	padding: 30px 20px;
}

.itemList{
	width: 98%;
	margin: 25px auto;
	padding: 0 calc((100% - min(100%, 90%))/2);
}
.itemList .swiper-scrollbar {
	width: 60%;
}
.itemListWhite{
	-webkit-mask-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
	mask-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
}
.itemList .itemClass{
	font-size: 17px;
}
.itemList .itemName{
	font-size: 14px;
}
}
@media screen and (max-width: 1023px) {
.mb-50res{
	margin-bottom:10px !important;
}
.inner950{
	width: 100%;
	max-width:1010px;
	margin: 0 auto;
	padding:  0 30px 20px;
}
.inner950 .rw{
	gap: 15px;
}
.inner950 .rw .col-6{
	padding:0;
	width: calc(50% - 15px);
}
.inner950 .rw .col-6 .box-out-production{
	padding: 10px;
}
}
@media screen and (max-width: 440px) {
.inner950{
	width: 100%;
	max-width:1010px;
	margin: 0 auto;
	padding:  0 20px 20px;
}
.inner950 .rw{
	gap: 15px;
}
.inner950 .rw .col-6{
	padding:0;
	width: 100%;
}
.inner950 .rw .col-6 .box-out-production{
	padding: 10px;
}
.side .sticky,
.side2 .sticky{
	position: unset;
}
.itemList{
	width: 98%;
	margin: 25px auto;
	padding: 0 calc((100% - min(100%, 90%))/2);
}
.itemList .swiper-scrollbar {
	width: 60%;
}
.itemListWhite{
	-webkit-mask-image: unset;
	mask-image: unset;
}
.itemList .itemClass{
	font-size: 14px;
}
.itemList .itemName{
	font-size: 12px;
}
.itemList .itemLogo:before{
	width: unset;
	height: 30px;
	content: "Windows・Android";
	color: #0078d6;
	font-weight:bold;
	font-size:10px;
	position: absolute;
	bottom: -35px;
	left: calc(100% - 26vw);
}
.windows11Iot{
	gap: unset;
	display: unset;
	align-items: unset;
}
.windows11Iot:last-child{
	align-items: unset;
}
.windows11Iot > div:nth-of-type(1){
	width:100%;
}
.windows11Iot > div:nth-of-type(2){
	width:100%;
}

}



/* モーダルを開くボタン */
.modal__trigger {
  cursor: pointer;
}

.modal__trigger:nth-child(n + 2) {
  margin-top: 60px;
}

/* モーダル本体 */
.modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.modal__layer {
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
}

.modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(calc(100% - 40px), 800px);
  height: calc(100% - 100px);
  line-height: unset;
  padding: 20px;
  background: #fff;
}

.modal__inner {
  position: relative;
  overflow-y: auto;
  height: 100%;
  padding: 80px 20px 20px;
}

/* モーダルを閉じるボタン */
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgba(50, 50, 50, 1);
  cursor: pointer;
  transition: opacity .6s;
}

.modal__close:hover {
  opacity: .6;
}

.modal__close:before,
.modal__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  content: '';
}

.modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* モーダル内のコンテンツ */
.modal__content {
}
.modal__title {
	color:#1da1f2;
	text-align:center;
	font-size:22px;
	font-weight:bold;
  margin-bottom: 30px;
  line-height:25px;
}
.modal__text {
  text-align:left;
	font-size:1.4rem;
  line-height:25px;
}

.modal__content ul{
	font-size:14px;
	margin: 20px 0;
}
.modal__content ul li{
	list-style:disc;
	list-style-position:inside;
	line-height: 1.4;
}
.modal__content ul li a{
	color: #133aa9;
}

.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9999;
}
 
.md-contents{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(calc(100% - 40px), 800px);
  max-height: calc(100% - 100px);
  line-height: unset;
  padding: 20px;
  background: #fff;
  overflow-y:auto;
  z-index: 10000;
}
 
 
.md-inner{
  padding: 24px 40px;
  background: #fff;
  height: auto;
}
 
 
 
.md-xmark{
  position: absolute;
  top: 34px;
  right: 20px;
  width: 25px;
  height: 22px;
  z-index: 9999;
  cursor: pointer;
}
 
.md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
}
 
.md-xmark span:nth-of-type(1) {
  top: 0;
  transform: translateY(10px) rotate(-45deg);
}
 
 
.md-xmark span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-10px) rotate(45deg);
}



/*____  強制  ____*/
.tac {
	text-align:center !important;
	display:block !important;
}
.tal {
	text-align:left !important;
	display:block !important;
}
.tar {
	text-align:right !important;
	display:block !important;
}



@media screen and (max-width: 440px) {
.md-contents{
max-height:calc(100% - 100px);
}
.md-inner{
	padding: 20px;
}
}

.annotation {
	text-align:right;
	font-size: 1.3rem;
}

.btn_newland {
	background: #093384;
	color: #fff !important;
	width: 86%;
	font-size: 1.4rem;
	text-align:center;
	display:block;
	margin: 50px auto 0;
	border-radius: 10px;
	padding: 15px;
}
.btn_newland::after {
	content:"\f35d";
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	padding-left: 1em;
}


.caution {
	font-size: 1.1rem;
	text-align: center !important;
	display: block !important;
}

.joint {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 90px;
	position: relative;
	margin: 15px auto 30px;
}

.joint::before {
	content: "";
	width: 3px;
	height: 40px;
	background: #000;
	transform: rotate(45deg);
	position: absolute;
}

.joint::after {
	content: "";
	width: 3px;
	height: 40px;
	background: #000;
	transform: rotate(-45deg);
	position: absolute;
}
.joint img {
	width: 100%;
}

.joint a:nth-of-type(1) img {
	max-width: 250px;
}

.joint a:nth-of-type(2) img {
	max-width: 230px;
}


.bnr_250 {
	width: 250px;
	margin: 0 auto;
}
.bnr_250 img {
	width: 100%;
}
.deco, .deco:visited{
	color:#035a9a ;
}
.deco::after{
	font-family:Font Awesome\ 5 Free;
	font-weight:600;	
	content:"\f35d";
	padding-left: 0.5em;
	}
.deco:hover{
	color: #37aaf7 ;
	text-decoration:underline;
}

.appsla {
	text-align:center;
	background: url(/h/img/apps/bg_appsla.png) no-repeat 50% 50%;
	background-size: cover;
}
.pcla {
	text-align:center;
	background: url(/h/img/pc/bg_pcla.png) no-repeat 50% 50%;
	background-size: cover;
}


.newland_logo h1{
	margin: 40px auto 10px;
}
.newland_logo h1 img{
	max-width: 300px;
	width: 100%;
}
.newland_logo h1 span{
	display: block;
	font-size:24px;
}

/*
.newland_logoF h1{
	margin: 40px auto 10px;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align:left;
	padding: 0 30px;
}
.newland_logoF h1 img{
	max-width: 300px;
	width: 100%;
	margin: 0 2vw;
}
.newland_logoF h1 span{
	display: block;
	font-size:24px;
}
*/
.newlandHbox{
	margin: 40px auto 10px;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align:left;
	padding: 0 30px;
	flex-direction:row-reverse;
	gap: 2vw;
}

.newlandHbox h1{
	text-align:left;
	width:unset !important;
}

.newlandHbox img{
	max-width: 300px;
	width: 100%;
	margin: 0 ;
}

.newlandHbox .hSub{
	padding: 0;
	line-height: 0;
}



@media (max-width:1024px) {
.bnr_250 {
	width: 250px;
	margin: 0 auto 8%;
}
}

.bannerBox{
	display: flex !important;
	justify-content: between-around;
	max-width: 1010px;
	margin: 0 auto;
	padding: 0 30px;
}

@media screen and (max-width: 440px) {
.bannerBox{
	flex-wrap: wrap;
	width: 100%;
}
.bannerBox div:first-child{
	padding: 30px 20px 0 20px !important;
}
.newland_logo h1{
	margin: 4rem auto 1rem;
}
.newland_logo h1 img{
	max-width: 300px;
	width: 90%;
}
.newland_logo h1 span{
	display: block;
	font-size:3.5vw;
	padding-top: 10px;
}

.newland_logoF h1{
	margin: 4rem auto 1rem;
	display:block;
	text-align:center;
}
.newland_logoF h1 img{
	max-width: 300px;
	width: 90%;
}
.newland_logoF h1 span{
	display: block;
	font-size:3.5vw;
	padding-top: 10px;
}

}




@media (min-width:320px) and (max-width:728px) {
	nav.breadcrumb {
		display: none
	}

.newlandHbox{
	margin: 40px auto 10px;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align:left;
	padding: 0 30px;
	flex-direction:column-reverse;
	gap: 2vw;
}

.newlandHbox h1{
	text-align:left;
	width:unset !important;
	margin: 0 auto;
}

.newlandHbox img{
	max-width: 300px;
	width: 100%;
	margin: 0 ;
}

.newlandHbox .hSub{
	padding: 0;
	line-height: 0;
}

}

a {
	color: #606060;
}

body > header > div.menu-container > div > a {
	color: #606060
}

a:hover {
	transition: all 0.2s linear !important;
	color: #00BFFF;
	opacity: 0.6
}

a:hover img {
	transition: all 0.2s linear;
	opacity: 0.7
}

img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

*,
*:before,
*:after {
	/* -webkit-box-sizing:border-box; */
	/* -moz-box-sizing:border-box; */
	/*  -o-box-sizing:border-box; */
	/* -ms-box-sizing:border-box; */
	/* box-sizing:border-box; */
	/* boxのpadding borderを内包する */
}

/*================================================
 *  commonレイアウト
 ================================================*/

.set {
	color: #01BFFF;
	font-size: 20px;
	font-weight: 500
}

/* ↓bodyで記述すると共通ヘッダーフッターにも影響してしまうので、mainタグに#hardwareで全体をに付与しています */
main#hardware {
	font-size: 18px;
	color: #202020;
	font-family: YakuHanJP, 'Noto Sans JP', 'noto-fallback', 'rome_num', sans-serif;
	line-height: 1.5
}

.wrapper_01{
	color: #202020;
	font-family: YakuHanJP, 'Noto Sans JP', 'noto-fallback', 'rome_num', sans-serif;
	line-height: 1.5;
}
/*

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 100;
	src: local("Noto Sans CJK JP"),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	src: local("Noto Sans CJK JP"),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans CJK JP"),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: local("Noto Sans CJK JP"),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: local("Noto Sans CJK JP"),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 900;
	src: local("Noto Sans CJK JP"),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}

@font-face {
	font-family: 'font_woff';
	src: url('https://www.busicom.co.jp/assets/fonts/fontawsome5.10.0_free/webfonts/fa-solid-900.woff2') format('woff2');
	font-display: swap;
}


@font-face {
	font-family: 'rome_num';
	font-weight: medium;
	src: url('/assets/fonts/B612Mono-Regular.ttf') format('truetype');

}

@font-face {
	font-family: 'rome_num';
	font-weight: bold;
	src: url('/assets/fonts/B612Mono-Bold.ttf') format('truetype');

}
*/

.koukin1100 {
	position: relative;
}

.koukin1100::before {
	content: '';
	position: absolute;
	width: 340px;
	height: 200px;
	top: 85%;
	right: 20%;
	background-image: url(/h/img/reader/bcnl2200u2/koukin_1100u2.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

@media screen and (max-width:728px) {
	.koukin1100 {
		position: relative;
	}

	.koukin1100::before {
		width: 280px;
		top: 75%;
		right: 0%;
	}

	main#hardware {
		font-size: 16px
	}

.mb-50res{
	margin-bottom:50px !important;
}
.gap-40res{
	gap:40px 0 !important;
}


.flexBox{
	width: 100%;
	flex-wrap:wrap;
	padding: 0;
	gap: 50px 0;
}
.fBox{
	width:100%;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0;
}


.fBox .L3h3{
	width: 100%;
	font-size:5.1vw;
	min-height: unset;
	margin-bottom:2em;
}

.fBox .img{
	width: 100%;
	margin: 0 auto;
	height: unset;
}
.fBox .imgL{
	width:100%;
}
.fBox .imgR{
	width:100%;
}
.fBox .img img,
.fBox .imgL img,
.fBox .imgR img{
	max-height: 300px;
	min-height: unset;
	height: unset;
	padding-bottom: 15px;
}

.fBox p{
	text-align:left;
	width:100%;
}

.fBox2{
	max-width:100%;
	margin: 0 auto;
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}
.fBox2 .w50{
	width: 100%;
}
.fBox2 .img{
	width: 100%;
	margin: 0 auto;
}
.fBox2 .imgL{
	width:100%;
}
.fBox2 .imgR{
	width:100%;
}
.fBox2 .img img,
.fBox2 .imgL img,
.fBox2 .imgR img{
	max-height: 300px;
	width: 300px;
}
.fBox2 .img imgW100{
	width: 100%;
}
.fBox2 .w50 p{
	text-align:left;
	width: 100%;
	margin: 20px 0 0;
}

}

section {
	text-align: center
}

.inner {
	max-width: 1010px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative
}

.innerS {
	max-width: 1010px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative
}

.innerSS {
	max-width: 1010px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative
}

.inner10t {
	max-width: 1010px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative
}

.inner_001 {
	max-width: 1010px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative
}

@media screen and (max-width:728px) {
	.inner {
		width: 100%;
	}

	.innerS {
		width: 100%;
		padding: 15px 20px;
	}

	.innerSS {
		width: 100%;
		padding: 5px 0;
	}

	.inner10t {
		width: 100%;
		padding: 5px 0
	}
	
	.inner_001 {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 !important;
	position: relative
}
}

.box2wrap {
	display: flex;
	max-width: 1010px;
	margin: 0 auto;
}

.box2 {
	width: calc(100%/2);
}

.box2 h3 {
	font-size: 26px !important;
	margin-bottom: 50px !important;
}

@media screen and (max-width:728px) {
	.box2wrap {
		display: block;
	}

	.box2 {
		width: 90%;
		margin: auto;
	}
	
	.wrapper{
		max-width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}
}

.newland_01{
	float: left;
	margin-right: 40px;
}



/*================================================
*  windows7入れ替え　タッチパネルPCにしませんか
================================================*/
.windows7 {
	background: #667db6;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #667db6, #0082c8, #0082c8, #667db6);
	/* Chrome 10-25,Safari 5.1-6 */
	background: linear-gradient(to top, #667db6, #0082c8, #0082c8, #667db6);
	/* W3C,IE 10+/ Edge,Firefox 16+,Chrome 26+,Opera 12+,Safari 7+*/
	/* max-height: 470px */
}


.windows7 img {
	max-height: 410px;
	max-width: 100%;
	margin: 0 auto
}

.windows7.inner2 {
	margin: 40px 0px;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0 30px;
	text-align: center;
	overflow: hidden
}
/*
.windows7.inner2::before {
	background: url("../images/caution.svg")0 40% no-repeat;
	background-size: contain;
	content: '';
	width: 99%;
	height: 97%;
	display: inline;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -60%;
	margin: auto;
	opacity: .1;
	text-align: center;
	max-width: 1280px
}
*/
.inner2box {
	display: flex;
	max-width: 1010px;
	margin: auto
}

.windows7 h4 {
	font-size: 24px;
	color: #f5f5f5 !important;
	border-bottom: none !important;
	margin-bottom: 0em !important;
	margin-bottom: 10px;
	padding-top: 20px
}

.limit {
	background: rgba(0, 0, 0, 0.67);
	padding: 10px;
	color: white;
	font-weight: 600;
	font-size: 18px;
	text-shadow:1px 2px 5px #0072ff;
	margin-bottom:30px;
}

.text {
	margin: 30px 0;
	color: white;
	text-align: left
}

.text ul {
	display: inline-flex;
	width: 100%;
	justify-content: space-around;
	text-align: center;
	align-items: center;
}

.text li {
	width: calc(96%/4);
	justify-content: space-around;
	padding: 5px;
	background: rgba(255, 255, 255, 0.04);
	border: .5px solid white;
}


.text_01 {
	margin: 30px 0 0;
	color: white;
	text-align: left
}

.text_01 ul {
	display: inline-flex;
	width: 100%;
	justify-content: space-around;
	text-align: center
}

.text_01 li {
	width: calc(96%/4);
	justify-content: space-around;
	padding: 1px;
	background: rgba(255, 255, 255, 0.04);
	border: .5px solid white
}

.text_02 p{
	color: white;
	text-align: center;
	font-size: 1.2em !important;
	color: #0067c0;
	font-weight: 500;
}

.text_02 ul {
	display: inline-flex;
	width: 100%;
	justify-content: space-around;
	text-align: center
}

.text_02 li {
	width: calc(96%/4);
	justify-content: space-around;
	padding: 1px;
	background: rgba(255, 255, 255, 0.04);
	border: 0.5px solid white
}

.title-border {
	display: flex;
	align-items: center
}

.title-border:before,
.title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1
}

.title-border:before {
	margin-right: 1rem
}

.title-border:after {
	margin-left: 1rem
}

.windows7 h3 {
	font-size: 40px;
	color: white
}

/*カウントダウン*/
.cdt_wrapper {
	background-color: rgba(237, 237, 237, 0.28);
	font-weight: bold;
	text-align: center;
	line-height: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	color: white;
	letter-spacing: 5px
}

@media screen and (min-width:768px) {
	.cdt_wrapper {
		line-height: 2.5;
		font-size: 1.8rem;
		padding: 0 20px
	}
}

.cdt_wrapper small {
	font-size: .6em;
	padding: 0 .4em
}

.cdt {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.cdt_txt {
	font-size: .6em;
	display: inline-block;
	margin-right: .6em
}

@media screen and (min-width:728px) {
	.cdt_txt {
		font-size: .5em
	}
}

.cdt_txt span {
	display: block;
	line-height: 1;
	font-size: 1.2rem
}

.cdt_date {
	font-size: 2.5rem
}

.cdt_num {
	padding: 0 .15em
}

@media screen and (min-width:728px) {
	.cdt_num {
		line-height: 1;
		padding: .3em .15em
	}

	.text li {
		width: calc(98%/4);
		font-size: 13px
	}

	.windows7 img {
		max-height: 410px;
		max-width: 100%;
		margin: 0 auto
	}


}

@media only screen and (max-width:728px) {
	.windows7::before {
		width: 80%
	}

	.inner2box {
		flex-direction: column;
		padding-top: 10px
	}

	.windows7 h4 {
		font-size: 16px
	}

	.windows7 h3 {
		font-size: 27px;
		margin-bottom: 20px
	}

	.windows7 {
		/* max-height: 650px */
		padding: 0 !important;
	}

	.windows7.inner2::before {
		width: 90%;
		height: 90%;
		top: 80px
	}

	.text {
		margin: 10px 0;
		padding: 5px;
		font-size: 15px
	}

	.text li {
		width: calc(97%/4);
		font-size: 14px
	}
}
@media only screen and (max-width:880px) {
.limit {
	background: rgba(0, 0, 0, 0.67);
	padding: 10px;
	color: white;
	font-weight: 600;
	font-size: 1.5rem;
	text-shadow:1px 2px 5px #0072ff;
	margin-bottom: unset;
}
}
@media only screen and (max-width:440px) {
.limit {
	background: rgba(0, 0, 0, 0.67);
	padding: 10px;
	color: white;
	font-weight: 600;
	font-size: 1.5rem;
	text-shadow:1px 2px 5px #0072ff;
	margin-bottom: unset;
}
}

/*================================================
 *  commonパーツ
 ================================================*/
/*文字寄せ */
.txt-l {
	text-align: left
}

.txt-c {
	text-align: center
}

.txt-r {
	text-align: right
}

.nowrap {
	display: inline-block
}

.ltext {
	text-align: left;
}

.ctext {
	text-align: center;
}

.rtext {
	text-align: right;
}

/*================================================
*  hNav  height100px=(padding15px+img53px+line-height26px+border3px+spantop3px)
 ================================================*/
.hNav{
	position:relative;
	z-index: 6;
}
#menu-box {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	background: rgb(255, 255, 255);
	border-bottom: 1px solid #e2e2e2;
	font-family: sans-serif, "メイリオ", YakuHanJP, 'Noto Sans JP', 'rome_num', sans-serif;
}

.btn_DL a {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 20px;
	border: #202020
}

#menu {
	overflow: hidden;
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
}

#menu li a {
	display: block;
	float: left;
	width: calc(99% / 10);
	color: #2f2f2f;
	text-align: center;
	margin-right: 1px;
	padding: 10px 0 5px;
	/* border:1px solid #ddd; */
}

#menu li:last-child {
	margin-right: 0
}

#menu li a:hover {
	color: #5a5959
}

#menu li img {
	height: 53px;
	width: auto
}

#menu li span {
	display: block;
	font-size: 11px;
	line-height: 26px;
	font-weight: 700
}

#menu li span.line-2 {
	display: block;
	font-size: 11px;
	line-height: 13px
}

#toggle {
	display: none
}

@media only screen and (max-width:928px) {
	#menu-box {
		border: none
	}

	#menu {
		display: none
	}

	#menu li a {
		width: 100%;
		border-bottom: 1px solid #444;
		color: #fff;
		background: #2f2f2f;
		text-align: center;
		padding: 10px 0
	}

	#menu li img {
		display: none
	}

	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #222
	}

	#toggle a {
		display: block;
		position: relative;
		padding: 17px 0 8px;
		color: #fff;
		font-weight: 700;
		text-align: center;
		cursor: pointer;
	}

	#toggle a::after {
		display: block;
		content: "\f078";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		padding-top: 3px
	}
}

.fixed2 {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 50;
}

/*================================================
*  共通アニメーション　
 ================================================*/
.fadeUp {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: transform 1s;
	-moz-transition: transform 1s;
	-webkit-transition: transform 1s;
	-o-transition: transform 1s
}

/*========================================================================
　========================================================================
* 第1階層　
　========================================================================
 ========================================================================*/
/*================================================
 *  nqu300　第1階層キービジュアル
  ================================================*/
section.nqu300 {
	width: 100%;
	max-height: 428px;
	/* height:0px; */
	/* padding-top:calc(428 / 1903 * 100%); calc(画像高さ ÷ 画像横幅 × 100%) */
	/* background:url("/h/img/nquirebanner.png") no-repeat center center;     background-size:100% auto; */
}

section.nqu300 .inner {
	text-align: center;
	padding: 0
}

.nqu300Box {
	width: 100%;
	padding: 0;
	margin: 0 auto
}

.pci {
	margin-bottom: 0 !important
}

h1.nqu300 a {
	font-size: 52px;
	font-weight: 700;
	color: #fff;
	/* line-height:1.2; */
}

h1.nqu300 a:hover {
	transition: all 0.2s linear;
	color: rgba(0, 0, 0, .8)
}

h1.nqu300 span {
	display: inline-block;
	font-size: 24px;
	margin-top: .4rem;
	margin-bottom: 1rem
}

h1.nqu300 span::after {
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 20px
}

@media only screen and (min-width:729px) {
	.spi {
		display: none
	}
}

@media only screen and (max-width:728px) {
	section.nqu300 {
		width: 100%;
		/* height:440px; */
		/* padding-top:calc(440 / 728 * 100%); */
		/* background:url("/h/img/nquirebanner_sp.png") no-repeat center center;       background-size:100% auto; */
	}

	section.nqu300 .inner {
		flex-direction: column;
		padding-top: 0px
	}

	.nqu300Box {
		width: 100%;
		padding: 0
	}

	.nqu300Box img {
		/* max-height:250px; */
	}

	.pci {
		display: none
	}

	h1.nqu300 a {
		font-size: 6vw
	}

	h1.nqu300 span {
		font-size: 3vw
	}
}

@media only screen and (max-width:480px) {
	h1.nqu300 {
		font-size: 8vw
	}

	h1.nqu300 span {
		font-size: 4vw
	}
	
	.haiBox{
		flex-wrap: wrap-reverse !important;
		gap: 20px;
	}
	.hai{
		margin: 5% auto 0;
		width: 80% !important;
	}
	.hai img{
		width:50% !important;
	}
}

/*================================================
 *  kvL1　第1階層キービジュアル
  ================================================*/
section.kvL1 {
	width: 100%;
	max-height: 430px;
	background: url("/h/img/bg_kvL1.png") no-repeat 50% 50%;
	background-size: cover
}

section.kvL1 .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0
}

.kvBox {
	width: 50%;
	padding: 10px
}

.kvBox img {
	max-height: 350px;
	object-fit: contain;
}

h1.kvL1 a {
	font-size: 52px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2
}

h1.kvL1 a:hover {
	transition: all 0.2s linear;
	color: rgba(255, 255, 255, .5)
}

h1.kvL1 span {
	display: block;
	font-size: 24px;
	margin-top: 1.4rem
}

h1.kvL1 span::after {
	content: "\f101";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-left: 10px;
	/* font-weight:300; */
}

@media only screen and (max-width:728px) {
	section.kvL1 .inner {
		flex-direction: column;
		padding-top: 10px
	}

	.kvBox {
		width: 100%
	}

	.kvBox img {
		max-height: 250px
	}

	h1.kvL1 a {
		font-size: 6vw
	}

	h1.kvL1 span {
		font-size: 3vw
	}
}

@media only screen and (max-width:480px) {
	h1.kvL1 {
		font-size: 8vw
	}

	h1.kvL1 span {
		font-size: 4vw
	}
}

/*================================================
*  luL1　第1階層ラインナップ
 ================================================*/
h2.luL1 {
	font-size: 34px;
	font-weight: 500
}

h3.luL1 {
	font-size: 20px
}

@media only screen and (max-width:728px) {
	h2.luL1 {
		font-size: 5.5vw
	}

	h3.luL1 {
		font-size: 3.5vw
	}
}

/* ラインナップ 設定 */
ul.luL1Wrap {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	margin-top: 2rem
}

ul.luL1Wrap li {
	flex: 0 1 16.6%;
	padding: 30px 10px 0;
	position: relative
}

ul.luL1Wrap li a span {
	display: block
}

ul.luL1Wrap li a:hover span {
	transition: 0.3s;
	opacity: .7
}

ul.luL1Wrap li a span:nth-child(2) {
	font-size: 1.2rem;
	line-height: 2;
	font-weight: 500;
	color: #00BFFF
}

ul.luL1Wrap li a span:nth-child(3),
ul.luL1Wrap li a span:nth-child(4) {
	font-size: 0.8rem;
	color: #202020
}

@media screen and (max-width:728px) {
	ul.luL1Wrap li {
		flex: 0 1 50%
	}
}

/* ラインナップ　カルーセル 設定 */
.swiper-container {
	width: 100%;
	margin-top: 2rem;
	justify-content: center !important;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center !important;
}

.swiper-slide img {
	max-width: 180px;
	height: auto;
	max-height: 135px;
	width: 100%;
}

@media only screen and (max-width:728px) {
{
	max-width: 160px;
	height: auto;
	max-height: 135px;
	width: 100%;
}
}

ul.swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center !important;
}

ul.swiper-slide li.p_name {
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: 500 !important;
	color: #00BFFF
}

ul.swiper-slide li.p_dic {
	font-size: 1.2rem
}

ul.swiper-slide li.p_dic{
	color: #000;
}

.swiper-slide a:hover {
	background: rgba(255, 255, 255, .7);
	transition: all 0.3s linear
}

ul.swiper-slide ul {
	position: relative;
}


.container_cashdrawer {
	width: 100%;
	margin-top: 2rem;
}	


/* ラインナップ　カルーセル 設定  キャッシュドロア　*/

.swiper-wrapper_cashdrawer {
	font-size: 18px;
	background: #fff;
	display:flex;
	justify-content: center;
}

ul.swiper-slide_cashdrawer {
	position: relative;
	text-align: center;
	margin: 30px 80px 0 0;
	display: flex;
	flex-direction: column;
}

.swiper-slide_cashdrawer img {
	max-width: 180px !important;
	height: auto;
	max-height: 135px !important;
	width: 100%;
}

ul.swiper-slide_cashdrawer li.p_name {
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: 500 !important;
	color: #00BFFF
}

ul.swiper-slide_cashdrawer li.p_dic {
	font-size: 1.2rem
}

ul.swiper-slide_cashdrawer li.p_dic{
	color: #000;
}

.swiper-slide_cashdrawer a:hover {
	background: rgba(255, 255, 255, .7);
	transition: all 0.3s linear
}

ul.swiper-slide_cashdrawer ul {
	position: relative;
}

.rc ul.swiper-slide_cashdrawer {
	width: auto;
}

ul.swiper-slide_cashdrawer_01 {
	position: relative;
	text-align: center;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
}

.swiper-slide_cashdrawer_01 img {
	max-width: 180px;
	height: auto;
	max-height: 135px;
	width: 100%;
}

ul.swiper-slide_cashdrawer_01 li.p_name {
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: 500 !important;
	color: #00BFFF
}

ul.swiper-slide_cashdrawer_01 li.p_dic {
	font-size: 1.2rem
}

ul.swiper-slide_cashdrawer_01 li.p_dic{
	color: #000;
}

.swiper-slide_cashdrawer_01 a:hover {
	background: rgba(255, 255, 255, .7);
	transition: all 0.3s linear
}

ul.swiper-slide_cashdrawer_01 ul {
	position: relative;
}

.rc ul.swiper-slide_cashdrawer_01 {
	width: auto;
}

/* ラインナップ　カルーセル 設定  キャッシュドロア　終わり　*/

/* ラインナップ　カルーセル 設定  キャッシュドロア（スマホ）　*/

.swiper-wrapper_cashdrawer_sp {
	font-size: 18px;
	background: #fff;
	display: grid;
	place-items: center;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

ul.swiper-slide_cashdrawer_sp {
	position: relative;
	text-align: center;
/*	margin-top: 30px;*/
/*	display: flex;*/
}

.swiper-slide_cashdrawer_sp img {
	width: 180px;
	height: 135px;
	width: 100%;
}

ul.swiper-slide_cashdrawer_sp li.p_name {
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: 500 !important;
	color: #00BFFF
}

ul.swiper-slide_cashdrawer_sp li.p_dic {
	font-size: 1.2rem
}

ul.swiper-slide_cashdrawer_sp li.p_dic{
	color: #000;
}

.swiper-slide_cashdrawer_sp a:hover {
	background: rgba(255, 255, 255, .7);
	transition: all 0.3s linear
}


.swiper-wrapper_cashdrawer_sp_01{
	font-size: 18px;
	background: #fff;
	text-align: center;
	margin: 0 auto;
}

ul.swiper-slide_cashdrawer_sp_01 {
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.swiper-slide_cashdrawer_sp_01 img {
	max-width: 180px;
	height: auto;
	max-height: 135px;
	width: 100%;
}

ul.swiper-slide_cashdrawer_sp_01 li.p_dic {
	font-size: 1.2rem
}

ul.swiper-slide_cashdrawer_sp_01 li.p_dic{
	color: #000;
}

.swiper-slide_cashdrawer_sp_01 a:hover {
	background: rgba(255, 255, 255, .7);
	transition: all 0.3s linear
}

/* ラインナップ　カルーセル 設定  キャッシュドロア（スマホ）終わり　*/
			
.new::before {
	position: absolute;
	top: 0px;
	left: calc(50% - 100px);
	width: 40px;
	content: url(/h/img/icon_new.svg);
	display: inline-block
}

@media screen and (max-width:1280px) {
	.new::before {
		top: 0px;
	left: calc(50% - 80px);
		width: 35px
	}
}

@media screen and (max-width:480px) {
	.new::before {
		top: 0px;
	left: calc(50% - 80px);
		width: 30px
	}
}

.new_no-swipe::before {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 40px;
	content: url(/h/img/icon_new.svg);
	display: inline-block;
	z-index: 10
}

@media screen and (max-width:1280px) {
	.new_no-swipe::before {
		top: 0px;
		left: 20px;
		width: 35px
	}
}

@media screen and (max-width:480px) {
	.new_no-swipe::before {
		top: 0px;
		left: 0px;
		width: 30px
	}
}

/*========================================================================
　========================================================================
* 第2階層　
　========================================================================
 ========================================================================*/
/*================================================
*  tlL2  第2階層タイトル
 ================================================*/
section.tlL2 {
	width: 100%
}


section.tlL2 h1 {
/*	font-size: 52px;*/
	font-size: 24px;
	font-weight: 700 !important;
}
section.tlL2 .h1Sub {
	font-size: 52px;
	font-weight: 700 !important;
	line-height:unset;
}

section.tlL2 h1 span {
	display: block;
	font-size: 24px
}

@media only screen and (max-width:728px) {
	section.tlL2 h1 {
		font-size: 3.5vw;
		padding-top: 10px
	}

	section.tlL2 h1 span {
		font-size: 3.5vw;
		padding-top: 10px
	}
section.tlL2 .h1Sub {
		font-size: 8vw;
		line-height: 1.2
}
	
	section.tlL2 h1 span.h1_p_sp{
		font-size: 6vw;
		padding-top: 10px
	}

.swiper-container .swiper-button-next{
	right:20px;
}
.swiper-container .swiper-button-prev{
	left: 20px;
}




}

/*================================================
*  kvL2  第2階層キービジュアル
 ================================================*/
section.kvL2 {
	width: 100%;
	background: url("/h/img/bg_kvL2.png") no-repeat 50% 50%;
	background-size: cover;
}

section.kvL2 .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0
}

.kvBox2 {
	width: 50%;
	padding: 10px;
	position: relative
}

.kvBox2 h2.kvL2 a,
a .kvBox2 h2.kvL2 {
	font-size: 40px;
	font-weight: 700;
	color: #fff
}

h2.kvL2{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin-left: 50px;
}

.kvBox2 h2.kvL2 a:hover,
a:hover .kvBox2 h2.kvL2{
	transition: all 0.2s linear;
	opacity: 0.7
}

.kvBox2 h2.kvL2_nls a,
a .kvBox2 h2.kvL2_nls {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
}

.kvBox2 h2.kvL2_nls a:hover,
a:hover .kvBox2 h2.kvL2_nls {
	transition: all 0.2s linear;
	opacity: 0.7;
	text-shadow: 1px 1px 3px #a1a9aa;
}

h2.kvL2_nls{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
}

.kvBox2 h2.kvL2 img {
	max-width: 450px
}

.kvBox2 img {
	max-height: 360px
}

.kvBox2_newland01 img {
	max-height: 200px
}

.kvBox2_imin {
	width: 40%;
	padding: 10px;
	position: relative;
}

.kvBox2_imin h2.kvL2 a {
	font-size: 40px;
	font-weight: 700;
	color: #fff
}

h2.kvL2_imin{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
}

.kvBox2_imin h2.kvL2 a:hover {
	transition: all 0.2s linear;
	opacity: 0.7
}

.kvBox2_imin h2.kvL2_nls a {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
}

.kvBox2_imin h2.kvL2_nls a:hover {
	transition: all 0.2s linear;
	opacity: 0.7;
	text-shadow: 1px 1px 3px #a1a9aa;
}

h2.kvL2_nls{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
}

.kvBox2_imin h2.kvL2 img {
	max-width: 650px;
}

div.logo_win10_kv2 img {
	position: absolute;
	bottom: 25px;
	right: 0;
	width: 35%
}

@media only screen and (max-width:728px) {
	section.kvL2 .inner {
		flex-direction: column;
		padding-top: 10px
	}

	.kvBox2 {
		width: 100%;
		padding: 0 0 20px;
	}

	.kvBox2 h2.kvL2 {
		width: 100%;
	margin-left: unset;
	text-align: center;
	}

	.kvBox2 h2.kvL2 a,
	a .kvBox2 h2.kvL2 {
		font-size: 8vw !important;
	}

	.kvBox2 h2.kvL2 img {
		max-height: 100px;
		max-width: 200px;
		padding: 10px 0 0
	}

	.kvBox2 img {
		max-height: 320px;
		max-width: 300px
	}
	
	.kvBox2_newland01 {
		width: 100%;
		padding: 0
	}

	.kvBox2_newland01 h2.kvL2 {
		width: 100%
	}

	.kvBox2_newland01 h2.kvL2 a {
		font-size: 8vw
	}

	.kvBox2_newland01 h2.kvL2 img {
		max-height: 100px;
		max-width: 200px;
		padding: 10px 0 0
	}

	.kvBox2_newland01 img {
		max-height: 320px;
		max-width: 300px
	}
	
	.kvBox2_newland01 h2.kvL2_nls {
		width: 100%
	}

	.kvBox2_newland01 h2.kvL2_nls a {
/*		font-size: 8vw*/
		font-size: 18px;
	}

	.kvBox2_newland01 h2.kvL2_nls img {
		max-height: 100px;
		max-width: 200px;
		padding: 10px 0 0;
	}
	
	.kvBox2_imin {
		width: 100%;
		padding: 0;
	}

	.kvBox2_imin h2.kvL2 {
		width: 100%;
		text-align:center;
		margin-left: unset;
	}

	.kvBox2_imin h2.kvL2 a {
		font-size: 8vw
	}

	.kvBox2_imin h2.kvL2 img {
		max-height: 100px;
		max-width: 200px;
		padding: 10px 0 0
	}

	.kvBox2_imin img {
		max-height: 320px;
		max-width: 300px
	}
	
}


.new2::before {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	margin-left: -60px;
	content: url(/h/img/icon_new.svg);
	display: inline-block;
	vertical-align: top
}

@media only screen and (max-width:728px) {
	.new2::before {
		width: 40px;
		height: 40px;
		margin-left: 0px;
	}
}

@media only screen and (max-width:480px) {
	.new2::before {
		width: 30px;
		height: 30px;
		margin-left: 0px;
	}
}

/*================================================
*  smL2  第2階層サマリー
 ================================================*/
h2.smL2 {
	font-size: 34px;
	font-weight: 500
}

h2.smL2_nls {
	font-size: 1.6em;
	font-weight: 500
	}

h3.smL2 {
	font-size: 20px;
	padding-bottom: 1rem
}

p.smL2 {
	font-size: 20px;
	padding-bottom: 1rem
}

@media only screen and (max-width:728px) {
	h2.smL2 {
		font-size: 5vw
	}

	h3.smL2 {
		font-size: 3.5vw
	}
	
	h2.smL2_nls {
	font-size: 1.6em;
	font-weight: 500
	}
	
	p.smL2 {
		font-size: 4.5vw
	}
}



.btn_moreL2 a {
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
/*	border: 1px solid #00BFFF; */
	border-radius: 30px;
	padding: 1.5% 20%;
	margin: 20px 0;
	transition: 0.3s;
	background:linear-gradient(0deg,rgba(26, 46, 119, 1) 0%, rgba(34, 139, 202, 1) 100%);
}

.btn_moreL2_2 a {
	display: inline-block;
	font-size: 1.4rem;
	color: #fff;
	width: 100%;
	border-radius: 30px;
	margin: 5px auto 20px ;
	padding: 5px 0;
	background:linear-gradient(0deg,rgba(26, 46, 119, 1) 0%, rgba(34, 139, 202, 1) 100%);
}

.btn_moreL2_3 a {
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
	border-radius: 30px;
	padding: 1.5% 20%;
	margin: 5px 0 20px 0;
	transition: 0.3s;
	background:#00BFFF;
}

.btn_moreL2 a:hover,
.btn_moreL2_2 a:hover,
.btn_moreL2_3 a:hover {
	color: #fff;
	background: #00BFFF;
}

a.text_link_blue {
	font-size: 1.8rem;
	color: #00BFFF;
	transition: 0.3s;
}

a.text_link_blue:hover {
	color: #00BFFF;
	opacity: 0.3;
}

.btn_moreL2 a::after,
.btn_moreL2_2 a::after,
a.text_link_blue::after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 10px;
}

.btn_moreL2 a::before,
.btn_moreL2_2 a::before{
	content: "";
	width:24px;
	height:24px;
	background-size: contain;
	background-image:url("/h/img/common/ico_more.png");
	background-repeat:no-repeat;
	vertical-align: middle;
	padding-right: 10px;
	display:inline-block;
}


@media only screen and (max-width:728px) {
	.btn_moreL2 a {
		font-size: 1.6rem;
	}

	a.text_link_blue {
		font-size: 1.2rem;
	}
}

.smL2Wrap {
	width: 100%;
	background: #f2f2f2;
}

ul.smL2sp1 {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 0 auto;
}

ul.smL2sp1 li {
	padding: 3px 20px;
	border: 1px solid #a6a6a6;
	border-radius: 10px;
	background: #fff;
	/*	margin-right: 30px	*/
}

ul.smL2sp1 li:last-child {
	margin-right: 0
}
@media only screen and (max-width:1024px) {
ul.smL2sp1 li {
	font-size: 2vmin;
}
}
@media only screen and (max-width:728px) {
ul.smL2sp1 {
	gap: 5px;
}
ul.smL2sp1 li {
		font-size: 3.2vw;
		padding: 3px 8px;
		border-radius: 7px
	}
}


ul.smL2sp2 {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

ul.smL2sp2 li {
	margin: 1.5rem 0 0;
	padding: 10px 40px;
	border-right: 1px solid #a6a6a6
}

ul.smL2sp2 li:first-child {
	margin-left: 0
}

ul.smL2sp2 li:last-child {
	border: none;
	margin-right: 0;
	padding: 10px 40px 0;
}

ul.smL2sp2 li span {
	display: block;
	padding-top: 10px
}

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

ul.smL2sp2{
	flex-wrap: nowrap;
	}
	ul.smL2sp2 li {
		padding: 10px 30px;
	font-size: 2vmin;
	}
}

@media only screen and (max-width:728px) {
	ul.smL2sp2 {
		width: 100%;
		flex-direction: column;
		margin: 0 auto
	}

	ul.smL2sp2 li {
		border: none;
		border-bottom: 1px solid #a6a6a6;
		margin: 0;
		padding: 10px;
		font-size: 1.6rem
	}

	ul.smL2sp2 li:last-child {
		padding: 10px;
	}
}

/*========================================================================
　========================================================================
* 第3階層　
　========================================================================
 ========================================================================*/
/*================================================
*  navL3  第3階層ローカルナビゲーション
 ================================================*/
section.navL3Wrap {
	max-width: 1010px;
	padding: 0 0 10px 0;
	text-align: right;
	margin: 0 auto;
}

.navL3 ul {
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	list-style: none;
}

.navL3 li {
	font-size: 14px;
	margin: 0 10px;
	display: inline-block
}

.navL3 li a {
	padding-bottom: 10px;
	color: #00BFFF;
	display: block
}

.navL3 li a:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	border-bottom: 2px solid #09f;
	display: block
}

.navL3 li a:hover:after {
	width: 100%;
	border-bottom: 2px solid #09f
}

span.faq_ta_01 img{
	margin-top: 10px;
	margin-right: 10px;
	vertical-align: -10px;
	width: 80px !important;
	height: 30px;
}

span.faq_ta_02 img{
	margin-top: 10px;
	margin-right: 10px;
	vertical-align: -10px;
	width: 80px !important;
	height: 30px;
}

span.faq_ta_02 a:before {
    content: "\f1c1";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #d40303;
    font-size: 1.3em;
    font-weight: normal;
    margin-right: 5px;
}

nav.navL3 ul li.btn_comp a {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	margin: 5px 2px 5px 0;
	padding: 3px 18px;
	background: #114eaf;
	border-bottom: none
}

nav.navL3 ul li.btn_comp a:hover {
	background: #00BFFF;
	opacity: .8
}


@media only screen and (max-width:728px) {
	section.navL3Wrap {
		width: 100%;
		padding: 10px 20px;
	}

	.navL3 li {
		margin: 0 3px;
	}

	.navL3 li a:after {
		border-bottom: none
	}

	.navL3 li a:hover:after {
		border-bottom: none
	}

	nav.navL3 ul li.btn_comp a {
		margin: 0;
		padding: 3px 10px;
	}
	
	.faq_ta_01 img{
	width: 80px !important;
	height: 30px;
	text-align: left !important;
	}
	
	span.faq_ta_01_img{
	display: block;
	text-align: left !important;
	margin-bottom: 10px;
	width: 80px !important;
	height: 30px;
	}
	
	.faq_ta_02 img{
	width: 80px !important;
	height: 30px;
	text-align: left !important;
	}
	
	.faq_ta_02_img{
	display: block;
	text-align: left !important;
	margin-bottom: 10px;
	width: 80px !important;
	height: 30px;
	}
	
	.faq_ta_02 a:before {
    content: "\f1c1";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #d40303;
    font-size: 1.3em;
    font-weight: normal;
    margin-right: 5px;
	}
}

/*================================================
*  tlL3  第3階層タイトル
 ================================================*/
section.tlL3 {
	width: 100%;
}

section.tlL3 h1 img {
	width: 100% !important;
	max-width: 800px !important;
	height: 100px;
}

section.tlL3 h1 span {
	display: block;
	color: #202020;
	font-size: 1.5rem;
	font-weight: 400
}

section.tlL3 h1 {
	color: #00BFFF;
	font-size: 72px;
	font-weight: 700
}

/*h1を画像にする場合に適用、そのままだと無駄な空白が空いてしまうため、210407、杉浦追加*/
section.tlL3 h1.img-logo {
	font-size: 100%;
}

/*ここまで*/

.tlL3 + section {
	padding: 2% 0 0;
}

.ovL3_h2 {
	width: 80%;
	margin: 0 auto;
	font-size: 1.8rem;
	text-align: center;
}

@media only screen and (max-width:728px) {
	.ovL3_h2 {
		width: 100%;
		font-size: 1.5rem;
	}
}

@media only screen and (max-width:728px) {
	section.tlL3 h1 {
		font-size: 10vw;
	}

	section.tlL3 h1 span {
		font-size: 3.5vw;
	}

	section.tlL3 h1 img {
		max-width: 100vw !important;
		padding: 0 5% 0;
		max-height: 60px;
}
	section.tlL3 h1 img.seavmk {
		max-width: 100vw !important;
		padding: 0 5% 0;
		max-height: 50px;
}
}

/*================================================
*  ovL3  第3階層　概要
 ================================================*/
.innerW100 {
	width: 100%;
	padding: 30px 0;
	position: relative
}

.innerW100 > p {
	width: 70%;
	margin: auto;
}

@media only screen and (max-width:728px) {
	.innerW100 {
		padding: 30px 0;
	}

	.innerW100 > p {
		width: 95%;
		margin: auto;
	}
}

.winLogoL3 {
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 20%
}

.winLogoL4 {
	position: absolute;
	bottom: 10px;
	right: 100px;

	width: 200px;
}

.winLogoL4-text-white{
	color:#fff;
	font-size: 3rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
}
.winLogoL4-text {
	position: absolute;
	bottom: -30px;
	right: 100px;
	width: 400px;
	text-align:right;
	font-size: 3rem;
	font-weight:bold;
	line-height:1.1;
	color:#0078d6;
}
.winLogoL4-text-android {
	position: absolute;
	bottom: 10px;
	right: 100px;
	width: 400px;
	text-align:right;
	font-size: 3rem;
	font-weight:bold;
	line-height:1.1;
	color:#0078d6;
}
.winLogoL4-text-intel {
	position: absolute;
	bottom: -20px;
	right: 140px;
	width: 400px;
	text-align:right;
	font-size: 3rem;
	font-weight:bold;
	line-height:1.1;
	color:#0078d6;
}

.winLogoL4-android {
	position: absolute;
	bottom: 50px;
	right: 100px;
	width: 200px;
}

.winLogoL4-intel {
	position: absolute;
	bottom: -30px;
	right: 140px;
	width: 200px;
}

.androidLogoL4 {
	position: absolute;
	bottom: -30px;
	right: 100px;
	width: 180px;
}

.intelLogo {
	position: absolute;
	bottom: -30px;
	right: 40px;
	width: 80px;
}

.newlandLogo {
	position: absolute;
	bottom: -30px;
	right: 100px;
	width: 280px;
}


@media only screen and (max-width:1280px) {
	.winLogoL3 {
		right: unset;
		width: 40%;
		position: unset;
		margin: 0 auto;
		display:block;
	}
	.winLogoL4 {
		right: unset;
		width: 40%;
		position: unset;
		margin: 0 auto;
		display:block;
	}
.winLogoL4-text {
		right: unset;
		width: 70%;
		position: unset;
		margin: 30px auto 0;
		display:block;
	text-align:center;
	font-size: 3rem;
	color:#0078d6;
}
.winLogoL4-text-android {
		right: unset;
		width: 70%;
		position: unset;
		margin: 30px auto 0;
		display:block;
	text-align:center;
	font-size: 3rem;
	color:#0078d6;
}
.winLogoL4-text-intel {
		right: unset;
		width: 30%;
		position: unset;
		margin: 30px auto 0;
		display:table-cell;
	text-align:right;
	font-size: 3rem;
	color:#0078d6;
	padding:10px;
	vertical-align:middle;
}

	.winLogoL4-android {
		bottom: unset;
		right: unset;
		width: 40%;
		display:block;
		margin: 10px auto;
		position: unset;
	}

	.winLogoL4-intel {
		right: unset;
		width: 40%;
		position: unset;
		margin: 10px auto 0;
		display:block;
		padding: 0;
	}

	.intelLogo {
		right: unset;
		width: 20%;
		position: unset;
		margin: 0 auto 0;
		display:table-cell;
		padding: 10px 0 10px 5px;
		text-align:left;
	}

	.androidLogoL4 {
		right: unset;
		width: 30%;
		position: unset;
		margin: 10px auto 0;
		display:block;
	}
.newlandLogo {
		right: unset;
		width: 30%;
		position: unset;
		margin: 10px auto 0;
		display:block;
}

}


@media only screen and (max-width:728px) {
	.winLogoL4 {
		right: unset;
		width: 40%;
		position: unset;
		margin: 0 auto;
		display:block;
	}
.winLogoL4-text {
		right: unset;
		width: 70%;
		position: unset;
		margin: 30px auto 0;
		display:block;
	text-align:center;
	font-size: 3rem;
	color:#0078d6;
}
.winLogoL4-text-android {
		right: unset;
		width: 70%;
		position: unset;
		margin: 30px auto 0;
		display:block;
	text-align:center;
	font-size: 3rem;
	color:#0078d6;
}
.winLogoL4-text-intel {
		right: unset;
		width: 50%;
		position: unset;
		margin: 30px auto 0;
		display:table-cell;
	text-align:center;
	font-size: 3rem;
	color:#0078d6;
	vertical-align:middle;
}

	.winLogoL4-android {
		bottom: unset;
		right: unset;
		width: 40%;
		margin: 10px auto 0;
		display:block;
		position: unset;
	}

	.winLogoL4-intel {
		right: unset;
		width: 40%;
		position: unset;
		margin: 10px auto 0;
		display:block;
	}

	.intelLogo {
		right: unset;
		width: 20%;
		position: unset;
		margin: 10px auto 0;
		display:table-cell;
	}

	.androidLogoL4 {
		right: unset;
		width: 60%;
		position: unset;
		margin: 10px auto 0;
		display: block;
	}
.newlandLogo {
		right: unset;
		width: 60%;
		position: unset;
		margin: 10px auto 0;
		display: block;
}

}


/* 2カラムレイアウト */
.col2Wrap {
	display: flex;
	align-items: center;
	max-width: 1010px;
	margin: 0 auto;
}

.col2WrapT {
	display: flex;
	align-items: flex-start;
	max-width: 1010px;
	margin: 0 auto;
}

.col2WrapR {
	display: flex;
	align-items: flex-start;
	max-width: 1010px;
	margin: 0 auto;
}

.col2Wrap .col2Box,
.col2WrapT .col2Box,
.col2WrapR .col2Box {
	width: 50%
}

.col2Wrap .col2Box img{
		display: flex;
		align-items: center;
		margin: 0 auto;
	}

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

	.col2Wrap,
	.col2WrapT {
		flex-direction: column
	}

	.col2WrapR {
		flex-direction: column-reverse
	}

	.col2Wrap .col2Box,
	.col2WrapT .col2Box,
	.col2WrapR .col2Box {
		width: 95%;
		margin: 0 auto
	}
	
	.col2Wrap .col2Box img{
		display: flex;
		align-items: center;
		margin: 0 auto;
	}
}

/* 1カラムレイアウト */
.col1Wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}

/* 見出しh2 */
h2.L2h2 {
	font-size: 36px;
	font-weight: 500;
	position: relative;
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
	color: #474747;
	border-bottom: double 7px gray;
}

/* 見出しh3 */
h3.st10 {
	font-size: 34px;
	font-weight: 500;
	position: relative;
	margin-bottom: 70px
}

h3.L3h3 {
	font-size: 34px;
	font-weight: 500;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}

h3.blue {
	font-size: 30px;
	font-weight: 700;
	position: relative;
	margin-bottom: 50px;
	color: #00BFFF;
	margin-top: 0px;
	background: none;
}

h3.blue_01 {
	font-size: 30px;
	position: relative;
	color: #00BFFF;
	font-weight: 500 !important;
	margin-top: 0px;
	margin-bottom: 10px;
	background: none;
}


h3.L3h3 span.icon_option:before {
	display: block;
	content: "オプション";
	width: 13rem;
	padding: 4px 0;
	margin: 0 auto 10px auto;
	font-size: 1rem;
	color: #00BFFF;
	border: 2px solid #00BFFF;
	vertical-align: middle
}

h3.L3h3 span.L3h3_s{
	font-size: 28px;
	font-weight: 500;
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

.h4_option {
	padding: 4px 0;
	margin: 0 auto 10px auto;
	font-size: 2rem;
	color: #00BFFF;
	border: 2px solid #00BFFF;
	vertical-align: middle;
	width:70%;
	max-width: 400px;
}

@media only screen and (max-width:728px) {
h3.blue_01{
	font-size:5vw;
}
.col1Wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.innerM{
	padding: 30px 10px 0;
}
h3.L3h3 span.L3h3_s{
	font-size: 0.9rem;
	font-weight: 500;
	position: relative;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: center;
}
.iot{
	font-size: 5vw;
	color: #fff;
	font-weight:bold;
}
}

h3.L4h4 {
	font-size: 24px;
	font-weight: 500;
	position: relative;
	margin-bottom: 30px;
}

h4.pd_5 {
	font-size: 24px;
	font-weight: 500;
	position: relative;
	margin-bottom: 40px;
}

@media only screen and (max-width:728px) {
	h3.L3h3 {
		font-size: 5.5vw;
		margin-bottom: 40px
	}

	h3.L4h4 {
		font-size: 4.5vw;
		margin-bottom: 40px
	}

	h3.st10 {
		font-size: 5.5vw;
		margin-bottom: 40px
	}

	h3.L3h3 span.icon_option:before {
		font-size: 0.8rem
	}
.h4_option {
	margin: 0 auto 30px auto;
}
	h4.pd_5 {
		font-size: 4.5vw;
		margin-bottom: 40px
	}
}

h3.L3h3::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	position: absolute;
	margin-top: 10px;
	left: 50%;
	bottom: -10px;
	margin-left: -25px;
	background-color: #00BFFF
}

h3.L4h4::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -25px;
	background-color: #00BFFF
}

section.specL3 h3 {
	font-size: 30px
}

/* 文字設定 */
.p_white {
	color: #fff
}

.p_small {
	font-size: 1.4rem
}

/* マージン設定 */

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

/*パディング マージン設定 */
.pd_5 {
	padding: 5%;
	line-height: 1.8
}

.pd_30 {
	padding: 30%;
	line-height: 1.8
}

.pd_20 {
	padding: 5% 20%;
	line-height: 1.8
}

@media only screen and (max-width:728px) {
	.pd_20 {
		padding: 2.5% 5%;
		line-height: 1.5
	}
}

.pd_5_2 {
	padding: 1% 5% 5% 5%;
	line-height: 1.8
}

@media only screen and (max-width:728px) {
	.pd_5_2 {
		padding: 2.5% 5% 5%;
		line-height: 1.5
	}
}

.mb_6 {
	margin-bottom: 6vh
}

@media only screen and (max-width:728px) {
	.mb_6 {
		margin-bottom: 3vh
	}
}

.mb_3 {
	margin-bottom: 3vh
}

@media only screen and (max-width:728px) {
	.mb_3 {
		margin-bottom: 1.5vh
	}
}

.mt_5 {
	margin-top: 5vh
}

@media only screen and (max-width:728px) {
	.mt_5 {
		margin-top: 1.5vh
	}
}

/*モバイルのみマージン設定 */
.mb_sp {
	margin-bottom: 0
}

@media only screen and (max-width:728px) {
	.mb_sp {
		margin-bottom: 5vh !important
	}
}

/* パフォーマンスカラム */
ul.pf {
	display: flex;
	width: 100%;
	justify-content: space-around;
	/* margin-bottom:6vh; */
}

ul.pf li {
	padding: 0;
}

ul.pf02 li {
	padding: 0 30px
}

ul.pf02 li:last-child {
	padding-bottom: 30px
}

ul.pf li span {
	display: block;
	font-size: 30px;
	color: #00BFFF;
	line-height: 1.2;
	padding-top: 10px;
}

@media only screen and (max-width:1280px) {
	ul.pf {
		/* flex-direction: column;
		margin-top:3vh; */
	}

	ul.pf li {
		/* padding-top: 30px; */
	}

/*
	ul.pf li:first-child {
		padding-top: 0;
	}
*/
	ul.pf li span {
		font-size: 24px;
	}
}

@media only screen and (max-width:728px) {
ul.pf {
	flex-direction: column;
}
	ul.pf li {
		padding-bottom: 15px;
	}
ul.pf li span {
		font-size: 5vw
	}
}

/* カラーセレクトカラム */
div.select {
	width: 100%;
	max-width: 400px;
	display: inline-block;
	padding: 15px;
	border: 1px solid #202020;
	color: #202020;
	background: rgba(0, 0, 0, 0.1)
}

div.select10box {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

div.select10 {
	min-width: 280px;
	display: inline-block;
	margin: 30px auto 30px;
	padding: 15px;
	border: 1px solid #202020;
	color: #202020;
	background: rgba(0, 0, 0, 0.03)
}

div.select10price {
	color: #c70000;
	font-size: 2.2rem;
	margin: 10px auto 4px;
}

div.select-gray {
	width: 100%;
	max-width: 400px;
	display: inline-block;
	padding: 15px;
	border: 1px solid #9e9e9e;
	color: #9e9e9e;
	background: rgba(255, 255, 255, 0.02)
}

div.select p {
	border-bottom: 1px solid #202020;
	padding-bottom: 20px;
	font-size: 15px;
}

div.select-gray p {
	border-bottom: 1px solid #9e9e9e;
	padding-bottom: 20px;
	font-size: 15px;
}

div.select ul,
div.select-gray ul {
	
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

div.select li,
div.select-gray li {
	display: block;
	width: 100%;
	padding: 0 15px;
	font-size: 15px;
}

div.select li:first-child {
	border-right: 1px solid #202020
}

div.select-gray li:first-child {
	border-right: 1px solid #9e9e9e
}

div.select li span,
div.select-gray li span {
	display: block;
	font-size: 15px;
}

div.select li span.color-white,
div.select-gray li span.color-white {
	color: #fff
}

div.select li span.color-black,
div.select-gray li span.color-black {
	color: #000
}

/* リスト設定 */

ul.col2Box_list li:last-child {
	padding-bottom: 0;
}

ul.col2Box_list_01{
	font-size: 1.4rem;
    line-height: 25px;
	text-align: left;
	margin: 20px auto auto 40px;
}

@media only screen and (max-width:728px) {
	ul.col2Box_list li {
		font-size: 14px;
		margin: 0;
		padding-bottom: 0.8em
	}
}

ul.copy_list_res {
	width:100%;
	margin: 0 auto;
	column-count: 2;
}
ul.copy_list_res li {
	text-align: left;
	line-height: 1;
	margin-left: 1em;
	font-size: 2rem;
	text-indent: -2em;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
break-inside: avoid;
min-height:3em;
}
ul.copy_list_res li::before {
	content:"";
	background: url(/h/img/newland/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

ul.copy_list_res1 {
	width:540px;
	margin: 0 auto;
	column-count: 1;
}
ul.copy_list_res1 li {
	text-align: left;
	padding-bottom: 1em;
	line-height: 1;
	margin-left: 1em;
	font-size: 2rem;
	text-indent: -2em;
	padding-left: 2em;
	width: 100%;
}
ul.copy_list_res1 li::before {
	content:"";
	background: url(/h/img/newland/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: text-top;
	margin: 0 10px 4px 0;
}


/* キャッチコピー 設定（2列） */
ul.copy_list {
	width: 100%;
	margin: 0 auto auto 80px;
}

ul.copy_list li {
	text-align: left;
	padding-bottom: 1em;
	line-height: 1;
	margin-left: 1em;
	font-size: 2rem;
}

ul.copy_list li::before {
	content:"";
	background: url(/h/img/newland/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin: 0 10px 4px 0;
}

ul.copy_list li:last-child {
	padding-bottom: 50px;
}

.copy_list_p01{
	text-align: left;
	padding-bottom: 1em;
	line-height: 1.5;
	margin-left: 515px !important;
	margin-top: -45px;
	font-size: 1.5rem;
}

.copy_list_box01{
	position: relative;
}

.copy_list_p0001{
	position: absolute;
	top: 80%;
	left: 10%;
	text-align: left;
	padding-bottom: 1em;
	line-height: 1.5;
	font-size: 1.5rem;
}

@media (min-width:320px) and (max-width:980px) {
	.copy_list_p0001{
	position: absolute;
	top: 90%;
	left: 20%;
	text-align: left;
	padding-bottom: 1em;
	line-height: 1.5;
	font-size: 1.5rem;
}
}


@media only screen and (max-width:1023px) {
ul.copy_list_res{
	margin: 0 auto;
/*
width:80%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	flex-direction:column;
*/
}
ul.copy_list_res1{
	width:80%;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	flex-direction:column;
}

ul.copy_list_res li,
ul.copy_list_res1 li{
/*
	text-align: left;
	margin-left: 0;
	width: 100%;
*/
	text-align: left;
	min-height: 4em;
	width: 100%;
}

}

@media only screen and (max-width:728px) {
	ul.copy_list li {
		font-size: 18px;
		margin: 0;
		padding-bottom: 0.8em
	}
	
	.copy_list_p01{
	text-align: left;
	padding-bottom: 1em;
	line-height: 1.5;
	margin-left: 20px;
	margin-top: -45px;
	font-size: 1.5rem;
}
ul.copy_list_res,
ul.copy_list_res1{
	width:100%;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	flex-direction:column;
	padding-left: 1em;
}
ul.copy_list_res li,
ul.copy_list_res1 li{
	text-align: left;
	padding-bottom: 0.5em;
	padding-right: unset;
	line-height: unset;
	margin-left: 0;
	font-size: 14px;
	width: 100%;
	min-height:unset;
}
ul.copy_list_res li::before,
ul.copy_list_res1 li::before{
	content:"";
	background: url(/h/img/newland/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin: 0 10px 4px 0;
	background-size:contain;
}
}

@media only screen and (max-width:959px) {
	.copy_list_li04{
		margin-top: -30px;
	}
}

ul.copy_list_sp {
	width: 95%;
	margin: 0 auto auto 5px;
}

ul.copy_list_sp li {
	text-align: left;
	padding-bottom: 5px;
	margin-left: 1em;
	font-size: 1em;
}

ul.copy_list_sp li:before {
	content:"";
	background: url(/h/img/newland/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin: 0 10px 4px 0;
}

ul.copy_list_sp li:last-child {
	padding-bottom: 50px;
}

@media only screen and (max-width:728px) {
	ul.copy_list_sp li {
		font-size: 14px;
		margin: 0;
		padding-bottom: 0.5em
	}
	
	ul.copy_list_sp li::before {
	content:"";
	background: url(/h/img/newland/list_icon_01_sp.png) no-repeat;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin: 0 10px 4px 0;
}
}


/* キャッチコピー 設定（1列） */

.copy_list_b_box {
	display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

ul.copy_list_b {
	width: fit-content; 
}

ul.copy_list_b li {
	text-align: left;
	padding-bottom: 1em;
	line-height: 1;
	margin-left: 1em;
	font-size: 2rem;
}

ul.copy_list_b li span.copy_list_span {
	text-align: left;
	padding-bottom: 1em;
	line-height: 1;
/*	margin-left: 2.7em;*/
	font-size: 1.5rem;
}



ul.copy_list_b li::before {
	content:"";
	background: url(/h/img/newland/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin: 0 10px 4px 0;
}

ul.copy_list_b li:last-child {
	padding-bottom: 50px;
}

@media only screen and (max-width:728px) {
	ul.copy_list_b li {
		font-size: 18px;
		margin: 0;
		padding-bottom: 0.8em
	}
	
	ul.copy_list_b li span.copy_list_span {
	text-align: left;
	padding-bottom: 1em;
	line-height: 1;
	margin-top: 1.8em !important;
/*	margin-left: 2.7em;*/
	font-size: 1.5rem;
}
}

@media only screen and (max-width:959px) {
	.copy_list_li04{
		margin-top: -30px;
	}
}

@media only screen and (max-width:959px) {
	.copy_list_li04{
		margin-top: -30px;
	}
}

ul.copy_list_sp {
	width: 95%;
	margin: 0 auto auto 5px;
}

ul.copy_list_sp li {
	text-align: left;
	padding-bottom: 5px;
	margin-left: 1em;
	font-size: 1em;
}

ul.copy_list_sp li::before {
	content:"";
	background: url(/h/img/newland/list_icon_01.png) no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin: 0 10px 4px 0;
}

ul.copy_list_sp li:last-child {
	padding-bottom: 50px;
}

@media only screen and (max-width:728px) {
	ul.copy_list_sp li {
		font-size: 14px;
		margin: 0;
		padding-bottom: 0.5em
	}
	
	ul.copy_list_sp li::before {
	content:"";
	background: url(/h/img/newland/list_icon_01_sp.png) no-repeat;
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin: 0 10px 4px 0;
}
}


/* 3カラムレイアウト */
.col3Wrap {
	display: flex;
	max-width: 1010px;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	margin: 0 auto;
}

@media only screen and (max-width:980px) {
	.col3Wrap {
		flex-direction: column
	}

	.col3WrapV .col3Box {
		width: 95%
	}
}

/* マルチカラム */
.multWrap {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2%
}

.multBox {
	width: 48%;
	padding: 10px 10px 15px;
	margin-left: 2%;
	/* カラム間の隙間 */
	margin-bottom: 2%;
	background: #09f;
	font-size: 1.4rem;
	color: #fff;
	border: 7px solid #a1d3f5
}

.multBox span {
	display: block;
	width: 70px;
	margin: 0 auto 5px;
	font-size: 1.8rem;
	color: #a1d3f5;
	border-bottom: 1px solid #a1d3f5
}

/* circleWrap */
ul.circleWrap {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	align-content:center;
	flex-wrap: wrap;
	gap: 5px;
}

ul.circleWrap li {
	width: 110px;
	height: 110px;
	padding: 5px;
	border: rgba(255, 255, 255, .9) solid 3px;
	color: rgba(255, 255, 255, .9);
	counter-increment: chapter;
	border-radius: 80px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
}
ul.circleWrap li .nomb{
	display:none;
}

span.nomb::before {
	display: block;
	text-align: center;
	content: "ex."counter(chapter);
	color: rgba(255, 255, 255, .8);
	border-bottom: 1px solid rgba(255, 255, 255, .9);
	margin-bottom: 7px;
	padding-right: 10px;
	line-height: 1.3
}
@media only screen and (max-width:1023px) {
ul.circleWrap li {
	width: 80px;
	height: 80px;
	padding: 10px;
	border: rgba(255, 255, 255, .9) solid 3px;
	color: rgba(255, 255, 255, .9);
	counter-increment: chapter;
	border-radius: 80px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7em;
}
}

@media only screen and (max-width:480px) {
	ul.circleWrap li {
		width: 120px;
		height: 120px;
		margin: 10px;
		padding: 15px;
		60px;
		font-size: 0.95em
	}
}

/* 背景 */
.ovL3G {
	width: 100%;
	background: url("/h/img/bg_ovL3G.jpg") no-repeat 50% 50%;
	background-size: cover
}

.ovL3P {
	width: 100%;
	background: url("/h/img/bg_ovL3P.jpg") no-repeat 50% 50%;
	background-size: cover
}

.bg_gray {
	background: #f2f2f2;
}

/*================================================
*  specL3  第3階層　スペック
 ================================================*/
section.specL3 {
	font-size: 24px;
}

section.specL3 h2 {
	font-size: 38px;
	font-weight: 700;
	margin-top: 40px;
	text-align: center;
}

@media only screen and (max-width:728px) {
	section.specL3 {
		font-size: 5vw
	}

	section.specL3 {
		font-size: 4vw
	}
	
	section.specL3 h2 {
	font-size: 30px;
	font-weight: 700;
	margin-top: 20px;
	text-align: center;
	}
}

table.spec {
	width: 100%;
	font-size: 16px;
	margin: 30px 0;
	max-width: 950px;
}

table.spec tr {
	border-top: 1px solid #dedede
}

table.spec tr:last-child {
	border-bottom: 1px solid #dedede
}

table.spec th {
	background: #f2f2f2;
	width: 30%;
	border-top: 1px solid #dedede;
	padding: 0;
	font-weight: 700
}


table.spec_newland_bs50wd1 {
	width: 100%;
	font-size: 16px;
	margin-top:30px;
}

table.spec_newland_bs50wd1 tr {
	border-top: 1px solid #dedede
}

table.spec_newland_bs50wd1 tr:last-child {
	border-bottom: 1px solid #dedede
}

table.spec_newland_bs50wd1 th {
	background: #f2f2f2;
	width: 23%;
	border-top: 1px solid #dedede;
	padding: 0;
	font-weight: 700
}

table.spec_newland_bs50wd1 td {
	width: 27%;
	padding: 16px;
}

table.spec_newland_bs50wd1 th.border-pc {
	border-right: 1px solid #dedede;
}

table.spec_newland_bs50wd1 td.border-pc {
	border-right: 1px solid #dedede;
}

.wd1_spec_01{
	font-size: 0.8em;
	margin-top: 60px;
	margin-bottom: 15px;
}

table.spec_newland_bs50wd1_01 {
	width: 100%;
	font-size: 16px;
}

table.spec_newland_bs50wd1_01 tr {
	border-top: 1px solid #dedede
}

table.spec_newland_bs50wd1_01 tr:last-child {
	border-bottom: 1px solid #dedede
}

table.spec_newland_bs50wd1_01 th {
	background: #f2f2f2;
	width: 23%;
	border-top: 1px solid #dedede;
	padding: 0;
	font-weight: 700
}

table.spec_newland_bs50wd1_01 td {
	width: 27%;
	padding: 16px;
}

table.spec_newland_bs50wd1_01 th.border-pc {
	border-right: 1px solid #dedede;
}

table.spec_newland_bs50wd1_01 td.border-pc {
	border-right: 1px solid #dedede;
}



table.spec_newland_fr42_01 {
	width: 100%;
	font-size: 16px;
}

table.spec_newland_fr42_01 tr {
	border-top: 1px solid #dedede
}

table.spec_newland_fr42_01 tr:last-child {
	border-bottom: 1px solid #dedede
}

table.spec_newland_fr42_01 th {
	background: #f2f2f2;
	width: 30%;
	border-top: 1px solid #dedede;
	padding: 0;
	font-weight: 700
}

table.spec_newland_fr42_01 td {
	padding: 16px;
}

table.spec_newland_fr42_01 th.border-pc {
	border-right: 1px solid #dedede;
}

table.spec_newland_fr42_01 td.border-pc {
	border-right: 1px solid #dedede;
}



table.spec_newland_mt93 {
	width: 100%;
	font-size: 16px;
	margin-top:10px;
}

table.spec_newland_mt93 tr {
	border-top: 1px solid #dedede
}

table.spec_newland_mt93 tr:last-child {
	border-bottom: 1px solid #dedede
}

table.spec_newland_mt93 th {
	background: #f2f2f2;
	width: 18%;
	border-top: 1px solid #dedede;
	padding: 0;
	font-weight: 700
}

table.spec_newland_mt93 td {
	width: auto;
	padding: 16px;
}

table.spec_newland_mt93 th.border-pc {
	border-right: 1px solid #dedede;
}

table.spec_newland_mt93 td.border-pc {
	border-right: 1px solid #dedede;
}

table.spec_newland_mt93 td.td_w_32{
		width: 32%;
	}

table.spec_newland_mt93 td.border-pc_01 {
	border-right: 1px solid #dedede;
	width: 32%;
}

table.spec_newland_mt93 td.td_32_01{
		width: 32%;
	}

table.spec .hmin{
	min-height: 290px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width:320px) and (max-width:767px) {
	table.spec_newland_mt93 tr {
		border: none;
		display: flex;
		flex-wrap: wrap;
	}

	table.spec_newland_mt93 th {
		background: #f2f2f2;
		width: 98%;
		display: flex;
		justify-content: center;
		margin: auto;
		padding: 8px 10px;
		height: auto;
	}
	
	table.spec_newland_mt93_th02 th{
		background: #f2f2f2;
		width: 98%;
		display: flex;
		justify-content: center;
		margin: auto;
		padding: 8px 10px;
		height: auto;
		font-weight: normal !important;
	}

	table.spec_newland_mt93 td {
		width: 97%;
		display: flex;
		justify-content: center;
		padding: 1rem 0 0.5rem 0;
		font-size: 13px;
		flex-direction: column;
	}

	table.spec_newland_mt93 td.d_block {
		width: 97%;
		display: block;
		padding: 1rem 0 0.5rem 0;
		font-size: 13px;
	}

	table.spec_newland_mt93 td.border-pc_01 {
		width: 50%;
		justify-content: center;
		float: left;
		padding: 5px 13px;
		margin: 0 auto;
		min-height: 44px;
	}

	table.spec_newland_mt93 td.border-pc_01 + td {
		width: 50%;
		padding: 5px 13px;
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
	}
	
	table.spec_newland_mt93 td.boder-pc {
		width: 50%;
		justify-content: center;
		float: left;
		padding: 5px 13px;
		margin: 0 auto;
		min-height: 44px;
	}

	table.spec_newland_mt93 td.boder-pc + td {
		width: 50%;
		padding: 5px 13px;
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
	}
	
	table.spec_newland_mt93 td.td_w_32{
		width: 100%;
	}
	
	.rr {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap
	}
	
	
	
	table.spec_newland_fr42_01 tr {
		border: none;
		display: flex;
		flex-wrap: wrap;
	}

	table.spec_newland_fr42_01 th {
		background: #f2f2f2;
		width: 98%;
		display: flex;
		justify-content: center;
		margin: auto;
		padding: 8px 10px;
		height: auto;
		font-weight: 700;
	}
	
	table.spec_newland_fr42_01 td {
		width: 97%;
		display: flex;
		justify-content: center;
		padding: 1rem 0 0.5rem 0;
		font-size: 13px;
		flex-direction: column;
	}

	table.spec_newland_fr42_01 td.d_block {
		width: 97%;
		display: block;
		padding: 1rem 0 0.5rem 0;
		font-size: 13px;
	}

	table.spec_newland_fr42_01 td.border-pc_01 {
		width: 50%;
		justify-content: center;
		float: left;
		padding: 5px 13px;
		margin: 0 auto;
		min-height: 44px;
	}

	table.spec_newland_fr42_01 td.border-pc_01 + td {
		width: 50%;
		padding: 5px 13px;
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
	}
	
	table.spec_newland_fr42_01 td.boder-pc {
		width: 50%;
		justify-content: center;
		float: left;
		padding: 5px 13px;
		margin: 0 auto;
		min-height: 44px;
	}

	table.spec_newland_fr42_01 td.boder-pc + td {
		width: 50%;
		padding: 5px 13px;
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
	}
}



table.spec td {
	/* width:70%; */
	padding: 16px
}
table.spec td img{
	max-width:200px;
	width:100%;
	min-height:200px;
}
table.spec td img.h200{
	height:200px;
	max-width:260px;
}

table.spec td.border-pc_01 {
	border-right: 1px solid #dedede;
}

table.spec td.boder-pc {
	border-right: 1px solid #dedede;
	width: 35%;
}

table.spec td.border-res {
	border-right: 1px solid #dedede;
}

table.spec td.bc-bs801_802_01 {
	background: #f2f2f2;
	border-right: 1px solid #dedede;
}	

table.spec td.bc-bs801_802_02 {
	background: #f2f2f2;
}	

@media (min-width:320px) and (max-width:767px) {
	table.spec tr {
		border: none;
		display: flex;
		flex-wrap: wrap;
	}

	table.spec th {
		background: #f2f2f2;
		width: 98%;
		display: flex;
		justify-content: center;
		margin: auto;
		padding: 8px 10px;
		height: auto;
	}

	table.spec td {
		width: 97%;
		/* display: flex; */
		display: block;
		justify-content: center;
		align-items: center;
		font-size: 13px;
		flex-direction: column;
	}

	table.spec td.d_block {
		width: 97%;
		display: block;
		padding: 1rem 0 0.5rem 0;
		font-size: 13px;
	}

	table.spec td.border-pc_01 {
		width: 50%;
		justify-content: center;
		float: left;
		padding: 5px 13px;
		margin: 0 auto;
		min-height: 44px;
	}

	table.spec td.border-pc_01 + td {
		width: 50%;
		padding: 5px 13px;
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
	}
	
	table.spec td.boder-pc {
		width: 50%;
		margin: 0 auto;
/*		justify-content: center;
		float: left;
		padding: 5px 13px;
		flex-direction: column;
		min-height: 44px;
*/
		flex-direction: column;
	}

	table.spec td.boder-pc + td {
		width: 50%;
		/* padding: 5px 13px; */
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
		display: flex;
	}


table.spec td.border-res{
		width: 50%;
		/* padding: 5px 13px; */
		margin: 0 auto;
}
table.spec td.border-res  + td{
		width: 50%;
		/* padding: 5px 13px; */
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
		display: flex;
}
	
table.spec .text-sup{
	display:contents;
}

	.rr {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap
	}
}

/*================================================
*  ovL3  第3階層　video
 ================================================*/
.col2WrapV {
	display: flex;
	align-items: center
}

.col2WrapV .col2Box {
	width: 50%
}

@media only screen and (max-width:980px) {
	.col2WrapV {
		flex-direction: column
	}

	.col2WrapV .col2Box {
		width: 95%
	}
}

.movie-box iframe {
	position: absolute;
	width: 100%;
	max-width: 640px;
	height: 100%;
	top: 0;
	left: 0
}

@media only screen and (max-width:980px) {
	.movie-box iframe {
		position: absolute;
		max-width: 980px;
		height: 100%;
		top: 0;
		left: 0
	}
}

.iframe-wrapper {
	padding-bottom: 56.25%;
	/*padding-bottomを%で設定するとwidthに対してその比率を保持してまま拡大縮小できる*/
	height: 0;
	position: relative
}

.iframe-wrapper_01 {
	padding-bottom: 30%;
	/*padding-bottomを%で設定するとwidthに対してその比率を保持してまま拡大縮小できる*/
	height: 0;
	position: relative;
	width: 500px;
	margin: 20px auto 0;
}

.movie-box_01 iframe {
	position: absolute;
	width: 100%;
	max-width: 640px;
	height: 100%;
	max-height: 360px;
	top: 0;
	left: 0
}

.fBox .iframe-wrapper_01 {
	padding-bottom: 50%;
	/*padding-bottomを%で設定するとwidthに対してその比率を保持してまま拡大縮小できる*/
	height: 460px;
	position: relative;
	width: 100%;
	margin: 0 auto 0;
}
.fBox .movie-box_01 iframe{
	max-height: unset;
}


@media only screen and (max-width:1280px) {
	.movie-box_01 iframe {
		position: absolute;
		max-width: 100%;
		height: 100%;
		top: 0;
		left: 0
	}
	
	.iframe-wrapper_01 {
	padding-bottom: 50%;
	/*padding-bottomを%で設定するとwidthに対してその比率を保持してまま拡大縮小できる*/
	height: 0;
	position: relative;
	width: 500px;
	margin: 20px auto 0;
}
}	

@media only screen and (max-width:728px) {
	.movie-box_01 iframe {
		position: absolute;
		max-width: 300px;
		height: 100%;
		top: 0;
		left: 0
	}
	
	.iframe-wrapper_01 {
	padding-bottom: 50%;
	/*padding-bottomを%で設定するとwidthに対してその比率を保持してまま拡大縮小できる*/
	height: 0;
	position: relative;
	width: 300px;
	margin: 20px auto 0;
}
.fBox .iframe-wrapper_01 {
	width: 300px;
	height: 0;
	margin: 0 auto 30px;
}
}

/*================================================
*  buttonL3  第3階層　ボタンエリア
 ================================================*/
.btn_inq a {
	display: inline-block;
	width: 100%;
	padding: 1em 1em;
	text-decoration: none;
	color: #FFF;
	background: #09f;
	border: 1px solid #09f;
	font-size: 22px
}

.btn_inq a:hover {
	transition: all 0.2s linear;
	background: #fff;
	color: #09f;
	border: 1px solid #09f
}

@media only screen and (max-width:728px) {
	.btn_inq a {
		font-size: 4vw
	}
}

ul.copyright {
	width: 100%;
	margin: 0 auto;
}

ul.copyright li {
	font-size: 1.2rem;
	text-align: left
}

/*================================================
*  button　汎用　
 ================================================*/
.btn_other a {
	display: inline-block;
	padding: 0.25em 1em;
	text-decoration: none;
	color: #fff;
	background: #444;
	border: 2px solid #444;
	font-size: 28px
}

.btn_other a:hover {
	transition: all 0.2s linear;
	background: #fff;
	color: #444;
	border: 2px solid #444
}

@media only screen and (max-width:728px) {
	.btn_other a {
		font-size: 4vw
	}
}

/* その他 */
.date-cost {
	font-size: 1.2rem;
	color: red;
	font-weight: 700
}

/*================================================
*  固定ボタン
 ================================================*/
.pagetop {
	display: block;
	position: fixed;
	bottom: 0px;
	right: 0;
	z-index: 199;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.1)
}

.fix_btn_manual {
	display: block;
	position: fixed;
	bottom: 155px;
	right: 0;
	z-index: 198;
	width: 50px;
	height: 85px;
	background: #33c3f4
}

.fix_btn_showroom {
	display: block;
	position: fixed;
	bottom: 90px;
	left: 0;
	z-index: 197;
	width: 110px;
	height: 140px
}

/*seav10f*/
.seav10f .col2Box img {
	margin: auto
}

.seav10fsize h4 {
	text-align: left;
	border-bottom: 1px dashed #00BFFF;
	margin-bottom: 10px
}

/*bc-nl300u*/
.three_year::after {
	content: '3年間保障';
	border: 1px solid;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 16px;
	margin-left: 10px
}

/*その他*/
#ipad img {
	width: 100%;
	max-width: 600px;
}

#ipad h4 {
	margin: auto;
	font-size: 19px;
	font-weight: 300;
}

#ipad h4 span {
	font-size: 14px;
}

.finish img {
	position: relative;
}

.finish::before {
	font-family: serif;
	font-style: oblique;
	font-size: 18px;
	position: absolute;
	margin: auto;
	content: "販売終了";
	top: 0;
	left: 32%;
	color: red;
	font-weight:bold;
}

.finish2 img {
	position: relative;
}

.finish2::before {
	font-family: serif;
	font-style: oblique;
	font-size: 18px;
	position: absolute;
	margin: auto;
	content: "販売終了";
	top: 0%;
	left: 77%;
	color: red;
}

.finish_h1 {
	position: relative;
	display: inline-block;
}

.finish_h1::before {
	font-family: serif;
	font-style: oblique;
	font-size: 18px;
	position: absolute;
	margin: auto;
	content: "販売終了";
	top: 10%;
	left: -5%;
	color: red;
	font-weight: bold;
}

.finish_old {
	position: relative;
	display: inline-block;
}

.finish_old::before {
	font-family: serif;
	font-style: oblique;
	font-size: 18px;
	position: absolute;
	margin: auto;
	content: "販売終了";
	top: -20px;
	left: 0;
	color: red;
	font-weight: bold;
}

.bt-successor {
	color: #ffffff;
	font-size: 1.8rem;
	padding: 10px 16px;
	background-color: #09f;
	border-bottom: 3px solid #4b70c1;
}

.bt-successor::after,
.bt-successor_old::after {
	font-family: "Font Awesome 5 Free";
	content: '\f101';
	font-weight: 900;
	margin: 0 0 0 10px;
}

.bt-successor:hover,
.bt-successor_old:hover {
	color: #fff !important;
	opacity: 0.3;
}

.bt-successor_old {
	display: inline-block;
	color: #fff !important;
	font-size: 1.8rem;
	background-color: #09f;
	border-bottom: 3px solid #4b70c1;
	padding: 10px 16px;
	margin: 30px 0;
}

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

	.bt-successor,
	.bt-successor_old {
		font-size: 1.5rem;
	}
}

ul.list-number li {
	list-style: decimal;
	font-size: 1.4rem;
	padding: 5px 0;
	margin: 0 20px;
}

.text-sup_01{
	font-size: 0.7em;
	vertical-align: super;
}

@media only screen and (max-width:728px) {
	.display-pc {
		display: none;
	}
}

.text-sup {
	font-size: 1.1rem;
	vertical-align: super;
}

.text-sup-top {
	font-size: 1.1rem;
	vertical-align: top;
}

@media only screen and (max-width:728px) {
td.text-sup_01{
	display: inline-block;
	font-size: 1.1rem;
	white-space: nowrap;
	flex-direction: row;
	}
	
.text-sup_01{
	display: inline-block;
	font-size: 0.7em;
	white-space: nowrap;
}
}

.stock_red{
	line-height: 1.8;
    font-size: 1.8rem;
    margin: auto;
    color: #FF0000; 
}


.text-annotation {
	display: block;
	font-size: 1.1rem;
}

.text-annotation_01 {
	font-size: 1.1rem;
	text-align: left;
	float: left;
	margin: 5px auto 80px auto;
}

.f-size-middles {
	font-size: 1.8rem;
}

.f-size-middles_open{
	display: block;
	font-size: 1.8rem;
	text-align: center;
}

.f-size-middle {
	font-size: 2.0rem;
}

.text-blue-large {
	display: block;
	font-size: 3rem;
	color: #00bfff;
	line-height: 1.2;
}

@media only screen and (max-width:728px) {
	.f-size-middles {
	font-size: 1.5rem;
	}
	
	.f-size-middles_open{
	font-size: 1.5rem;
	text-align: center;
}
	
	.f-size-middle {
		font-size: 1.5rem;
	}
}

.box-width-fit {
	width: fit-content;
	margin: 0 auto;
}

.box-width-500 {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

.box-width-550 {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
}

.box-width-650 {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
}

.box-width-900 {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.box-width-1100 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}


@media only screen and (max-width:728px) {
	.box-width-900 {
		width: 95%;
	}
}

.width-95 {
	width: 95%;
	margin: 0 auto;
}

.width-90 {
	width: 90%;
	margin: 0 auto;
}

.width-150 {
	width: 100%;
	max-width: 150px;
}

.width-200 {
	width: 100%;
	max-width: 200px;
}

.width-300 {
	width: 100%;
	max-width: 300px;
}
.width-320 {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}

.width-400 {
	width: 100%;
	max-width: 400px;
}

.width-415 {
	width: 100%;
	max-width: 415px;
}

.width-450 {
	width: 100%;
	max-width: 450px;
}

.width-500 {
	width: 100%;
	max-width: 500px;
}

.width-505 {
	width: 100%;
	max-width: 505px;
}


.width-550 {
	width: 100%;
	max-width: 550px;
}

.width-600 {
	width: 100%;
	max-width: 600px !important;

}

.width-700 {
	width: 100%;
	max-width: 700px;

}

.width-800 {
	width: 100%;
	max-width: 800px;
}

.width-900 {
	width: 100%;
	max-width: 900px;
}

.ht-s {
	height: 440px !important;
}

.ht-m {
	height: 480px !important;
}

.ht-l {
	height: 480px !important;
}


@media only screen and (max-width:728px) {
	.width-150 {
		width: 90%;
	}

	.width-200 {
		width: 90%;
	}

	.width-300 {
		width: 90%;
	}
	.width-320 {
		width: 90%;
	}

	.width-400 {
		width: 90%;
	}

	.width-500 {
		width: 90%;
	}

	.width-600 {
		width: 90%;

	}

	.width-700 {
		width: 90%;

	}

	.width-800 {
		width: 90%;

	}
	
	.width-900 {
		width: 90%;

	}

	.ht-s {
		height: 340px !important;
	}

	.ht-m {
		height: 300px !important;
	}

	.ht-l {
		height: 300px !important;
	}


}

.ctext-mobile-ltext {
	text-align: center;
}

@media only screen and (max-width:728px) {
	.ctext-mobile-ltext {
		text-align: left;
	}
}

.mt-30-mobile {
	margin: 0;
}

.mb-30-mobile {
	margin: 0;
}

@media only screen and (max-width:728px) {
	.mt-30-mobile {
		margin: 30px 0 0 0;
	}

	.mb-30-mobile {
		margin: 0 0 30px 0;
	}

}

/*================================================
*  製品一覧ページ用
 ================================================*/

.bg-others {
	background: #f4f7f9;
}

.box-out-production {
	border: 1px solid #ccc;
	padding: 10px 0;
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
	height: 100%;
}

.box-lineup-img {
	max-height: 300px;
}

.box-lineup-img2 {
	max-height: 200px;
}

.box-lineup-img3 {
	margin-bottom: 15px;
	z-index: 1;
	position:relative;
	padding: 10px 90px 10px 10px;
	max-height:300px;
}
.box-lineup-img3 img {
}
.box-lineup-img_nls01 {
	max-height: 175px;
	margin: 20px 30px -60px auto;
}

.box-lineup-img_nls02 {
	max-height: 175px;
	margin: -60px auto 10px 150px;
}


/*================================================
*  PC・タブレット・SP 出し分け
 ================================================*/

.for-pc { display:block; }
.for-sp { display:none; }
.mtt30{
	margin: 0 0 0 0;
}


@media screen and (max-width:727px) {
.for-pc { display:none; }
.for-sp { display:block; }
.mtt30{
	margin: 30px 0 0 0;
}
}


.for-pc_01 { display:block; }
.for-ta_01 { display:none; }

@media (min-width:728px) and (max-width:1280px){	
.for-pc_01 { display:none; }
.for-ta_01 { display:block; }	
.mtt30{
	margin: 30px 0 0 0;
}
}


.for-pc_02 { display:block;
width: 33%}
.for-ta_02 { display:none; }

@media screen and (max-width:1280px){
.for-pc_02 { display:none; }
.for-ta_02 { display:block; }	
.mtt30{
	margin: 30px 0 0 0;
}
}

/*================================================*/


.box-lineup-img_nls01 {
	height: auto;
	display: block;
	margin: auto;
}

.box-lineup-img_nls02 {
	height: auto;
	display: block;
	margin: auto;
}
	
.box-lineup-img_bs50{
	width: 100%;
}
	

.kvBox2 h2.kvL2_nls a,
a .kvBox2 h2.kvL2_nls {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
	margin-top: 30px;
	margin-bottom: 30px;
}

.kvBox2 h2.kvL2_nls a:hover,
a:hover .kvBox2 h2.kvL2_nls {
	transition: all 0.2s linear;
	opacity: 0.7;
	text-shadow: 1px 1px 3px #a1a9aa;
	margin-top: 30px;
	margin-bottom: 30px;
}

h2.kvL2_nls{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
	margin-top: 30px;
	margin-bottom: 30px;
}


.newland_name{
	font-weight: 600;
	font-size: 1.4em;
	margin-top: 20px;
}

img.lineup-img {
	height: 300px;
}

img.lineup-img2 {
	object-fit: contain;
	height: 200px;
}

img.lineup-img3 {
	object-fit: contain;
	width: 100% !important;
	height:300px;
}

img.lineup-img3_sp {
	object-fit: contain;
	width: 100%;
}

.pside-10 {
	padding: 0 15px !important;
}

a.link-manual {
	color: #035a9a;
}

a.link-manual::after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 10px
}

a.link-title {
	color: #202020;
	transition: 0.3s;
}

a.link-title:hover {
	color: #202020;
	opacity: 0.5;
}

@media only screen and (max-width:728px) {
	img.lineup-img {
		height: 200px;
	}

.box-lineup-img {
	min-height: unset;
	max-width: 100%;
}
.box-lineup-img img {
	position: unset;
	right: unset;
	min-height: unset;
}

.box-lineup-img3 {
	min-height: unset;
	max-width: 100%;
	padding: 0 0 20px;
}
.box-lineup-img3 img {
	position: unset;
	right: unset;
	min-height: unset;

}
img.lineup-img3 {
	height: unset;
}


}


.text-word-breack {
	word-break: break-word;
}

.nls-bs50_p01{
	font-size: 0.8em;
	margin-bottom: 20px;
}

/*================================================
*  タッチパネルPC「Seav-27(Bigtouch)」/h/pc/bigtouch.html用
 ================================================*/

.img-seav-27 {
	height: 100%;
	max-height: 600px;
}

@media only screen and (max-width:728px) {
	.img-seav-27 {
		height: 100%;
		max-height: 300px;
	}

}

/*================================================
*  10インチWindowsタブレット「Seav-10f Tablet」/h/pc/seav10f.htmlページ用
 ================================================*/

.text-color-blue {
	color: #00bfff;
	font-weight: 600;
}

.text-bg-blue {
	color: white;
	background-color: #00bfff;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: 600;
}

.text-bg-darkgreen {
	color: white;
	background-color: #455c64;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: 600;
}

table.spec th.text-bg-gray {
	padding: 10px;
	background: #d8d8d8;
	height: auto;
}

/*================================================
*  レシートプリンター CT-S253ETJ /h/ct-s253_2.html用
 ================================================*/

.spec2-top {
	overflow: auto;
	font-weight: bold;
	border-bottom: 1px solid #dedede;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.spec2 {
	width: 33%;
	float: right;
}


/*================================================
*  画像自動切換え BC-SD10T等
================================================*/

.slider img {
	display: block;
	margin: 0 auto;
}

.slider-nav {
	max-width: 580px;
	margin: 0 auto;
}

.img_change_btn {
	max-width: 270px;
	color: #00BFFF;
	font-size: 1.6rem;
	border: 1px solid #00BFFF;
	border-radius: 30px;
	margin: 0 10px;
	padding: 5px;
	transition: 0.3s;
}

.img_change_btn:hover {
	color: #fff;
	background: #00BFFF;
	cursor: pointer;
}

.img_change_btn:focus {
	outline: none;
}

.slick-current {
	color: #114eaf;
	background: #fff;
	cursor: pointer;
    font-weight: 700;
}

.slider .slick-current {
	background: none;
	cursor: default;
}

@media screen and (max-width:767px) {
	.img_change_btn {
		float: none !important;
		width: 90% !important;
		max-width: 90%;
		margin: 0 auto 20px auto;
	}

	.img_change_btn:last-child {
		float: none !important;
		width: 90% !important;
		max-width: 90%;
		margin: 0 auto;
	}
}

/*================================================
*  その他 ================================================*/

a.anchor {
	display: block;
	padding-top: 220px;
	margin-top: -220px;
}

a.pdf_link {
	color: #035a9a;
}

a.pdf_link::before {
	content: "\f1c1";
	font-family: 'Font Awesome 5 Free';
	color: #d40303;
	font-size: 1.7rem;
	font-weight: normal;
	margin-right: 5px;
}

a.pdf_link:hover {
	color: #37aaf7;
}

.text_bg_blue {
	display: inline-block;
	color: #fff;
	background: #15c0f2;
	padding: 3px 10px 3px;
	margin: 0 0 10px 0;
}

.text_indent {
	padding-left: 1em;
	text-indent: -1em;
}

.text_usb {
	font-size: unset;
}

.text_short {
	font-size: 1.2rem;
}

.text_graybg {
	display: inline-block;
	font-size: 1.6rem;
	background: #dedede;
	padding: 10px;
}

.icon_box {
	margin: 0 auto;
	position:relative;
}

.icon_box img {
	width: 80%;
}
.icon_box .ico{
	position: absolute;
	top: 0;
	right: -20px;
}
.icon_box .ico img {
	width: 100px;
}


.hicon_box {
	margin: 0 auto;
	position:relative;
}

.hicon_box img {
	width: 80%;
}
.hicon_box .ico{
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 2;
}
.hicon_box .ico img {
	width: 10vw;
	max-width: 110px;
}


@media screen and (max-width:767px) {
.icon_box .ico img{
	width: 60px;
}
.hicon_box .ico img{
	width: 23vw;
	max-width: 80px;
}

.icon_box .w100per,
.hicon_box .w100per{
	width: 100% !important;
	max-height: unset;
	max-width: unset;
}

a.anchor {
		padding-top: 122px;
		margin-top: -122px;
	}
}

.ovL3_h2_span_kome{
	font-size: 0.8em;
	vertical-align: top;
}

.ovL3_h2_span_text{
	font-weight: normal;
	font-size: 0.9em;
}

.lb-number {
	display:none !important;
}

/*PCでは無効（改行しない）*/
.sma_bc-reader_spec{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma_bc-reader_spec{
        display: block;
    }
}

.spec_newland_bs50wd1_p01{
	font-weight: 600;
	font-size: 1.8em;
	text-align: left;
	margin: auto auto 10px 30px;
}

.newland_box {
	text-align: left;
}

.newland_box h2 {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 10px;
}

.newland_box ul {
	margin: 0 0 10px;
}

.newland_box ul li {
	font-size: 1.4rem;
	list-style: disc;
	list-style-position: inside;
}

.newland_box ul li:first-of-type {
	margin: 0 0 10px;
}

.newland_box p {
	margin: 0 0 10px;
}

.newland_box a {
	color: #09f;
	transition: .3s;
}

.newland_box a:hover {
	color: #09f;
	opacity: 0.3;
}





.shiryou_box,
.okyakusama_box,
.naiyou_box,
.thanks_box {
	background: #fff;
}

.shiryou_box > div:first-of-type,
.okyakusama_box > div:first-of-type {
	display: flex;
	align-items: center;
	background: linear-gradient(to right, #00843f, #359e66);
	border-radius: 5px 5px 0 0;
	padding: 20px 30px;
}

.shiryou_box > div:first-of-type p:first-of-type,
.okyakusama_box > div:first-of-type p:first-of-type {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	white-space: nowrap;
}

.shiryou_box > div:first-of-type p:last-of-type,
.okyakusama_box > div:first-of-type p:last-of-type {
	color: #fff;
	border-left: 1px solid;
	padding: 0 0 0 30px;
	margin: 0 0 0 30px;
}

.shiryou_box > div:last-of-type,
.okyakusama_box > div:last-of-type {
	padding: 0 30px;
	margin: 0 0 60px;
}

.shiryou_box > div:last-of-type > div {
	display: flex;
	border-bottom: 1px solid #e3e3e3;
	padding: 30px 0;
}

.shiryou_box > div:last-of-type > div:last-of-type {
	border-bottom: none;
}

.shiryou_box > div:last-of-type > div > div:first-of-type {
	width: 30%;
}

.shiryou_box > div:last-of-type > div > div:last-of-type {
	width: 50%;
}

.shiryou_box > div:last-of-type > div > div > p {
	color: #00843f;
}

.shiryou_box{
	width: 100%;
}
.shiryou_box ul {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	margin-right: 10px;
}

.shiryou_box ul:last-of-type {
	margin: 0;
}

.shiryou_box ul li {
	padding: 0 30px 0 0;
    box-sizing:border-box;
}

.shiryou_box_li02 {
	margin-left: 20px;
}

.fa-solid, .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: 0.05357em;
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}



form#mail_form ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

form#mail_form ul.required_01{
    list-style-type: none;
    display: flex !important;
    justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}
form#mail_form ul.required_01 li{
	padding: unset;
}


.nl3000u_p01{
	text-align: left !important;
	max-width: 600px;
    display: inline-block;
}


/*================================================
*  ↓↓↓　mailform.css ================================================*/


@charset "utf-8";


form#mail_form {
	max-width: 960px;
	margin: 50px auto;
/*
	padding: 10px 0;
	background: #ffffff;
	border: 1px solid #eee;
	border-radius: 2px;
	box-shadow : 0 0 7px rgba( 0, 0, 0, 0.2 ); 
*/
}

form#mail_form dl {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

form#mail_form dl dt {
	clear: both;
	width: 35%;
	float: left;
	border-top: 1px solid #cccccc;
	padding: 15px 0;
	text-align: right;
	overflow: hidden;
}

form#mail_form dl dd {
	width: 65%;
	float: right;
	border-top: 1px solid #cccccc;
	padding: 15px 0 15px 5%;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child + dd {
	border: none;
}

form#mail_form dl dt span {
	display: block;
	font-size: 85%;
	color: #3377ff;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
	display: inline-block;
	float: left;
	color: #ffffff;
	line-height: 1;
	padding: 8px 9px;
	border-radius: 3px;
}

form#mail_form dl dt span.required {
	background: #d9534f;
	border: 1px solid #d43f3a;
}

form#mail_form dl dd span.required_00 {
	background: #fff !important;
	border: none !important;
}

form#mail_form dl dt span.optional {
	display: none;
	/* background : #337ab7;
	border : 1px solid #2e6da4; */
}

form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match {
	display: block;
	color: #ff0000;
	margin-top: 3px;
}


span.loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-top: 5px solid rgba(255, 255, 255, 0.2);
	border-right: 5px solid rgba(255, 255, 255, 0.2);
	border-bottom: 5px solid rgba(255, 255, 255, 0.2);
	border-left: 5px solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load-circle 1.0s linear infinite;
	animation: load-circle 1.0s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

@-webkit-keyframes load-circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load-circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */


form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"] {
	max-width: 90%;
	height: 2em;
	padding: 2px 2%;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
	margin-top: 5px;
}

form#mail_form input[type="text"]:focus,
form#mail_form input[type="email"]:focus,
form#mail_form input[type="tel"]:focus,
form#mail_form textarea:focus {
/*
	box-shadow: 0px 0px 5px #55ccff;
	border: 1px solid #55ccff;
	background: #ffffff;
*/
}

form#mail_form select {
	font-size: 100%;
	font-family: inherit;
	margin-top: 10px;
}

form#mail_form textarea {
	display: block;
	width: 90%;
	max-width: 90%;
	height: 200px;
	padding: 2px 2%;
	resize: vertical;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}


form#mail_form ul {
	list-style-type: none;
	display: flex;
}

form#mail_form ul.block li {
	margin: 0 0 15px;
}

form#mail_form ul.block_newland {
	margin: 5px 0 10px;
}

form#mail_form ul.block_newland li{
	margin-bottom: 3px;
}

form#mail_form ul.block_newland_01 {
	margin-bottom: 5px;
}

form#mail_form ul.flex_column {
	list-style-type: none;
	display: block;
}

form#mail_form ul.flex_column li {
	margin: 0 0 15px;
}

form#mail_form li {
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: flex-start;
	padding-right: 10px;
}

form#mail_form li label{
	display: flex;
	align-items: center;
}


form#mail_form ul li label:hover {
	cursor: pointer;
}

form#mail_form input#company,
form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm,
form#mail_form input#address,
form#mail_form input#serial_number,
form#mail_form input.product_number
{
	width: 100%;
}

form#mail_form input#postal + a {
	display: inline-block;
	padding: 9px 15px;
	vertical-align: middle;
	line-height: 1;
	background: #5bc0de;
	border: 1px solid #46b8da;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	text-decoration: none;
	position: relative;
	top: -1px;
}

form#mail_form input#postal + a:hover {
	cursor: pointer;
	background: #31b0d5;
	border: 1px solid #269abc;
}

form#mail_form p#form_submit {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	border-top: 1px solid #cccccc;
	text-align: center;
}

form#mail_form input[type="button"] {
	padding: 9px 15px;
	vertical-align: middle;
	line-height: 1;
	background: #d9534f;
	border: 1px solid #d43f3a;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	-webkit-appearance: none;
	font-size: 100%;
}

form#mail_form input[type="button"]:hover {
	cursor: pointer;
	background: #fff;
	border: 1px solid #d43f3a;
	color: #d43f3a;
}

form#mail_form input#form_submit_button {
	text-align: center;
	margin: 0 auto;
}

form#mail_form h3:first-child {
	margin-top: 0px;
}

form#mail_form h3 {
	background: #1212;
	padding: 5px 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.block {
	display: block !important;
}

.block_newland {
	display: block !important;
}



/* --responsive----------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and (max-width : 640px) {

	form#mail_form {
		width: 95%;
	}

	form#mail_form input[type="text"],
	form#mail_form input[type="tel"] {
		width: 100%;
	}

	form#mail_form dl {
		overflow: visible;
	}

	form#mail_form dl dt {
		width: auto;
		float: none;
		text-align: left;
		padding: 10px 0 5px;
		font-weight: bold;
	}

	form#mail_form dl dd {
		width: auto;
		float: none;
		border-top: none;
		padding: 0px 0 13px 0px;
	}

	form#mail_form dl dt span {
		font-weight: normal;
	}
	
	.required_01 label{
		clear: both;
		float: none;
		width: 100%;
	}
	
form#mail_form dl dt.required_01{
	display: inline-block;
	clear: both;
		float: none;
		width: 100%;
	color: #ffffff;
	line-height: 1;
	padding: 8px 9px;
	border-radius: 3px;
}

	.required h3 a{
		text-decoration: underline !important;
	}


	/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

	form#mail_form dl dt span.required,
	form#mail_form dl dt span.optional {
		margin-right: 1em;
		float: none;
	}


	/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

	form#mail_form input#form_submit_button {
		margin-left: 0;
	}
}

/* 640pixel end */


/*================================================
*  ↑↑↑　mailform.css ================================================*/

.mb-5{
	margin-bottom: 5px;
}

.mb-15{
	margin-bottom: 15px;
}

.mb-35{
	margin-bottom: 35px;
}



/* BC-NL3000UⅡ iPad接続追加 */


h2.L2h2_ipad_01 {
	position: relative;
	font-size: 36px;
	font-weight: 500 !important ;
	margin: 0 0 30px 0 !important;
	color: #474747;
	text-align: center;
}

h2.L2h2_ipad_01::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -25px;
	background-color: #00BFFF;
}

h2.L2h2_ipad_02 {
	position: relative;
	font-size: 36px;
	font-weight: 500 !important ;
	margin: 0 0 30px 0 !important;
	color: #474747;
	text-align: center;
}

h2.L2h2_ipad_02::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -25px;
	background-color: #00BFFF;
}

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

h2.L2h2_ipad_02 {
	position: relative;
	font-size: 22px !important;
	font-weight: 500 !important ;
	margin: -30px 0 30px 0 !important;
	color: #474747;
	text-align: center;
}
}

.text_bg_blue_01 {
	display: inline-block;
	color: #fff;
	background: #15c0f2;
	padding: 3px 10px 3px;
	margin: 20px 0 8px 0;
}

.text_bg_blue_02 {
	display: inline-block;
	color: #fff;
	background: #1859B1;
	padding: 3px 10px 3px;
	margin: 20px 0 0 20px;
}


.text_bg_blue_03 {
	display: inline-block;
	color: #fff;
	background: #008eec;
	padding: 3px 10px 4px;
	margin: 20px 0 0 0;
}

.text_bg_blue_04 {
	display: inline-block;
	width: 63px;
	color: #fff;
	background: #1859B1;
	padding: 3px 10px 3px;
	margin: 0 0 5px 0;
}

/* 番号リスト設定 */
ol.col2Box_list {
    margin: 0;
    padding: 0;
}

ol.col2Box_list_ol li {
	list-style: none;
    list-style-position: outside;
	margin-left: 20px;
    padding-left: 0;
	text-indent: -1.1em;
	text-align: left;
	padding-bottom: 0.8em;
	line-height: 1.3;
	font-size: 1.4rem;
}

ol.col2Box_list_ol li span{
    text-indent: -2em;
}

@media only screen and (max-width:728px) {
	ol.col2Box_list li {
		font-size: 14px;
		margin: 0;
		padding-bottom: 0.8em
	}
}



ul.col2Box_list_annotation {
    margin: 10px auto 0 auto;
    padding: 0;
}

ul.col2Box_list_annotation li {
	list-style: none;
    list-style-position: outside;
    margin-left: 20px;
	text-indent: -1.2em;
    padding-left: 0;
	text-align: left;
	padding-bottom: 0.5em;
	line-height: 1.3;
	font-size: 1.4rem;
}
.col2Box_list_annotation_img_01{
	width: 380px;
	height: 389px;
    text-align: center;
	margin: 63px auto auto 50px;
}

.col2Box_list_annotation_img_02{
/*
	position: absolute;
	top: 790px;
	left: 80px;
*/
	width: 170px;
	height: 160px;
    text-align: center;
	margin: 15px auto auto;
}


@media only screen and (max-width:480px){
.col2Box_list_annotation_img_01{
	width: 95%;
    text-align: center;
	margin: 30px auto -50px;
}

.col2Box_list_annotation_img_02{
/*
	position: absolute;
	top: 780px;
	right: 65px;
*/
	width: 170px;
	height: 160px;
    text-align: center;
	margin: 15px auto 10px;
}
}

ul li span {
    margin: 0;
	padding-right: 5px;
}

@media only screen and (max-width:728px) {
	ul.col2Box_list_annotation li {
		font-size: 14px;
		margin-left: 20px;
		padding-bottom: 0.5em
	}
}

ul.col2Box_list_annotation_01 {
    margin: 5px auto 0 auto;
    padding: 0;
}

ul.col2Box_list_annotation_01 li {
	list-style: none;
    list-style-position: outside;
    margin-left: 20px;
	text-indent: -1.1em;
    padding-left: 1.1em;
	text-align: left;
	padding-bottom: 0.5em;
	line-height: 1.3;
	font-size: 1.4rem;
}

ul li span {
    margin: 0;
	padding-right: 5px;
}

@media only screen and (max-width:728px) {
	ul.col2Box_list_annotation_01 li {
		font-size: 14px;
		margin-left: 20px;
		padding-bottom: 0.5em
	}
}

ul.col2Box_list_ipad_01 {
    margin: 8px auto 0 auto;
    padding: 0;
}

ul.col2Box_list_ipad_01 li {
	list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 0;
	text-align: left;
	padding-bottom: 0.5em;
	line-height: 1.3;
	font-size: 1.4rem;
}

ul li span {
    margin: 0;
	padding-right: 5px;
}

.col2Box_ipad_p{
	text-align: left;
	font-size: 1.4rem;
    line-height: 25px;
	margin-left: 20px;
}

.ipad_02{
	width: 70%;
	padding: 0px 50px 30px;
	border: 2px solid #21ADE5;
	border-radius: 10px;
	margin: 30px auto auto;
	position: relative;
}

.col2Box_list_annotation a:link{
	text-decoration: underline;
}

.col2Box_list_annotation a:hover{
	text-decoration: none;
}

.text_ipad_02_p{
	margin-left: 20px;
}



@media screen and (max-width:480px) {
	
h2.L2h2_ipad_01 {
	position: relative;
	font-size: 22px !important;
	font-weight: 500 !important ;
	margin: 50px 0 30px 0;
	color: #474747;
	text-align: center;
}

.ipad_02{
	width: 95%;
	padding: 15px 10px;
	border: 2px solid #21ADE5;
	border-radius: 5px;
	margin: 30px auto auto;
    font-size: 1.1rem;
	margin-bottom: 170px;
}
	
.text_ipad_02_p{
	font-size: 10px;
}
	
}	

span.ipad_li_03{
	color: #21ADE5;
	font-size: 1.2rem;
	vertical-align: middle;
}

.underline_01{
	text-decoration: underline;
}

.ipad_lightning_typec{
	width: 55px !important;
	height: 55px;
	vertical-align: middle;
	margin: auto 5px 10px auto;
}


.mt95_spec_p01{
	text-align: left;
	margin-top: 7px;
}

.mt95_spec_p02{
	text-align: left;
}

.bs80_spec_p01{
	text-align: left;
	margin-top: 10px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

.bs80_spec_p02{
	text-align: left;
	padding-left: 1.2em;
	text-indent: -1.2em;
}






/*================================================
*  buttonL3  第3階層　ボタンエリア
 ================================================*/
.btn_inq_b a {
	display: inline-block;
	width: 100%;
	padding: 1em 1em;
	text-decoration: none;
	color: #FFF;
	background: #09f;
	border: 1px solid #09f;
	font-size: 22px;
	margin-top: 40px;
}

.btn_inq_b a:hover {
	transition: all 0.2s linear;
	background: #fff;
	color: #09f;
	border: 1px solid #09f
}

@media only screen and (max-width:728px) {
	.btn_inq_b a {
		font-size: 4vw
	}
}




/*================================================
*  タッチ＆セカンドモニター　LABAUモニター
================================================*/
.labau {
	background: #667db6;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
	/* Chrome 10-25,Safari 5.1-6 */
	background: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
	/* W3C,IE 10+/ Edge,Firefox 16+,Chrome 26+,Opera 12+,Safari 7+*/
	max-height: 650px
}

.labau img {
	max-height: 410px;
	max-width: 100%;
	margin: 0 auto
}

.labau.inner3 {
	margin: 40px 0px;
	padding: 20px 0px;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0;
	text-align: center;
	overflow: hidden
}

.labau.inner3::before {
	background: url("../images/caution.svg")0 40% no-repeat;
	background-size: contain;
	content: '';
	width: 99%;
	height: 97%;
	display: inline;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -60%;
	margin: auto;
	opacity: .1;
	text-align: center;
	max-width: 1280px
}

.inner3 {
	margin: 0px 0px 40px;
	padding: 0px 0px;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0;
	text-align: center;
	overflow: hidden
}

.inner3::before {
	background: url("../images/caution.svg")0 40% no-repeat;
	background-size: contain;
	content: '';
	width: 99%;
	height: 97%;
	display: inline;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -60%;
	margin: auto;
	opacity: .1;
	text-align: center;
	max-width: 1280px
		
}

.inner3.labau h3{
	font-size: 36px;
	color: #fff;
	font-weight: 700
}
@media only screen and (max-width:1023px) {
.inner3.labau h3{
	font-size: 38px;
}
}
@media only screen and (max-width:728px) {
.inner3.labau h3{
	font-size: 20px;
}
}

.labau h4 {
	font-size: 24px;
	color: #f5f5f5 !important;
	border-bottom: none !important;
	margin-bottom: 0em !important;
	margin-bottom: 10px;
	padding-top: 20px
}



.text {
	margin: 30px 0;
	color: white;
	text-align: left
}

.text ul {
	display: inline-flex;
	width: 100%;
	justify-content: space-around;
	text-align: center
}

.text li {
	width: calc(96%/4);
	justify-content: space-around;
	padding: 5px;
	background: rgba(255, 255, 255, 0.04);
	border: .5px solid white;
	font-size: 13px;
}

.title-border {
	display: flex;
	align-items: center
}

.title-border:before,
.title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1
}

.title-border:before {
	margin-right: 1rem
}

.title-border:after {
	margin-left: 1rem
}

.windows7 h3 {
	font-size: 40px;
	color: white
}

/*カウントダウン*/
.cdt_wrapper {
	background-color: rgba(237, 237, 237, 0.28);
	font-weight: bold;
	text-align: center;
	line-height: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	color: white;
	letter-spacing: 5px
}

@media screen and (min-width:768px) {
	.cdt_wrapper {
		line-height: 2.5;
		font-size: 1.8rem;
		padding: 0 20px
	}
}

.cdt_wrapper small {
	font-size: .6em;
	padding: 0 .4em
}

.cdt {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.cdt_txt {
	font-size: .6em;
	display: inline-block;
	margin-right: .6em
}

@media screen and (min-width:728px) {
	.cdt_txt {
		font-size: .5em
	}
}

.cdt_txt span {
	display: block;
	line-height: 1;
	font-size: 1.2rem
}

.cdt_date {
	font-size: 2.5rem
}

.cdt_num {
	padding: 0 .15em
}

@media screen and (min-width:728px) {
	.cdt_num {
		line-height: 1;
		padding: .3em .15em
	}


	.labau img {
		max-height: 410px;
		max-width: 100%;
		margin: 0 auto
	}

	.labau p {
		font-size: 14px
	}
}
@media screen and (max-width:880px) {
	.text li {
		width: calc(98%/4);
		font-size: 0.9rem;
	}
}

@media only screen and (max-width:728px) {
	.labau::before {
		width: 80%
	}

	.inner2box {
		flex-direction: column;
		padding-top: 10px
	}
	
	.inner3box {
		flex-direction: column;
		padding-top: 10px
	}

	.labau h4 {
		font-size: 16px
	}

	.labau h3 {
		font-size: 27px;
		margin-bottom: 20px
	}

	.labau {
		max-height: 620px
	}

	.labau.inner3::before {
		width: 90%;
		height: 90%;
		top: 80px
	}

	.text {
		margin: 10px 0;
		padding: 5px;
		font-size: 15px
	}

	.text li {
		width: calc(98%/4);
		font-size: 0.9rem;
		padding: 5px .5px;
	}
}


.inner3box {
	max-width: 1280px;
	margin: auto
}

.ffbox100 {
	width: 100%;
	padding: 10px;
	position: relative
}

.ffbox100 h2.kvL2 a {
	font-size: 40px;
	font-weight: 700;
	color: #fff
}

h2.ffbox100{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
}

.ffbox100 h2.kvL2 a:hover {
	transition: all 0.2s linear;
	opacity: 0.7
}

.ffbox100 h2.kvL2_nls a {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
}

.ffbox100 h2.kvL2_nls a:hover {
	transition: all 0.2s linear;
	opacity: 0.7;
	text-shadow: 1px 1px 3px #a1a9aa;
}

h2.kvL2_nls{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 3px #a1a9aa;
}

.ffbox100 h2.kvL2 img {
	max-width: 1200px
}

.ffbox100 img {
	max-height: 380px;
	margin: 5px 0
}

div.logo_win10_kv2 img {
	position: absolute;
	bottom: 25px;
	right: 0;
	width: 35%
}

@media only screen and (max-width:728px) {
	section.kvL2 .inner {
		flex-direction: column;
		padding-top: 10px
	}

	.ffbox100 {
		width: 100%;
		padding: 0
	}

	.ffbox100 h2.kvL2 {
		width: 100%
	}

	.ffbox100 h2.kvL2 a {
		font-size: 8vw
	}

	.ffbox100 h2.kvL2 img {
		max-height: 100px;
		max-width: 200px;
		padding: 10px 0 0
	}

	.ffbox100 img {
		max-height: 320px;
		max-width: 300px
	}
	
}


span.bc-sd-size{
	color: #00BFFF;
	font-size: 1.4em;
}


.thumb_box_01{
	display: block;
	max-width: 900px;
	display: grid;
	place-items: center;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	justify-content: center;
	margin: 0 auto 30px;
}

.thumb_box_02{
	display: none;
}
.thumb_box_03{
	display: none;
}
.thumb_box_04{
	display: none;
}
.thumb_box_05{
	display: none;
}

.sd10t2_02{
	float: left;
}

.sd10t2_img_01{
	float: left;
	margin: auto auto 10px 20px;
}

.sd10t2_img_01_sp{
	margin: 0 auto;
}

.sd10t2_img_02{
	margin: auto 130px auto auto;
}

.sd10t2_img_02_sp{
	margin: 0 auto 10px 20px;
}

.sd10t2_p_01{
	clear: both;
	text-align: left;
	margin-bottom: 5px;
}
.top_bnr {
  display: flex;
  flex-direction: row;
  justify-content: center;
  row-gap: 15px; 
  column-gap: 15px;
  margin: 0 auto;
}

.inner_top_bnr {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
    text-align: center;
}

@media only screen and (max-width:980px) {
.top_bnr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 15px; 
  column-gap: 15px;
  margin: 0 auto;
}

.inner_top_bnr {
	max-width: 900px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
	text-align: center;
}
}


/*================================================
*  TOPスライド
================================================*/

/* ラインナップ　カルーセル 設定 */
.swiper-container {
	width: 100%;
	margin-top: 2rem;
	overflow:hidden;
	justify-content: center !important;
}

.swiper-slide_h {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center !important;
}

.swiper-slide_h img {
	max-width: 800px;
	height: auto;
	max-height: 500px;
	width: 100%;
}

ul.swiper-slide_h {
	display: flex;
	flex-direction: column;
	justify-content: center !important;
}

ul.swiper-slide_h li.p_name {
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: 500 !important;
	color: #00BFFF
}

ul.swiper-slide_h li.p_dic {
	font-size: 1.2rem
}

ul.swiper-slide_h li.p_dic{
	color: #000;
}

.swiper-slide_h a:hover {
	background: rgba(255, 255, 255, .7);
	transition: all 0.3s linear
}

ul.swiper-slide_h ul {
	position: relative;
}

.menu_link li.li_a {
    border-left: 1px solid #9da0a4;
    padding: 0 5px;
	vertical-align: middle;
}

.menu_link li.li_b {
    border-left: 1px solid #9da0a4;
	border-right: 1px solid #9da0a4;
    padding: 0 5px;
	vertical-align: middle;
}

.menu_link li.li_c {
    border-right: 1px solid #9da0a4;
    padding: 0 5px;
	vertical-align: middle;
}

.menu_link li .menu_link a {
    display: inline-block;
}

.li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.menu_link a:hover {
    border-bottom: 3px solid #00BFFF;
}

.menu_link li.li_a a{
    font-size: 1.4rem;
    padding: 16px 0;
    width: 126px;  
}

.menu_link li.li_b a{
    font-size: 1.4rem;
    padding: 16px 0;
    width: 126px;
}

.menu_link li.li_c a{
    font-size: 1.4rem;
    padding: 16px 0;
    width: 126px;
}

.menu_link a{
    font-size: 1.4rem;
    padding: 16px 0;
    width: 126px;
}

.menu_link li, .menu_link a{
    display: inline-block;
	vertical-align: middle;
	border-bottom: 3px solid #FFF;
}

.menu_link{
	margin: 30px auto auto;
	text-align: center;
	font-size: 1.8rem;
	vertical-align: middle;
}

.menu_link_w{
	width: 300px;
}

.newland_menu {
	display:flex;
	align-items:stretch;
	justify-content:center;
}

.newland_menu li {
	align-items:center;
	display: flex;
}
.newland_menu li a{
	padding: 10px 0 !important;
}

@media screen and (max-width:728px) {
.menu_link{
    width: 90% !important;
	margin: 15px auto auto;
	text-align: center;
	font-size: 1.1rem;
	vertical-align: middle;
 }
	
.menu_link li.li_a a{
    font-size: 1.4rem;
    padding: 16px 0;
    width: 20%;  
}

.menu_link li.li_b a{
    font-size: 1.4rem;
    padding: 6px 0;
    width: 20%;
}

.menu_link a{
    font-size: 1.4rem;
    padding: 16px 0;
    width: 20%;
}
}


.icon_square{
	text-align: center;
	margin: 30px auto auto;
}

.icon_square_p{
	margin-left: 520px;
}


.bluebg_title {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.5;
    background-color: #09f;
    padding: 10px 10px 10px 20px;
    margin: 0 0 20px;
}

.explain_box01 {
	display: flex;
    flex-direction: column;
}

.explain_box_in{
	display: flex;
    justify-content: flex-start;
	margin: 0 auto 50px;
	padding: 25px 30px;
	border: 1px solid #dedede;
	border-top: none;
	position: relative;
	text-align: left;
/*	box-shadow: 0 3px 6px rgba(0,0,0,0.2);*/
}

.explain_title {
  width: 100%;
  font-weight: bold;
  font-size: 1em;
  padding: 0.3em 1em;
  background-color: #e4f2ff;
  color: #035a9a;
  position: relative;
  cursor: pointer;
  text-align: left;
}

/* アニメーション1 */
.explain_title:hover {
	transition: all 0.2s linear;
	transform: translateY(-5px) ;
	opacity: 1.0;
}

/* アニメーション2 */
/*
.explain_title:hover {
	transition: all 0.2s linear;
	transform: scale(1.05);

}
*/

.explain_title:before {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  left: 30px;
  top: 100%;
  padding-right: 0.2em;
/*  border: solid transparent;
  border-color: transparent;
  border-top-color: #00BFFF;
  border-right-color: #00BFFF;
  border-width: 6.5px;
  */
}




.explain_box01{
	padding: 0;
	margin: 0 auto;
}
.explain_box_in{
	display:none;
	margin: 0 auto;
	background:#fff;
}
.explain_title{
	padding-left:2.5em;
	margin: 50px 0 0;
	padding: 20px;
}
.explain_title:first-child{
	margin: 0;

}
.explain_title::before{
	content:"\f13a";
	font-family:'Font Awesome 5 Free';
	left:0;
	top:2px;
	font-size:24px;
	position:relative;
}
.active::before{
	content:"\f139";
	font-family:'Font Awesome 5 Free';
	left:0;
	top:2px;
	font-size:24px;
	position:relative;
}

@media screen and (max-width:728px) {
.tlL3{
	padding: 0 20px;
}
.explain_box01{
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
.explain_box_in{
	display:none;
	margin: 0 auto;
	background:#fff;
	padding: 30px;
}
.explain_title{
	padding-left:2.5em;
	margin: 20px 0 0;
	padding: 0 1vw;
	line-height: 12vw;
}
.explain_title:first-child{
	margin: 0;

}
.explain_title::before{
	content:"\f13a";
	font-family:'Font Awesome 5 Free';
	left:0;
	top:2px;
	font-size:24px;
	position:relative;
}
.active::before{
	content:"\f139";
	font-family:'Font Awesome 5 Free';
	left:0;
	top:2px;
	font-size:24px;
	position:relative;
}

.icon_square_p{
	text-align: right;
}
	
}


.kanreninner{
	padding:  0;
}
.kanrenHidden{
	overflow:hidden;
	max-width: 950px;
	margin: 0 auto -50px;
}
.kanrenList{
/*	width: 1010px; */
	margin: 5px auto 25px;
/*	padding: 0 calc((100% - min(100%, 1010px))/2); */
}
.kanrenList .swiper-scrollbar {
	background: #e8eaed;
	width: 60%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	height: 7px;
	margin: 0 0 7px;
	cursor: pointer;
}
.kanrenList .swiper-scrollbar-drag {
	background: #3c4043;
}

.kanrenList .item{
	width: 120px;
}
.kanrenListArea{
	padding: 0 0 40px;
}

.kanrenList .swiper-scrollbar-drag {
	background: #3c4043;
}

.kanren_box{
/*	justify-content: space-evenly; */

}
.kanren_box .kanren{
	text-align:left;
}
.kanren_box .kanrenImg{
	flex: 1;
	width: 100%;
	min-height: 210px;
	max-width: 330px;
	min-width: 300px;
padding: 10px 0;
	border: 1px solid #dad7d7;
	background: #fff;
	color: #202020;
	position:relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	}
	

.kanrenFlex{
	display: flex;
	align-items: center;
	justify-content: space-around;
	min-height: 100px;
}
.kanrenFlex div{
	width: 60%;
}

.kanrenNew::before {
	width: 50px;
	height: 50px;
	background-image:url(/h/img/common/icon_new_l.png);
	background-size: contain;
	content:"";
	position:absolute;
	top: 0;
	left: 0;
}
.kanren_box .kanrenFlex p{
	font-size: 2rem;
	padding-left: 1rem;
	line-height: 1.4;
}
.kanren_box .kanrenTxt{
	padding: 1em 1em 0;
	text-align:left;
	line-height: 1.4;
}
.kanren_box .kanrenImg img{
	max-width: 200px;
	max-height: 120px;
	width: 50%;
	padding-right:5px;
	padding-left:2px;
}
.kanren_box .kanrenImg .icon{
	display: flex;
	line-height:0;
	padding: 0 0 0 1rem;
	justify-content: end;
}
.kanren_box .kanrenImg .icon img{
	max-height: 60px;
	width: 100%;
	padding-right:0;
	padding-left:0;
}
.kanren_box .swiper-slide{
	background: unset;
}

.kanren_box01{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.kanren_box_01{
	text-align: left;
}

@media screen and (max-width: 1024px) {
.kanrenList{
	width: 100%;
	margin: 5px auto 25px;
/*	padding: 0 calc((100% - min(100%, 1010px))/2); */
}
.kanrenList .swiper-scrollbar {
	width: 60%;
}
.kanrenListWhite{
	-webkit-mask-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
	mask-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
}
.kanrenList .itemClass{
	font-size: 17px;
}
.kanrenList .itemName{
	font-size: 14px;
}
.kanren_box .kanrenImg{
	min-height: 240px;
	max-width: 350px;
	min-width: unset;
}
.kanren_box .kanrenImg .icon img{
	max-width: 84px;
}
}

@media screen and (max-width:728px) {
.kanren_box{
	display: flex;
	justify-content: start;
}
.kanren_box .kanren{
	text-align:left;
}
.kanren_box .kanrenImg{
	min-height: 190px;
	min-width: 100%;
	width: 100%;
	border: 1px solid #dad7d7;
	background: #fff;
	color: #202020;
	position:relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.kanrenFlex{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.kanrenNew::before {
	width: 15vw;
	height: 15vw;
	background-image:url(/h/img/common/icon_new_l.png) ;
	background-repeat:no-repeat;
	background-size: contain;
	content:"";
	position:absolute;
	top: 0;
	left: 0;
}
.kanren_box .kanrenFlex p{
	font-size: 1.8rem;
	padding-left: 1rem;
	line-height: 1.4;
}
.kanren_box .kanrenTxt{
	padding: 1em 1em 0;
	text-align:left;
	line-height: 1.4;
}
.kanren_box .kanrenImg img{
	max-width: 200px;
}
.kanren_box .kanrenImg .icon img{
	max-width: 84px;
}



.kanren_box01{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}
	
.kanren_box_01 img{
	width: 100%;
}
}
@media screen and (max-width: 440px) {
.kanrenList{
	width: 100%;
	margin: 5px auto 25px;
	padding: 0;
}
.kanrenList .swiper-scrollbar {
	width: 60%;
}
.kanrenListWhite{
	-webkit-mask-image: unset;
	mask-image: unset;
}
.kanrenList .itemClass{
	font-size: 14px;
}
.kanrenList .itemName{
	font-size: 12px;
}
.kanrenList .itemLogo:before{
	width: unset;
	height: 30px;
	content: "Windows・Android";
	color: #0078d6;
	font-weight:bold;
	font-size:10px;
	position: absolute;
	bottom: -35px;
	left: calc(100% - 26vw);
}
.kanren_box .kanrenImg{
	min-height: 210px;
}
.kanren_box .kanrenImg .icon{
}
.kanren_box .kanrenImg .icon img{
	max-height: 74px;
}
}


.title111{
	width: 420px;
	height: 43px;
}


@media screen and (max-width: 767px) {
    .menu_link_sp {
		display: block;
        text-align: center;
        line-height: 40px;
        flex-direction: column;
        padding: 15px auto;
		margin-top: 30px;
    }
	
    .menu_link_sp ul li.menu_link_sp_li_a {
		text-align: center;
        margin: 0 auto;
        list-style: none;
		border-top: 2px solid #dedede;
        border-bottom: 2px solid #dedede;
		font-weight: 600;
	}
	
	.menu_link_sp ul li.menu_link_sp_li_b {
		text-align: center;
        margin: 0 auto;
        list-style: none;
		border-bottom: 2px solid #dedede;
		font-weight: 600;
	}
	
	.menu_link_y{
		color: #a9a9a9;
	}
}

.f_height_300{
	height: 300px;
}

.f_height_400{
	height: 400px;
}

@media screen and (max-width:728px) {
.f_height_300{
	height: 100%;
}
	
.f_height_400{
	height: 100%;
}
	
.f_height_500{
	height: 100%;
}
}

.photo_3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.feature_img_mt93_r{
	margin: 30px auto 30px 45px;
}

.feature_img_mt93_l{
	margin: 30px 45px 30px auto;
}

@media screen and (max-width:959px) {
	.feature_img img{
		display: flex;
		text-align: center;
		margin: 0 auto;
	}
	
	.feature_img_mt93_r img{
		display: flex;
    text-align: center !important;
    margin: 0 auto;
	}
	
	.feature_img_mt93_l img{
		display: flex;
    text-align: center !important;
    margin: 0 auto;
	}
	
	.f_height_300{
	height: 100%;
}
	
.f_height_400{
	height: 100%;
}
	
.f_height_500{
	height: 100%;
}
}



h2.newland_h2{
	font-size: 38px;
	font-weight: 700;
	text-align: center !important;
	margin: 20px auto;
	border-left: 1px solid #9da0a4;
	border-right: 1px solid #9da0a4;
    padding: 0 5px;
	vertical-align: middle;
	display: block;
	width: 18%;
}

h2.newland_h2_spec{
	font-size: 38px;
	font-weight: 700;
	text-align: center !important;
	margin: 20px auto;
	border-left: 1px solid #9da0a4;
	border-right: 1px solid #9da0a4;
    padding: 0 5px;
	vertical-align: middle;
	display: block;
	width: 25%;
}

h2.h2_res{
	font-size: 38px;
	font-weight: 700;
	text-align: center !important;
	margin: 20px auto 50px;
    padding: 0 5px;
	vertical-align: middle;
	display: inline-block;
	position:relative;
}
h2.h2_res:before{
	content:"";
	background:#9da0a4;
	display: inline-block;
	position:absolute;
	top:0;
	left:-45px;
	height: 59px;
	width: 1px;
}
h2.h2_res:after{
	content:"";
	background:#9da0a4;
	display: inline-block;
	position:absolute;
	top:0;
	right:-45px;
	height: 59px;
	width: 1px;
}

.icon_squareList{
	display: grid;
	gap: 5px;
	margin: 0 auto;
	grid-template-columns:repeat(auto-fit,minmax(70px,70px));
	justify-content: center;
}

.icon_squareList li{

}
.icon_squareList img {
	width: 70px;

}



@media screen and (max-width:1024px) {
.icon_squareList{
	gap: 1vw 3vw ;
	margin: 0 auto;
	grid-template-columns:repeat(auto-fit,minmax(15%,15%));
	padding: 0 20%;
}
.icon_squareList img{
	width:100%;
}
.icon_squareList li{
	text-align:center;
/*
width:18.77%;
	order: 0;
	display:block;
	text-align:center;
	*/
}
.icon_squareList li::after {
    content: '';
    width: 100%;
}
.icon_squareList li:nth-child(n+6) {
    order: 1;
}
}

h3.h3_res{
	font-size: 34px;
	font-weight: 600;
	text-align: center;
	margin: 0 auto 30px;
}

@media screen and (max-width:728px) {
.icon_squareList{
	gap: 0 2vw ;
	margin: 0 auto;
	grid-template-columns:repeat(auto-fit,minmax(15%,15%));
	padding: 0;
}
.icon_squareList img {
	width: 100%;
}

h2.newland_h2_sp{
	font-size: 34px;
	font-weight: 700;
	text-align: center !important;
	margin: 5px auto 0;
}

h3.h3_res{
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 15px;
}
}





section.specL3 h2 {
	font-size: 38px;
	font-weight: 700;
	margin-top: 40px;
	text-align: center;
}

.spec_m{
	margin-top: -80px;
}

td.wd1_td_001{
	font-weight: 700;
}

@media (min-width:320px) and (max-width:767px) {
section.specL3 h2 {
	font-size: 30px;
	margin-top: 40px;
}
h2.h2_res{
	font-size: 30px !important;
	margin: 20px auto 50px;
}
h2.h2_res:before{
	top: -5px;
}
h2.h2_res:after{
	top: -5px;
}
table.spec_newland_bs50wd1 tr {
		border: none;
		display: flex;
		flex-wrap: wrap;
	}

	table.spec_newland_bs50wd1 th {
		background: #f2f2f2;
		width: 98%;
		display: flex;
		justify-content: center;
		margin: auto;
		padding: 8px 10px;
		height: auto;
	}
	
	table.spec_newland_bs50wd1 td {
		width: 97%;
		display: flex;
		justify-content: center;
		padding: 1rem 0 0.5rem 0;
		font-size: 13px;
		flex-direction: column;
	}

	table.spec_newland_bs50wd1 td.d_block {
		width: 97%;
		display: block;
		padding: 1rem 0 0.5rem 0;
		font-size: 13px;
	}

	table.spec_newland_bs50wd1 td.border-pc_01 {
		width: 50%;
		justify-content: center;
		float: left;
		padding: 5px 13px;
		margin: 0 auto;
		min-height: 44px;
	}

	table.spec_newland_bs50wd1 td.border-pc_01 + td {
		width: 50%;
		padding: 5px 13px;
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
	}
	
	table.spec_newland_bs50wd1 td.boder-pc {
		width: 50%;
		justify-content: center;
		float: left;
		padding: 5px 13px;
		margin: 0 auto;
		min-height: 44px;
	}

	table.spec_newland_bs50wd1 td.boder-pc + td {
		width: 50%;
		padding: 5px 13px;
		margin: 0 auto;
		flex-direction: column;
		margin: 0 auto;
		min-height: 44px;
	}
	
	.rr {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap
	}
}


.dli-chevron-round-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  transform: translateX(-25%) rotate(45deg);
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}

.font-small{
	font-size: 0.6em;
}

p.release_new{
/*	font-family: serif;*/
/*	font-style: oblique;*/
/*	font-weight: bold;*/
	line-height: 1.8;
	font-size: 1.7rem;
	margin: auto;
	color: red;
}

p.release_new a{
	color: #000 !important;
}

p.release_new a:link{
	text-decoration: none;
	border-bottom: 1px solid #000 !important;
	padding-bottom: 2px;
}

a.release_new_01{
	border-bottom: 1px solid #000 !important;
	padding-bottom: 2px;
}

p.release_new a:hover{
	text-decoration: none !important;
	border-bottom: none !important;
}

@media screen and (max-width:728px) {
	p.release_new{
/*	font-family: serif;*/
/*	font-style: oblique;*/
/*	font-weight: bold;*/
	line-height: 1.8;
	font-size: 1.5rem;
	margin: auto;
	color: red;
}
	
	p.release_new a:link{
	text-decoration: none;
	border-bottom: 1px solid #000 !important;
	padding-bottom: 2px;
}
	
	a.release_new_01{
	border-bottom: 1px solid #000 !important;
	padding-bottom: 2px;
}

	p.release_new a:hover{
	text-decoration: none !important;
	border-bottom: none !important;
}
	
	.stock_red_01{
	line-height: 1.8;
    font-size: 1.7rem;
    margin: auto auto 10px auto;
    color: red;
}
}

.stock_red_01{
	line-height: 1.8;
    font-size: 1.7rem;
    margin: auto auto 30px auto;
    color: red;
}

.stock_red_02{
	line-height: 1.8;
    font-size: 1.7rem;
    margin: auto;
    color: red;
}

@media screen and (max-width:728px) {
	.img_sp_01{
		text-align: center;
		margin: auto;
	}
	
	.text-sup_01{
	display: flex;
  flex-direction: row;
  text-align: center;
}
	
	.mt-20-sp_mt37{
		margin-top: 20px !important;
	}
	
	.mt37_img_02{
		max-width: 80%;
	}
	.mt37_img_03{
		max-width: 100%;
		margin-top: -40px
	}

}

.mt37_img_01{
	width: 350px !important;
	margin: 20px auto !important;
}

.mt37_img_02{
	width: 380px !important;
	margin: 20px auto !important;
}

.mt37_img_03{
	width: 380px !important;
	margin: 100px auto 70px !important;
}

.mt37_img_03{
	width: 420px !important;
	margin: 10px auto !important;
}


.cls_header_h01{
	height: 63px;
}

.header_box_h01{
	display: flex;
	border-bottom: 1px solid #ccc;
}

.header_box_h01 > div > div h1 img {
    width: 100%;
    max-width: 130px;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

img {
    height: auto;
    -webkit-backface-visibility: hidden!important;
    image-rendering: -webkit-optimize-contrast!important;
}

.header_box_h01 > div > div h1 {
    font-weight: normal;
    font-size: 1.4rem;
    margin-bottom: 0;
}

.header_box_h01 > div {
    width: 96%;
    max-width: 1004px;
    height: 63px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.header_box_h01 {
    width: 100%;
	height: 63px;
    font-family: YakuHanJP, 'Noto Sans JP', 'noto-fallback', 'rome_num', sans-serif;
    background: #fff;
    position: relative;
    z-index: 5;
}

.header_box_h01 aside a:nth-of-type(1) {
    padding: 0 11px 0 0;
}

.header_box_h01 aside a:nth-of-type(2) {
    padding: 0 10px;
}

.header_box_h01 aside a:last-of-type {
    border-right: none;
    padding: 0 0 0 11px;
}
.header_box_h01 aside a {
    color: #008c67;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-right: 1px solid;
    transition: .3s;
}

.header_box_h01 a {
    color: #09f;
}



/*================================================
*  OTHER(消耗品)ページ
================================================*/


ul.other_side_01 {
	display: flex
}


.other_side_01 li{
	border-top: none !important;
	border-bottom: 1px solid #d6d5d5;
	display: block
}


.side .Ttl {
	color: #474747;
	font-size: 1.14em;
	font-weight: 700;
	padding-bottom: .5em
}

ul.other_side_01 {
	display: flex;
	flex-direction: column;
}

ul.other_side_01 li{
	width: 100%;
}

ul.other_side_01 a:link:before {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 1em
}

.other_side_01 li:first-child {
	border-top: 1px solid #d6d5d5
}

.other_side_01 li a:link,
.other_side_01 li a:visited{
	display: block;
	width: 250px;
	padding: 0.3em 0 0.3em 3em !important;
	background: #fff !important;
	color: #035a9a
}

.other_side_01 li a:hover {
	background: #247ba0 !important;
	color: #fff !important
}

.other_side_01 li a:hover:before {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 1em
}



.o_pBox2_other01 {
	border: 1px solid #999999;
	padding: .5em;
	margin-bottom: 2em;
}

.o_pBox2_other01 {
	margin-bottom: 1em;
}

.o_pBox2_other01 ul {
	display: flex;
}

.o_pBox2_other01 li {
	display: block;
}

.o_pBox2_other01 li:nth-child(1) {
	width: 40%;
}

.o_pBox2_other01 li:nth-child(2) {
	width: 60%;
	margin-top: 2em;
}

.o_pBox2_other01 li a {
	display: inline-block;
	width: 100%;
	margin-bottom: 1em;
}

.kasen_pos_01 {
	font-weight: bold;
	border-bottom: #999 2px solid;
	letter-spacing: normal;
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
	padding-bottom: .5em;
}

.pos_c_01{
	margin: 70px auto 30px;
}

@media (min-width:320px) and (max-width:728px) {
	.o_pBox2_other01 ul {
		flex-direction: column;
	}

	.o_pBox2_other01 li {
		display: block;
	}

	.o_pBox2_other01 li:nth-child(1) {
		width: 100%;
	}

	.o_pBox2_other01 li:nth-child(2) {
		width: 100%;
		margin-top: 2em;
	}

	.o_pBox2_other01 li a {
		display: inline-block;
		width: 100%;
		margin-bottom: 1em;
	}
	
	.other_side_01 a{
		width: 100%;
	}
	
	ul.other_side_01 li{
		width: 100%;
	}
	
	.pos_c_01{
	margin: 20px auto 30px !important;
}
	
	.pos_op_01{
	text-align: center !important;
	margin-right: 30px !important;
	}
}

h2.gray_h2_01 {
    margin: 0 0 1em;
/*    font-size: 2em;*/
    /* font-weight: 100; */
    color: #000;
	text-align: center;
}

.border_sky_btn a {
    max-width: 355px;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #09f;
    border-radius: 20px;
    color: #09f;
    font-size: 17px;
    font-weight: 600;
    display: block;
	margin: 20px auto 0;
}

.border_sky_btn a:hover {
	background: #f2f2f2;
	color: #09f;
}

.border_blue_btn a {
    max-width: 355px;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #004b96;
    border-radius: 20px;
    color: #004b96;
    font-size: 17px;
    font-weight: 600;
    display: block;
	margin: 20px auto 0;
}

.border_blue_btn a:hover {
	background: #f2f2f2;
	color: #004b96;
}

.newland_spec_btn a {
    max-width: 355px;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #09f;
    border-radius: 20px;
    color: #09f;
    font-size: 17px;
    font-weight: 600;
    display: block;
	margin: 70px auto 20px;
}

.newland_spec_btn a:hover {
	background: #f2f2f2;
	color: #09f;
}

.h_repair_btn{
	display:flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.h_repair_btn a {
    max-width: 335px;
	width: 80%;
    padding: 1rem;
    background-color: #004b96;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 17px;
    display: block;
	margin: 30px 0 15px;
}

.h_repair_btn a:hover {
	background: #f2f2f2;
	color: #004b96;
}
@media (min-width:320px) and (max-width:728px) {
.h_repair_btn{
	margin: 10px 0 0;
	flex-direction:column;
	gap:10px;
}
.h_repair_btn a {
    font-size: 14px;
	margin: 0;
}
}

.fa-sm_111 {
    font-size: 1em;
	line-height: .09em;
    vertical-align: 0.07em;
	margin-left: 2px;
}

.mr-20_111{
	margin-right: 20px;
}

@media screen and (max-width:959px) {
	.mr-20_111{
		text-align: center;
		margin-right: 0;
	}
}


.fixed_btn_mitumori {
    color: #09f !important;
    background: #fff !important;
	width: 255px !important;
    bottom: 200px !important;
	border: solid 2px #09f !important;
}

.fixed_btn {
    color: #fff !important;
    background: #09f !important;
	width: 255px !important;
    bottom: 130px !important;
}

@media screen and (max-width: 767px){
	
	.contact_btn{
	width: 100%;
	box-sizing:border-box;
	}
	
	.fixed_btn {
    bottom: 0;
    right: 0 !important;
    left: auto !important;
}
	
	.fixed_btn_mitumori {
    bottom: 0;
    right: auto !important;
    left: 0 !important;
}
	
	.fixed_btn, .fixed_btn_mitumori {
    background: #09f;
	font-size: 0.9em;
}

	.fixed_btn {
    padding: 0 5px;
}

	.fixed_btn, .fixed_btn_mitumori {
    width: calc(100% / 2) !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 0;
    bottom: 0 !important;
    }
	
	.fixed_btn::after, .fixed_btn_mitumori::after {
    right: 7px;
}
	
	.fixed_btn::after, .fixed_btn_mitumori::after {
    content: "\f101";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -7px 0 0;
}
}


/*================================================
*  固定ボタン2
================================================*/

/*
.contact_box {
    width: 250px;
	background: #0099ff;
    border: 2px solid #fff;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 30%));
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 3;
    padding: 20px !important;
    transition: 0.3s;
}
*/

.contact_box > div > #spec_btn,#contact_btn{
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    text-decoration: none;
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 0 10px;
    transition: 0.3s;
}

#deve_btn{
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    text-decoration: none;
    background: linear-gradient(135deg, #fde066 0%, #fbca00 100%);
    border-radius: 10px;
    position: relative;
    padding: 0 10px;
    transition: 0.3s;
}


.contact_box > div {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}



@media only screen and (max-width: 767px){
.contact_box {
	width: 100% !important;
    background: #00863C;
    border: 2px solid #004b96;
    border-bottom: 0;
    border-radius: 0 !important;
    position: fixed;
    bottom: 0;
    z-index: 11;
    padding: 0px !important;
    transition: 0.3s;
	right: 0px !important;
}
	
.contact_box > div > #spec_btn,#contact_btn:nth-of-type(2)  {
    background: #fff;
}
}

@media screen and (max-width: 767px){
	.contact_box > div > a {
    min-height: auto !important;
    flex-flow: column !important;
    gap: 5px !important;
    border-radius: 0 !important;
    padding: 5px 0 !important;
	}
	
.contact_box > div > a:nth-of-type(2) > img {
    filter: brightness(1.5) invert(0) hue-rotate(60deg);
}
}

@media screen and (max-width: 767px){
	.contact_box > div {
	grid-template-columns: repeat(3, 1fr);
    gap: 2px;
/*	background: #0099ff;	*/
	background: #004b96;	
	}
	.contact_box > div > a #deve_btn,a #contact_btn{
/*    background: #0099ff !important;*/
    background: #004b96 !important;
}
}	
	
	@media screen and (max-width: 767px){
	.contact_box > div > a:nth-of-type(2) > img {
    filter: brightness(1.5) invert(0) hue-rotate(60deg);
}
}
	@media only screen and (max-width: 767px){
	.contact_box > div > a:nth-of-type(2) > img {
    filter: brightness(1) invert(0);
}
		
	@media only screen and (max-width: 767px){
	.contact_box img.icon_truck_sp {
    filter: brightness(1) invert(0) !important;
}
	@media only screen and (max-width: 767px){
	.contact_box > div > a > img {
    width: 25px;
    height: 30px;
    object-fit: contain;
/*    filter: brightness(0);*/
}
	.contact_box > div > a #deve_btn,a #spec_btn,a #contact_btn{
    min-height: auto;
    flex-flow: column;
    gap: 5px;
    border-radius: 0;
    padding: 5px 0;
}
		
	.contact_box > div > #deve_btn {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
	color: #004b96 !important;
	background: linear-gradient(135deg, #fde066 0%, #fbca00 100%);
    text-decoration: none;
    position: relative;
    padding: 0 10px;
    transition: 0.3s;
}

	.contact_box > div > #deve_btn > p {
    color: #004b96;
    font-size: 1.2rem;
}
		
	.contact_box > div > a:nth-of-type(3) > p {
    color: #fff !important;
    font-size: 1.2rem;
}
			
	.contact_box > div > #spec_btn {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #004b96;
    text-decoration: none;
    background: #fff;
    position: relative;
    padding: 0 10px;
    transition: 0.3s;
}
		
	.contact_box > div > #contact_btn {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff !important;
	background: #004b96 !important;
    text-decoration: none;
    position: relative;
    padding: 0 10px;
    transition: 0.3s;
}
		
	.contact_box > div > #contact02_btn {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff !important;
	background: #004b96 !important;
    text-decoration: none;
    position: relative;
    padding: 0 10px;
    transition: 0.3s;
}
	.contact_box > div > a #contact02_btn > img {
    filter: brightness(0) invert(1) !important;
}
		
		
}
	@media only screen and (max-width: 767px){
	.contact_box > div > a#deve_btn > img {
    filter: brightness(1.5) invert(0) hue-rotate(60deg);
}
/*
	.contact_box > div > a:nth-of-type(2) > img {
    filter: brightness(1.5) invert(0) hue-rotate(60deg);
}	
*/
	.contact_box > div > a > img {
    filter: brightness(0) invert(1);
}
}






.stock_red {
	line-height: 1.8;
    font-size: 1.8rem;
    margin: auto;
    color: red; 
}

@media only screen and (max-width: 767px){
	.stock_red {
	line-height: 1.5;
    font-size: 1.5rem;
    margin: auto;
    color: red; 
}
	
	.seav_logo01{
	max-width: 240px !important;
	}
}


.p_011{
	line-height: 1.8;
	font-size: 1.4rem;
}


@media only screen and (max-width: 1280px){
	.sp_mb-30 {
	margin-bottom: 30px !important;
}
	
	.sp_mt-30 {
	margin-top: 30px !important;
}
	
	.sp_mt--40{
	margin-top: -20px;
	}

}



.pc_br { display:none; }
.sp_br { display:inline; }
		
@media screen and (min-width: 727px){   
  .pc_br { display:inline; }
  .sp_br { display:none; }
}
		
td.border-pc {
	border-right: 1px solid #dedede;
}

h4.features_title01 {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.2em;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	width: 500px;
}

/*
h4.features_title01::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #1859B1;
    content: "";
}
*/

h4.features_title02 {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.2em;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	width: 500px;
}

h4.features_title02::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #1859B1;
    content: "";
}

h4.features_title03 {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.2em;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	width: 500px;
}

h4.features_title03::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #008eec;
    content: "";
}

table.features_t{
	width: 500px;
	margin: 0 50px 40px 0;
}

table.features_t th.f_th01 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    background: #1859B1;
    border-left: 1px solid #f1f1f1;
	line-height: 18px;
	padding: 5px 10px;
	text-align: center;
}

table.features_t th.f_th01_a {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    background: #1859B1;
    width: 30%;
    border-left: 1px solid #f1f1f1;
	line-height: 18px;
	padding: 5px 10px;
	text-align: center;
}

table.features_t th.f_th02 {
    font-weight: 600;
    width: 30% !important;
    border: 1px solid #f1f1f1;
	font-size: 1.3rem;
	line-height: 18px;
	padding: 5px 10px;
}

table.features_t td{
	font-size: 1.3rem;
	line-height: 18px;
	padding: 10px;
	border: 1px solid #f1f1f1;
}

table.features_t td.f_td01{
	text-align: center !important;
	width: 35%;
	font-size: 1.3rem;
	line-height: 18px;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
}

td.f_td01{
	text-align: center;
}

.Box_001{
	display:flex;
	flex-flow: column;
	margin-left: 25px;
}
		
h4.features_title01 {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.2em;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	width: 500px;
}

h4.features_title01::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #1859B1;
    content: "";
}

h4.features_title02 {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.2em;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	width: 500px;
}

h4.features_title02::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #1859B1;
    content: "";
}

h4.features_title03 {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.2em;
	font-weight: 600 !important;
	font-size: 1.6rem !important;
	width: 500px;
}

h4.features_title03::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #008eec;
    content: "";
}

table.features_t{
	width: 500px;
	margin: 0 50px 40px 0;
}

table.features_t th.f_th01 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    background: #1859B1;
    border-left: 1px solid #f1f1f1;
	line-height: 18px;
	padding: 5px 10px;
	text-align: center;
}

table.features_t th.f_th01_a {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    background: #1859B1;
    width: 30%;
    border-left: 1px solid #f1f1f1;
	line-height: 18px;
	padding: 5px 10px;
	text-align: center;
}

table.features_t th.f_th02 {
    font-weight: 600;
    width: 30% !important;
    border: 1px solid #f1f1f1;
	font-size: 1.3rem;
	line-height: 18px;
	padding: 5px 10px;
}

table.features_t td{
	font-size: 1.3rem;
	line-height: 18px;
	padding: 10px;
	border: 1px solid #f1f1f1;
}

table.features_t td.f_td01{
	text-align: center !important;
	width: 35%;
	font-size: 1.3rem;
	line-height: 18px;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
}
	
@media (min-width:800px) and (max-width:1280px){
	.Box_001{
	display:flex;
	flex-flow: column;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}
	

	
	.col2Box_list_annotation_img_01{
	width: 380px;
	height: 404px;
    text-align: center;
	margin: 50px auto 0;
}
	
	.text_bg_blue_04 {
	display: inline-block;
	width: 63px;
	color: #fff;
	background: #1859B1;
	padding: 3px 10px 3px;
	margin: 0 0 20px 22px;
}
}
	
@media only screen and (max-width: 767px){
	.Box_001{
	display:flex;
	flex-flow: column;
	width: 100% !important;
	margin-left: 0px !important; 
}
	

	
	.text_bg_blue_04 {
	display: inline-block;
	width: 63px;
	color: #fff;
	background: #1859B1;
	padding: 3px 10px 3px;
	}
}

.nl3000u2_p01{
	margin-left: 25px;
}

@media only screen and (max-width: 767px){
	.nl3000u2_p01{
	margin-left: 5px;
}
}


.serial_number00 img{
	width: 550px;
	margin: 0px auto 5px;
}

a.link_window, a.link_pdf {
    text-decoration: none !important;
    line-height: 1.5;
    border-bottom: 1px solid;
    position: relative;
}

a.link_window::after {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    margin: 0 0 0 5px;
}

span.required_00{
	background: #fff !important;
	border: none !important;
}
		
		
		
		
a.link_text,a.link_arrow,a.link_window,a.link_pdf {
    text-decoration: none !important;
    line-height: 1.5;
    border-bottom: 1px solid;
    position: relative;
}

a.link_arrow::after {
    content: "\f101";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    margin: 0 0 0 5px;
}

a.link_window::after {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    margin: 0 0 0 5px;
}

a.link_pdf::after {
    content: "\f1c1";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    margin: 0 0 0 5px;
}

a.link_utext {
    font-size: 8px !important;
    text-decoration: none !important;
    vertical-align: super;
}
		
a.link_001:link{
	color: #133aa9 !important;	
}
		
a.link_001:visited{
	color: #133aa9 !important;	
}
		
a.link_001:hover{
	transition: all 0.2s linear !important;
	opacity: 0.6;
}
		
.p_022{	
line-height: 1.6;	
font-size: 1.8rem;	
color: #fff !important;	
}
		
.p_022 a{	
line-height: 1.6;	
font-size: 1.8rem;	
color: #fff !important;	
}
		
.p_022 a:link{	
text-decoration: none;	
border-bottom: 1px solid #fff !important;	
padding-bottom: 2px;	
}
		
.p_022 a:hover{	
text-decoration: none;	
border-bottom: none;	
}
		
@media only screen and (max-width: 767px){	
.p_022{	
line-height: 1.5;	
font-size: 1.6rem;	
color: #fff;	
}
	
.p_022 a{	
font-size: 1.6rem;	
color: #fff;	
}
	
.p_022 a:link{	
text-decoration: none;	
border-bottom: 1px solid #fff;	
padding-bottom: 1px;	
}
	
.p_022 a:hover{	
text-decoration: none;	
border-bottom: none;	
}	
}
		
		
.Box_001{
	display:flex;
	flex-flow: column;
	width: 100% !important;
	margin-left: 0px !important; 
}
		
.ml_15{
	margin-left: 15px;		
}





@media (min-width:320px) and (max-width:728px) {
.pcOnly_res{
	display:none;
}
.spOnly_res{
	display:block;
}
.contact_box > div > a > p{
	text-align:center;
}

}