@charset "utf-8";
/* CSS Document */

/*----------------------------------------
	common
----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size:100%;
	/*font-family: "メイリオ","Meiryo","verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
}


/*--------------------------------スペース*/

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}


.pt10{
	padding-top:10px;
}

.pt20{
	padding-top:20px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pb10{
	padding-bottom:10px;
}

.pb20{
	padding-bottom:20px;
}

.pb30{
	padding-bottom:30px;
}

.pb40{
	padding-bottom:40px;
}


/*--------------------------------スペース*/


/*----------------------------------------
	common
----------------------------------------*/

#main-content{
	max-width: 960px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;	
}


#main-content p{
	font-size:75%;
	line-height:1.3em;
}

.box_wrapper{
	/*background-color:#666;*/
	width:100%;
	margin-left:4%;
  display: flex;
  flex-wrap: wrap;
}

.box_01{
	width:44%;
	/*min-width:300px;*/
	/*background-color:#CCC;*/
	/*float:left;*/
	margin-right:4%;
	margin-bottom:40px;
}

.box_01_02{
	width:50%;
	/*min-width:300px;*/
	/*background-color:#CCC;*/
	float:left;
	margin-right:4%;
	margin-bottom:40px;
}

.box_01end{
	width:44%;
	/*min-width:300px;*/
	/*background-color:#CCC;*/
	clear:both;
	margin-right:4%;
	margin-bottom:40px;
}

.new{
  color: #f40000;
  margin: 0 0 0 7px;
  /*display: inline-block;
  background: #be0000;
  font-size: 80%;
  padding: 1px 7px;
  margin: 0 0 0 4px;
  box-sizing: border-box;
  vertical-align: bottom;
  color: #fff;*/
}

@media(max-width:670px){
	#main-content{
		width: 98%;
		margin:0 auto;	
	}
	.box_wrapper{
		width:98%;
		padding:0 1%;
		/*background-color:#666;*/
		margin-left:-2%;
		overflow:hidden;
	}
	.box_01 , .box_01_02{
		width:98%;
		padding:0 1%;
		margin-right:0;
		/*background-color:#CCC;*/
		margin-bottom:40px;
	}
	.box_01_02{
		float:none;
	}
	.box_01end{
		width:98%;
		padding:0 1%;
		margin-right:0;
		/*background-color:#CCC;*/
		margin-bottom:40px;
	}
}

.box_in_img{
	width:120px;
	float:left;
	background-color:#EEEEEE;
}


.box_in_text{
	width:280px;
	float:right;
}
.box_in_text02{
	width:340px;
	float:right;
}

@media(max-width:959px){
	.box_in_img{
		width:100%;
		float:none;
		text-align:center;
		margin:0 10px;
	}
	.box_in_text , .box_in_text02{
		width:100%;
		float:none;
		margin:0 10px;
	}
}


.clear{
	clear:both;
}

h1{
	background-color:#CCC;
	color:#666;
	background-image:url(../img_res/bg01.jpg);
	background-repeat:repeat-x;
	line-height:45px;
	font-size:138%;
	padding-left:2%;
}

h2{
	color:#666;
	background-image:url(../img_res/bg02.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:27px;
	font-size:100%;
	padding-left:2%;
	padding-bottom:5px;
}

.text_title{
	font-size:88% !important;/* 12px→14pxに */
	font-weight:bold;
}

.text_table01{
	width:93%;
	text-align:left;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;

}

.text_table01 dl{
	font-size:75%;
}

.text_table01 dd{
	padding-left:1em;
}

.text_table01 th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:1em;
	background-color: #F8F8F8;
	background-repeat: repeat-x;
	background-position: left top;
	color: #334D66;
}

.text_table01 td{
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:1em 1em;
}

.text_ind{
	text-indent:-1em;
	margin-left:1em;
}

@media(max-width:670px){

.text_table01{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

}

.text_w{
	white-space:nowrap;
}

.text_title_02{
	color: #324E70;
	font-weight: bold;
	text-align: center;
}

img.addtxt{
	vertical-align:middle !important;
}

/*251118_カタログ更新関連*/
.noto-sans{
  font-family: "Noto Sans JP", sans-serif !important;
}