@charset "utf-8";

section{
	text-align: left;
}

.disNone{
/*	display:none; */
}
.cls_hNav {
    min-height: 98px;
    width: 100%
}
.cls_header {
	min-height: 123px;
	width: 100%;
	position: relative;
	z-index: 999;
}
.contact_box{
	z-index:5;
}
#paper_roll h1{
	font-weight:bold;
}
.other_front{
	font-weight:bold;
}
.hozon {
    text-align: left;
	margin: 20px 0;
	display: flex;
	align-items: center;
	gap: 20px;
	line-height: 1;
}

.hozon_title{
    padding: 0.5em;
    font-weight: bold;
    margin-bottom: 1em;
}

.searchBtn{
	display:flex;
	gap:10px;
	margin: 0 auto 15px;
	justify-content:end;
}
.searchBtn li a{
	display:block;
	border: 1px solid #035a9a;
	position:relative;
	font-size:16px;
	height:45px;
	line-height:45px;
	color:#202020;
	text-align:center;
	width: 210px;
	padding-left:10px;
}
.searchBtn li a:before{
	content:"";
	background:#035a9a;
	width:10px;
	height:44px;
	position:absolute;
	left:0;
}
.searchBtn li a:after{
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	color:#035a9a;
}

.searchBtn li a.hozonBtn{
	display:block;
	border: 1px solid #d85a1c;
	position:relative;
	font-size:16px;
	height:45px;
	line-height:45px;
	color:#202020;
	text-align:center;
	width: 210px;
	padding-left:10px;
}
.searchBtn li a.hozonBtn:before{
	content:"";
	background:#d85a1c;
	width:10px;
	height:44px;
	position:absolute;
	left:0;
}
.searchBtn li a.hozonBtn:after{
	content: "\f13a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	color:#d85a1c;
}

@media screen and (max-width:1024px) {
	.cls_header {
		min-height: 115px
	}

	.cls_hNav {
		min-height: 56px
	}
}
@media screen and (min-width:1024px) {
	.mt--140{
		margin-top: -140px;
	}
	.mt--210{
		margin-top: -210px;
	}
}
@media screen and (min-width:768px) {
	.mt--140{
		margin-top: -70px;
	}
	.mt--210{
		margin-top: -160px;
	}

}

#paper_roll h2{
	background:#108365;
	color:#fff;
	text-align:center;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    font-size: 1.24em;
    padding: 1em;
	margin-bottom:2em;
}

.aco{
	padding: 0.5em 0.5em 0.5em 2.5em;
	text-indent: -2em;
}
.unitonly{
	padding: 0.5em;
}

.aco:before{
	content: "\f055";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 1em;
}
.aco-m:before{
	content: "\f056";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 1em;
}
.side li a {
	padding: 0.5em 0.5em 0.5em 2.5em !important;
	text-indent: -2em;
}
.side li a:hover::before {
	content:"";
	margin-right:0;
}
.side li.unit a:hover::before {
	content:"\f061";
	margin-right: 1em;
}

ul.other_side_paper {
	flex-direction: column;
}

ul.other_side_paper li{
	margin-left: 1.5em;
}
ul.other_side_paper li:first-child{
	border-top:unset;
}
ul.other_side_paper a:before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 1em;
}
li.unit a:before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 1em;
}
ul.other_side_paper a:hover::before {
	content: "\f061";
	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;
	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: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 1em;
}

.disnon{
	display:none;
}

#paper_roll .scrolldisnon{
	display: none !important;
}


.col2Content .main{
	margin-bottom: 30px;
}
.other_side_01 li a:link, .other_side_01 li a:visited{
	width:100%;
}

ul.other_side_paper li{
	width: unset;
}

/*
.h6_purple{
	border-left:6px solid #BF44D9 !important;
}
.h6_red{
	border-left:6px solid #d94444 !important;
}
*/

#paper_roll h4 small{
	font-size: 1.3rem;
}

#paper_roll h4{
  position: relative;
  background: #def9de;
  padding: 5px 5px 5px 30px !important;
  font-size: 1em;
  color: #2da92d;
  margin: 0 0 15px 20px;
  border-radius: 10px;
  width:unset !important;
  	border-bottom: unset !important;
	border-left: unset !important;
}
#paper_roll h4:before{
  font-family: "Font Awesome 5 Free";
  content: "\f041";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #2da92d ;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
  border-bottom: solid 2px #2da92d ;
}

#paper_roll .h6_blue{
  color: #5283b4 !important;
  background: #cee3f7 !important;
}
#paper_roll .h6_blue:before{
  background: #5283b4 !important;
  border-bottom: solid 2px #5283b4 !important;
}

.h6_purple{
  color: #BF44D9 !important;
  background: #f6e5ff !important;
}
.h6_purple:before{
  background: #BF44D9 !important;
  border-bottom: solid 2px #BF44D9 !important;
}
.h6_red{
  color: #d94444 !important;
  background: #fbe0e0 !important;
}
.h6_red:before{
  background: #d94444 !important;
  border-bottom: solid 2px #d94444 !important;
}

.hozonList{
	line-height:1.4em;width:100%;padding:19px 18px 17px 35px;background:#fcefd6;
}
.hozonList h5{
color:#05ab92;font-size:1.3em;text-decoration:none;margin-bottom:13px;
    background: unset;
    border-radius: unset;
    box-shadow: unset;
    padding: unset;
    text-align: left;
}

.otherBox{
	border:1px solid #999;
	margin: 0 auto 30px;
	padding: 10px;
	box-shadow: 0px 10px 10px -10px
}

.otherBox table{
	width: 100%;
	margin-bottom: 2em;
}
.otherBox table tr{
	border:1px solid #dedede;
	border-bottom: none;
	align-items: center;
}
.otherBox table tr:last-child {
	border-bottom: 1px solid #dedede
}
.otherBox table th{
	background: #f2f2f2;
	width: 20%;
	padding: 10px;
	font-weight: 700;
    text-align: center;
    vertical-align: middle;
}
.otherBox table td{
	width:30%; 
	padding: 10px;
}
.otherBox table .col{
	width:80%;
	line-height: 1;
}



.otherBox{
	border:1px solid #999;
	margin: 0 auto 30px;
	padding: 10px;
	box-shadow: 0px 10px 10px -10px
}
.otherBox .compTbl{
	width: 100%;
	margin-bottom: 0;
table-layout: fixed;
}
.otherBox .compTbl tr{
	border:unset;
	border-bottom: none;
	align-items: center;
}

.otherBox .compTbl tr:last-child {
	border-bottom: 1px solid #dedede
}
.otherBox .compTbl th{
	background: #f2f2f2;
	width: unset;
	padding: 10px;
	font-weight: 700;
    text-align: center;
    vertical-align: middle;
	border:1px solid #dedede;
}
.otherBox .compTbl th:nth-of-type(1){
	width:25%;
}
.otherBox .compTbl th:nth-of-type(2){
	width:16%;
}
.otherBox .compTbl td{
	width:unset; 
	padding: 10px 5px;
	text-align:center;
	border:1px solid #dedede;
}

.otherBox .compTbl .w16{
	width: 16% !important;
}
.otherBox .compTbl .w12{
	width: 12% !important;
}


@media screen and (max-width: 440px) {
.otherBox .scrollBox{
	width: 100%;
	overflow-x:scroll;
	overflow-y: hidden !important;
}
.otherBox .scroll-hint-icon-wrap{
	top: -20px;
}
.otherBox .compTbl{
	width: 100%;
	margin-bottom: 0;
table-layout: unset;
}
.otherBox .compTbl th:nth-of-type(1){
	min-width: 130px;
}
.otherBox .compTbl th:nth-of-type(2){
	min-width: 80px;
}
.otherBox .compTbl th,
.otherBox .compTbl td{
    width: 0;
    white-space: nowrap;
}
.otherBox .compTbl .w16{
	width: 16% !important;
}
.otherBox .compTbl .w12{
	width: 12% !important;
}
}



.other_front{
	width: 70%;
	display:flex;
	gap:20px;
}

.other_front p{
	line-height: 20px;
}

.tabonly{
	display:none !important;
}

.tblYBox{
	display: flex;
	border:#e0e0e0 1px solid;
	width:fit-content;
}

.tblY{
	margin: 0;
}
.tblY li{
	text-align:center;
	padding: 5px;
	border-bottom:1px solid #e0e0e0;
}
.tblY:nth-of-type(odd) li{
	width:120px;
	font-weight:bold;
	background:#f2f2f2;
}
.tblY:nth-of-type(odd) li:nth-of-type(2){
	height:126px;
}
.tblY li img{
	width:105px;
	max-width:105px;
}

.tblY li:last-child{
	border-bottom:none;
}



.otherBox article{
	margin-bottom: 30px;
}
.otherBox article:last-child{
	margin-bottom: 0px;
}

.tblYBox2{
	display: flex;
	border:#e0e0e0 1px solid;
	width: fit-content;
}

.tblY2{
	display: unset;
}
.tblY2 li{
	text-align:center;
	padding: 5px;
	border-bottom:1px solid #e0e0e0;
}
.tblY2:nth-of-type(odd) li{
	width:100px;
	font-weight:bold;
	background:#f2f2f2;
}
.tblY2:nth-of-type(odd) li:nth-of-type(2){
	height:155px;
}
.tblY2 li img{
	width:135px;
	max-width:135px;
}

.tblY2 li:last-child{
	border-bottom:none;
}
.h145 ul li:nth-of-type(2){
	height:auto;
	min-height: 120px;
}
.h145 .tblY2:nth-of-type(odd) li:nth-of-type(2){
	height: 126px;
}

.sponly{
	display: none !important;
}


.spec th{
	width: 120px !important;
}

.labelUl{
	display: flex;
	justify-content:space-between;
}


@media screen and (max-width:1023px) {
.tblYBox{
	flex-wrap:wrap;
}
.tblY{
	/*width:min-content;*/
}
.tblY li img{
	width:100%;
	max-width: 105px;
}

.tblYBox2{
	flex-wrap:wrap;
}
.tblY2{
	/*width:min-content;*/
}
.tblY2 li img{
	width:100%;
	max-width: 105px;
}
}

@media (min-width:768px) and (max-width:1023px)  {
.tblYBox{
	flex-wrap:wrap;
	width:100%;
	border:none;
}
.tblY{
	margin-bottom: 10%;
	border:#e0e0e0 1px solid;
}
.tabonly{
	display:block !important;
}

.tblYBox2{
	flex-wrap:wrap;
	width:100%;
	border:none;
}
.tblY2{
	border:#e0e0e0 1px solid;
	margin-bottom: 15px;
}
.tabonly2{
	display:block !important;
}
.tblY2:nth-of-type(odd) li:nth-of-type(2){
	height:125px;
}
.h145 .tblY2:nth-of-type(odd) li:nth-of-type(2){
	height: 120px;
}

.searchBtn{
	display:flex;
	gap: 5px 2%;
	margin: 0 auto 15px;
	justify-content:end;
}
.searchBtn li{
	width:33%;
}
.searchBtn li a{
	display:block;
	border: 1px solid #035a9a;
	position:relative;
	font-size:0.9em;
	height:45px;
	line-height:45px;
	color:#202020;
	text-align:center;
	width: 100%;
	padding-left:10px;
}
.searchBtn li a:before{
	content:"";
	background:#035a9a;
	width:10px;
	height:100%;
	position:absolute;
	left:0;
}
.searchBtn li a:after{
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	color:#035a9a;
}

.searchBtn li a.hozonBtn{
	display:block;
	border: 1px solid #d85a1c;
	position:relative;
	font-size:0.9em;
	height:45px;
	line-height:45px;
	color:#202020;
	text-align:center;
	width: 100%;
	padding-left:10px;
}
.searchBtn li a.hozonBtn:before{
	content:"";
	background:#d85a1c;
	width:10px;
	height:100%;
	position:absolute;
	left:0;
}
.searchBtn li a.hozonBtn:after{
	content: "\f13a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	color:#d85a1c;
}

}

@media (min-width:320px) and (max-width:767px) {
#paper_roll h1{
        margin: 1em 0;
        font-size: 2em;
        font-size: 1.5em;
        font-weight: bold;
}
#paper_roll h4{
	padding: 5px 5px 5px 25px !important;
	font-size: 3vw;
}
#paper_roll h4 small{
	font-size: 3vw;
}


#paper_roll h4:before{
  font-family: "Font Awesome 5 Free";
  content: "\f041";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #2da92d ;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
  border-bottom: solid 2px #2da92d ;
}


.other_front{
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin: 0 auto 30px;
	justify-content:center;
}
.tabonly{
	display:block !important;
}
.tblYBox{
	flex-wrap:wrap;
	width:100%;
	border:none;
}
.tblY{
	width:80%;
	margin-bottom: 10%;
	border:#e0e0e0 1px solid;
	flex-direction:column;
	display:flex;
}
.tblY:nth-of-type(odd){
	width:20%;
	font-weight:bold;
	background:#f2f2f2;
}
.tblY:last-child, .tblY:nth-last-child(2) {
	margin-bottom:0;
}

.tblY li img{
	width:100%;
	max-width:105px;
}
.tblY li{
	text-align:center;
	padding: 5px;
	border-bottom:1px solid #e0e0e0;
	width:100%;
}
.tblY:nth-of-type(odd) li{
	width: 100%;
	font-weight:bold;
	background:#f2f2f2;
}
.tblY:nth-of-type(odd) li:nth-of-type(2){
	height:125px;
}



.tblYBox2{
	flex-wrap:wrap;
	width:100%;
	border:none;
}
.tblY2{
	width:80%;
	margin-bottom: 10%;
	border:#e0e0e0 1px solid;
	flex-direction:column;
	display:flex;
}
.tblY2:nth-of-type(odd){
	width:20%;
	font-weight:bold;
	background:#f2f2f2;
}
.tblY2:last-child, .tblY2:nth-last-child(2) {
	margin-bottom:0;
}

.tblY2 li img{
	width:100%;
	max-width:175px;
}
.tblY2 li{
	text-align:center;
	padding: 5px;
	border-bottom:1px solid #e0e0e0;
	width:100%;
}
.tblY2:nth-of-type(odd) li{
	width: 100%;
	font-weight:bold;
	background:#f2f2f2;
}
.tblY2:nth-of-type(odd) li:nth-of-type(2){
	height:195px;
}
.h145 .tblY2:nth-of-type(odd) li:nth-of-type(2){
	height: 158px;
}


.sponly{
	display: block !important;
}

.spec th{
	width: 100% !important;
}
.labelUl{
	display: flex;
	justify-content:space-evenly;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
}
.labelUl li{
	width:40%;
	text-align:center;
}
.labelUl li img{
	width: 100%;
	max-width: 150px;
}

.hozon {
    text-align: left;
	margin: 20px 0;
	display: flex;
	align-items: center;
	gap: 5px;
	line-height: 1;
	flex-wrap: wrap;
}
.hozon p{
	width: 48%;
}
.hozon p:first-child{
	width: 100%;
}
.hozon p:first-child img{
	width: 48%;
}



.searchBtn{
	display:flex;
	gap: 5px 2%;
	margin: 0 auto 15px;
	justify-content:end;
	flex-wrap:wrap;
}
.searchBtn li{
	width:49%;
}
.searchBtn li a{
	display:block;
	border: 1px solid #035a9a;
	position:relative;
	font-size:1.1rem;
	height:45px;
	line-height:45px;
	color:#202020;
	text-align:center;
	width: 100%;
	padding-left:10px;
}
.searchBtn li a:before{
	content:"";
	background:#035a9a;
	width:10px;
	height:100%;
	position:absolute;
	left:0;
}
.searchBtn li a:after{
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	color:#035a9a;
}

.searchBtn li a.hozonBtn{
	display:block;
	border: 1px solid #d85a1c;
	position:relative;
	font-size:1.1rem;
	height:45px;
	line-height:45px;
	color:#202020;
	text-align:center;
	width: 100%;
	padding-left:10px;
}
.searchBtn li a.hozonBtn:before{
	content:"";
	background:#d85a1c;
	width:10px;
	height:100%;
	position:absolute;
	left:0;
}
.searchBtn li a.hozonBtn:after{
	content: "\f13a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 0.5em;
	color:#d85a1c;
}
.searchBtn .last{
	order: 3;
}

.side ul li a:hover::before{
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#fff;
	margin-right: 1em;
}
.side .other_side_01 li a:hover::before,
.side .other_side_paper li a:hover::before{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#fff;
}


}