@charset "UTF-8";

.PC{ display: block; }
.SP{ display: none; }

.threestyleCont01{
	background-color: #e4f3f3;
	padding-bottom: 50px;
	position: relative;
}

.threestyleCont01 .mainTit{
	font-size: 34px;
	font-weight: bold;
	color: #fff;
	background-color: #ff5578;
	padding: 15px 0;
}
.threestyleCont01 .mainTit div{
	width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
.threestyleCont01 h3{
	font-size: 42px;
	font-weight: bold;
	color: #1b1464;
	text-align: center;
	margin: 0 0 25px;
}

.threestyleBox01_1{
	width: 960px;
	margin: 0 auto 50px;
	padding: 25px 0 0 15px;
	box-sizing: border-box;
	position: relative;
}
.threestyleBox01_1 h2{
	font-size: 60px;
	font-weight: bold !important;
	color: #ff5578;
	line-height: 120% !important;
	margin: 0 0 25px;
}
.threestyleBox01_1 li{
	font-size: 28px;
	font-weight: bold;
	color: #1b1464;
	line-height: 100% !important;
	background-image: url(/products/receiptprinter/reception/images/icon_01.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-color: #fff;
	margin-right: 25px;
	padding: 15px 15px 15px 50px;
	float: left;
}
.threestyleBox01_1img{
	position: absolute;
	top: -45px;
	right: 0;
}

.threestyleBox01_2{
	width: 960px;
	margin: 0 auto;
	padding-left: 15px;
	box-sizing: border-box;
	position: relative;
}
.threestyleBox01_3a{
	width: 306px;
	background-image: url(/products/receiptprinter/reception/images/bg_01.png);
	background-repeat: no-repeat;
	background-position: left 24px top;
	margin-right: 10px;
	padding-top: 40px;
	box-sizing: border-box;
	float: left;
}
.threestyleBox01_3b{
	width: 294px;
	background-image: url(/products/receiptprinter/reception/images/bg_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 20px;
	padding-top: 40px;
	box-sizing: border-box;
	float: left;
}

.threestyleBox01_3a h4,
.threestyleBox01_3b h4{
	margin: 0 0 10px;
}
.threestyleBox01_3a p,
.threestyleBox01_3b p{
	font-size: 24px;
	font-weight: bold;
	color: #1b1464;
	text-align: center;
	line-height: 140% !important;
	padding-bottom: 15px;
}
.threestyleBox01_3a p{
	width: 210px;
	margin-left: 45px;
}

.threestyleTit01{
	background-color: #1b1464;
	margin-bottom: 70px;
	padding: 15px 0;
}
.threestyleTit01 h3{
	font-size: 38px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 140% !important;
}

.threestyleBox02_1{
	width: 960px;
	margin: 0 auto 60px;
	
}
.threestyleBox02_1 h4{
	font-size: 28px;
	font-weight: bold;
	color: #ff5578;
	line-height: 140% !important;
	letter-spacing: -0.02em;
	margin: 0 0 30px;
	padding-left: 15px;
}
.threestyleBox02_2{
	position: relative;
}

.threestyleBox02_img1{
	margin: 0 0 5px 15px;
}
.threestyleBox02_img2{
	position: absolute;
	top: 0;
	right: 305px;
}
.threestyleBox02_img3{
	position: absolute;
	top: 0;
	right: 0;
}
.threestyleBox02_img2 dt,
.threestyleBox02_img3 dt{
	margin-bottom: 10px;
}
.threestyleBox02_img2 dd,
.threestyleBox02_img3 dd{
	font-size: 15px;
	text-align: center;
}

.threestyleBox02_3{
	margin-bottom: 30px;
	padding-left: 15px;
	box-sizing: border-box;
	position: relative;
}
.threestyleBox02_3L{
	float: left;
}
.threestyleBox02_3L li{
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	background-image: url(/products/receiptprinter/reception/images/icon_02.png);
	background-repeat: no-repeat;
	background-position: left top 3px;
	margin-bottom: 10px;
	padding-left: 20px;
}
#threeStyle sup {
	font-size: 60%;
	vertical-align: top;
	position: relative;
	top: -0.4em;
}
.threestyleBox02_3L p{
	font-size: 12px;
	line-height: 150% !important;
}
.threestyleBox02_3R{
	text-align: right;
	float: right;
}
.threestyleBox02_3R p{
	padding-bottom: 10px;
}
.threestyleBox02_3R p img{
	height: 98px;
}

.threestyleCont02{
	background-color: #dff3f3;
	margin-bottom: 70px;
	padding: 50px 0 1px;
}


.threestyleBox03{
	width: 960px;
	margin: 0 auto 50px;
}
.threestyleBox03_1{
	width: 930px;
	margin: 0 auto;
}
.threestyleBox03_1 h4{
	font-size: 30px;
	font-weight: bold;
	font-feature-settings: "palt";
	color: #ff5578;
	line-height: 140% !important;
	margin: 0 0 25px;
	padding-left: 15px;
}
.threestyleBox03_2{
	width: 848px;
	margin: 0 auto 50px;
	position: relative;
}
.threestyleBox03_2 dl{
	width: 404px;
	margin: 0 10px;
	float: left;
}
.threestyleBox03_2 dt{
	margin-bottom: 10px;
}
.threestyleBox03_2 dd{
	font-size: 15px;
	text-align: center;
}
.threestyleBox03_3{
	position: relative;
}
.threestyleBox03_3L{
	width: 490px;
	float: left;
}
.threestyleBox03_3R{
	width: 440px;
	float: left;
}
.threestyleBox03_3L p,
.threestyleBox03_3R p{
	font-size: 10px;
	padding-bottom: 10px;
}
.threestyleBox03_3L p img,
.threestyleBox03_3R p img{
	height: 98px;
}
.threestyleBox03_3L ul,
.threestyleBox03_3R ul{
	padding-top: 10px;
}
.threestyleBox03_3L li,
.threestyleBox03_3R li{
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	background-image: url(/products/receiptprinter/reception/images/icon_02.png);
	background-repeat: no-repeat;
	background-position: left top 3px;
	margin-bottom: 5px;
	padding-left: 20px;
}
.threestyleCont03{
	background-color: #dff3f3;
	margin-bottom: 80px;
	padding: 50px 0 1px;
}
.threestyleBox03_4{
	width: 930px;
	margin: 0 auto;
}
.threestyleBox03_4 h4{
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 100% !important;
	background-color: #383838;
	margin: 0 0 25px;
	padding: 15px;
}
.threestyleBox03_4 p{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 150% !important;
	padding-bottom: 25px;
}
.threestyleBox03_5{
	margin-bottom: 40px;
	position: relative;
}
.threestyleBox03_5L,
.threestyleBox03_5R{
	width: 454px;
	background-color: #fff;
	padding: 25px 10px;
	box-sizing: border-box;
}
.threestyleBox03_5L{ float: left;}
.threestyleBox03_5R{ float: right;}

.threestyleBox03_5L dt,
.threestyleBox03_5R dt{
	font-size: 24px;
	font-weight: bold;
	color: #1b1464;
	text-align: center;
	margin-bottom: 30px;
}
.threestyleBox03_5L dd,
.threestyleBox03_5R dd{
	text-align: center;
}
.threestyleBox03_6 dt{
	width: 368px;
	float: left;
}
.threestyleBox03_6 dd{
	margin-left: 380px;
}
.threestyleBox03_6 ul{
	padding-top: 10px;
}
.threestyleBox03_6 li{
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	background-image: url(/products/receiptprinter/reception/images/icon_02.png);
	background-repeat: no-repeat;
	background-position: left top 3px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.threestyleBox04{
	width: 930px;
	margin: 0 auto 120px;
}
.threestyleBox04 dl{
	margin: 0 0 25px 50px;
}
.threestyleBox04 dt{
	width: 136px;
	float: left;
}
.threestyleBox04 dd{
	font-size: 32px;
	font-weight: bold;
	color: #1b1464;
	line-height: 130% !important;
	margin-left: 155px;
	padding-top: 30px;
}
.threestyleBox04 p{
	font-size: 19px;
	line-height: 160%;
	padding-bottom: 30px;
}
.threestyleBox04_1{
	background-color: #e4e4e4;
	margin-bottom: 80px;
	padding: 25px 0 25px 130px;
}
.threestyleBox04_1 ul{
	margin-right: 12px;
	float: left;
}

.threestyleApp {
	width: 324px;
	height: 88px;
	background-color: #fff;
	border-radius: 10px;
	margin: 0 0 12px 0;
	padding: 0 0 0 10px;
	display: flex;
	align-items: center;
}
.threestyleApp .appIcon {
	width: 60px;
}
.threestyleApp .appIcon img {
	width: 100%;
}

.threestyleApp .appText {
	font-size: 23px;
	font-weight: bold;
	line-height: 1.21739;
	margin: 0 0 0 30px;
}


.threestyle_btnBox {
	margin: 30px 0 0 0;
	display: flex;
	/*position: relative;*/
	justify-content: space-between;
}
.threestyle_btnBox3 {
	margin: 20px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.threestyle_btnBox3 .threestyle_btn{
	width: 100%;
}

.threestyle_btnBox.SP{
	display: none !important;
}

.threestyle_btn {
	width: 470px;
	height: 82px;
	font-size: 26px;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none !important;
	border-radius: 10px;
	background: #f07900;
	margin: auto;
	padding: 0 10px 0 0;
	transition: 0.4s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.threestyle_btn:hover {
	background: #f39433;
}
.threestyle_btn.blue {
	background: #003c81;
	margin-right: 40px;
}
.threestyle_btn.blue:hover {
	background: #33639a;
}
.threestyle_btn.fz-small {
	font-size: 23px;
}
.threestyle_btn:after {
	width: 16px;
	height: 16px;
	display: block;
	content: "";
	border-top: 2px solid white;
	border-right: 2px solid white;
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
}





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

.PC{ display: none; }
.SP{ display: block; }

img{
	max-width: 100%;
}

#contents{
	padding: 0 !important;
}

.threestyleCont01{
	padding-bottom: 1px;
}

.threestyleCont01 .mainTit{
	font-size: 6.0vw;
	line-height: 130%;
	padding: 10px 0;
}
.threestyleCont01 .mainTit div{
	width: 92%;
	margin: 0 auto;
	padding: 0;
}
.threestyleCont01 h3{
	font-size: 5.0vw;
	margin: 0 0 15px;
}

.threestyleBox01_1{
	width: 92%;
	margin: 0 auto 25px;
	padding: 15px 0 0;
}
.threestyleBox01_1 h2{
	font-size: 8.5vw;
	margin: 0 0 15px;
}
.threestyleBox01_1 li{
	font-size: 3.7vw;
	background-position: left 10px center;
	background-size: 15px 15px;
	margin-right: 15px;
	padding: 10px 10px 10px 28px;
}
.threestyleBox01_1 li:last-child{
	margin-right: 0;
}

.threestyleBox01_1img{
	width: 30%;
	position: absolute;
	top: -35%;
	right: -5%;
}

.threestyleBox01_2{
	width: 92%;
	margin: 0 auto;
	padding-left: 0;
}
.threestyleBox01_3a{
	width: 100%;
	background-image: url(/products/receiptprinter/reception/images/bg_01sp.png);
	background-position: left top 35px;
	background-size: 95% 100%;
	margin-right: 0;
	margin-bottom: 30px;
	padding-top: 0;
	padding-bottom: 5px;
	float: none;
	position: relative;
}
.threestyleBox01_3b{
	width: 100%;
	background-image: url(/products/receiptprinter/reception/images/bg_01sp.png);
	background-position: left top 35px;
	background-size: 100% auto;
	margin-right: 0;
	margin-bottom: 30px;
	padding-top: 0;
	padding-bottom: 5px;
	float: none;
	position: relative;
}

.threestyleBox01_3a h4,
.threestyleBox01_3b h4{
	width: 40%;
	margin: 0 0 0 4%;
}
.threestyleBox01_3a p,
.threestyleBox01_3b p{
	width: 40%;
	font-size: 3.8vw;
	text-align: center;
	line-height: 135% !important;
	margin: 0 0 0 4%;
	padding-bottom: 5px;
}
.threestyleBox01_3a p img,
.threestyleBox01_3b p img{
	width: 80% !important;
	margin: 0 auto;
}
.threestyleBox01_3img{
	width: 54%;
	position: absolute;
	top: 25px;
	right: 0;
}

.threestyleTit01{
	margin-bottom: 20px;
	padding: 12px 0;
}
.threestyleTit01 h3{
	font-size: 4.15vw;
	line-height: 160% !important;
}
.threestyleBox02_1{
	width: 92%;
	margin: 0 auto 30px;
	
}
.threestyleBox02_1 h4{
	font-size: 3.95vw;
	line-height: 150% !important;
	text-align: center;
	margin: 0 0 15px;
	padding-left: 0px;
}
.threestyleBox02_2{
	position: relative;
}

.threestyleBox02_img1{
	margin: 0;
}
.threestyleBox02_img2{
	position: static;
	width: 49%;
	margin-bottom: 15px;
	float: left;
}
.threestyleBox02_img3{
	position: static;
	width: 49%;
	margin-bottom: 15px;
	float: right;
}
.threestyleBox02_img2 dt,
.threestyleBox02_img3 dt{
	margin-bottom: 5px;
}
.threestyleBox02_img2 dd,
.threestyleBox02_img3 dd{
	font-size: 2.80vw;
	text-align: center;
}
.threestyleBox02_img2 dd br,
.threestyleBox02_img3 dd br{
	display: none;
}

.threestyleBox02_3{
	margin-bottom: 15px;
	padding-left: 0px;
}
.threestyleBox02_3L{
	margin-bottom: 15px;
	float: none;
}
.threestyleBox02_3L li{
	font-size: 3.5vw;
	line-height: 140%;
	background-position: left top 2px;
	background-size: 15px 15px;
	margin-bottom: 5px;
	padding-left: 18px;
}
#threeStyle sup {
	font-size: 50%;
	top: -0.5em;
}
.threestyleBox02_3L p{
	display: none;
}
.threestyleBox02_3R{
	text-align: left;
	float: none;
}
.threestyleBox02_3R p{
	font-size: 2.8vw;
	line-height: 150% !important;
	padding-bottom: 10px;
}
.threestyleBox02_3R p img{
	width: auto !important;
	height: 75px !important;
}

.threestyleCont02{
	margin-bottom: 35px;
	padding: 25px 0 1px;
}

.threestyleBox03{
	width: 92%;
	margin: 0 auto 30px;
}
.threestyleBox03_1{
	width: 100%;
}
.threestyleBox03_1 h4{
	font-size: 3.95vw;
	line-height: 150% !important;
	text-align: center;
	margin: 0 0 15px;
	padding-left: 0px;
}
.threestyleBox03_2{
	width: 100%;
	margin: 0 auto 25px;
}
.threestyleBox03_2 dl{
	width: 48%;
	margin: 0 1%;
}
.threestyleBox03_2 dt{
	margin-bottom: 5px;
}
.threestyleBox03_2 dd{
	font-size: 2.80vw;
}
.threestyleBox03_3L{
	width: 100%;
	margin-bottom: 35px;
	float: none;
}
.threestyleBox03_3R{
	width: 100%;
	margin-bottom: 20px;
	float: none;
}
.threestyleBox03_3L p,
.threestyleBox03_3R p{
	font-size: 2.8vw;
	line-height: 150% !important;
	padding-bottom: 10px;
}
.threestyleBox03_3L p img,
.threestyleBox03_3R p img{
	width: auto !important;
	height: 75px !important;
}
.threestyleBox03_3L ul,
.threestyleBox03_3R ul{
	padding-top: 0;
	margin-bottom: 15px;
}
.threestyleBox03_3L li,
.threestyleBox03_3R li{
	font-size: 3.5vw;
	line-height: 140%;
	background-position: left top 2px;
	background-size: 15px 15px;
	margin-bottom: 5px;
	padding-left: 18px;
}
.threestyleBox03_3L li br,
.threestyleBox03_3R li br{
	display: none;
}
.threestyleCont03{
	margin-bottom: 30px;
	padding: 25px 0 1px;
}
.threestyleBox03_4{
	width: 100%;
	margin: 0 auto;
}
.threestyleBox03_4 h4{
	font-size: 4.2vw;
	margin: 0 0 15px;
	padding: 8px;
}
.threestyleBox03_4 p{
	font-size: 3.5vw;
	font-weight: bold;
	text-align: center;
	line-height: 160% !important;
	padding-bottom: 25px;
}
.threestyleBox03_5{
	margin-bottom: 30px;
	position: relative;
}
.threestyleBox03_5L,
.threestyleBox03_5R{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	float: none;
}
.threestyleBox03_5L{
	margin-bottom: 15px;
}

.threestyleBox03_5L dt,
.threestyleBox03_5R dt{
	font-size: 4.2vw;
	margin-bottom: 15px;
}
.threestyleBox03_6 dt{
	width: 100%;
	margin-bottom: 15px;
	float: none;
}
.threestyleBox03_6 dd{
	margin-left: 0;
}
.threestyleBox03_6 ul{
	padding-top: 0px;
}
.threestyleBox03_6 li{
	font-size: 3.5vw;
	line-height: 140%;
	background-position: left top 2px;
	background-size: 15px 15px;
	margin-bottom: 5px;
	padding-left: 18px;
}

.threestyleBox04{
	width: 92%;
	margin: 0 auto 60px;
}
.threestyleBox04 dl{
	margin: 0 0 20px;
}
.threestyleBox04 dt{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	float: none;
}
.threestyleBox04 dt img{
	width: 20% !important;
}
.threestyleBox04 dd{
	font-size: 4.2vw;
	line-height: 140% !important;
	text-align: center;
	margin-left: 0;
	padding-top: 0;
}
.threestyleBox04 p{
	font-size: 3.6vw;
	line-height: 160%;
	padding-bottom: 20px;
}
.threestyleBox04_1{
	margin-bottom: 20px;
	padding: 5% 5% 2%;
	box-sizing: border-box;
}
.threestyleBox04_1 ul{
	margin-right: 0px;
	float: none;
}

.threestyleApp {
	width: 100%;
	background-color: #fff;
	height: 17.1875vw;
	margin: 0 0 10px 0;
	padding: 0 0 0 15.625vw;
	box-sizing: border-box;
}
.threestyleApp .appIcon {
	width: 11.71875vw;
}

.threestyleApp .appText {
	font-size: 4.42708vw;
	margin: 0 0 0 5.20833vw;
}



.threestyle_btnBox {
	margin: 30px 0 0 0;
	display: block;
	clear: both;
}
.threestyle_btnBox2 {
	width: 90%;
	margin: 0 auto;
}
.threestyle_btnBox3 {
	margin: 15px 0 0 0;
	display: block;
}

.threestyleBox03_3L .threestyle_btnBox {
	margin: 10px 0 0 0;
}

.threestyle_btnBox.SP{
	display: block !important;
}
.threestyle_btnBox a.PC{
	display: none !important;
}

.threestyle_btn {
	width: 100%;
	height: auto;
	font-size: 4.8vw;
	text-align: center;
	padding: 10px 0;
	display: block;
}
.threestyle_btn img{
	vertical-align: middle;
}
.threestyle_btn.blue {
	margin-right: 0px;
	margin-bottom: 20px;
}
.threestyle_btn.fz-small {
	font-size: 4.6vw;
}
.threestyle_btn:after {
	width: 2.86458vw;
	height: 2.86458vw;
	right: 5.5vw;
}


}



/**/
.detailSection .h3Bg h3 span {
  font-size: 100%;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 3px solid #001e66;
}

.detailSection .detailInfo .h3Bg {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #b5b6b6;
}

.detailSection .section_block {
  padding: 0 20px 10px;
}

.detailSection .detailInfo .tel_num {
  font-size: 250%;
}

#footer #fNav {
  width: 960px !important;
}


/* ================
print用
================ */
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
  #bnr {
    display: none;
  }
  #top {
    display: none;
  }
  .kaigyou__lead {
    page-break-before: always;
  }
  .know-how {
    page-break-before: always;
  }
  .secure {
    page-break-before: always;
  }
  .efficiency {
    page-break-before: always;
  }
}

@-moz-document url-prefix() {
  @media print {
    .commonBlock__ttl.or {
      page-break-before: always;
    }
  }
}

/* IE */
@media print and (-ms-high-contrast: none) {
  /* .block_01 .items_1 {page-break-before: always;}
.col1Contents .main .block_01 .bg06 {z-index: -9999;} */
}