
.SP{display:none !important;}
.TABLET{display:none !important;}
@media only screen and (max-width:768px){
	.PC{display:none !important;}
	.SP{display:block !important;}
}
@media only screen and (max-width:1240px){
	.TABLET{display:block !important;}
}

/*==================================
head_wrap_sp
================================== */

#head_wrap_sp{
	width: 100%;
	height: 73px;
	padding: 18px 12px 13px 15px;
	box-sizing: border-box;
	background: url("/cmn/img/sp/head_bg_sp_2019.png") center bottom no-repeat #fff;
	position: fixed;
	top:0;
	left:0;
	z-index:500;
}

	#head_wrap_sp .header_logo_sp{
		float: left;
		width: 40%;
	}

	#head_wrap_sp .header_logo_sp img{
		width: 180px;
	}

	.sp_btn{
		float: right;
		width: 48%;
		display: inline-block;
		text-align: right;
		margin-top: -3px;
	}

	.sp_btn > li{
		margin-left: 3px;
		display: inline-block;
		text-align: left!important;
	}

		.sp_btn li img{
			width:40px;
		}


/* clear */
.clear:after,
#head_wrap_sp:after{
	display:block;content:"";clear:both;overflow:hidden;
}



/*==================================
繝ｭ繝ｼ繧ｫ繝ｫ繝｡繝九Η繝ｼ
================================== */

@media only screen and (max-width:768px){
	.aco_menu{
		padding: 20px 20px 20px 20px!important;
		box-sizing: border-box;
		width: 100%!important;
	}

	.aco_menu .ac_title{
		font-weight: bold;
		padding:10px 0 0 10px;
	}

	.aco_menu.m2nd{
		margin-top:-10px!important;
		padding-top: 0!important;
	}

	.border_bottom{
		border-bottom: 1px solid #E4E4E4!important;
	}
	.border_top{
		border-top: 1px solid #E4E4E4!important;
	}
	.sp_nav > li{
		background: #e9f8fb!important;
	}
	#column2{
		float: none!important;
	}

	.local_menu.mtop .aco_menu{
		padding-top: 0!important;
	}

}


.local_menu{
	order: 1!important;
}

#column2{
	order: 2!important;
}

.wrap .aco_menu{
	width: 240px;
	padding: 0  15px 15px 0;
	box-sizing: border-box;
}

.aco_menu.pstop{
	margin-top: -20px;
	padding:0 0 20px 0;
}

	.sp_nav > li{
		border: solid 1px #e0dde4;
		background: #f0eef1;
	}

.sp_nav > li > a{
	background:url(/cmn/img/sp/icon_arrow_nav.png) 96% center no-repeat ;
	display:block!important;
	color: #333;
	text-decoration: none;
	padding:12px 15px 10px 15px;
	font-weight: bold;
}
	.sp_nav > li > a.toggleShow{
	  background:url(/cmn/img/sp/icon_arrow_nav2.png) 96% center no-repeat;
	}



@media only screen and (max-width:768px){
	.sp_nav > li > a{
		background:url(/cmn/img/sp/icon_arrow_nav2.png) 98% center no-repeat ;
	}
	.sp_nav > li > a.toggleShow{
	  background:url(/cmn/img/sp/icon_arrow_nav.png) 98% center no-repeat;
	}
}

/*隨ｬ1髫主ｱ､*/
.sp_nav > li > ul{
	display: block;
	background: #fff;
	margin: 0 10px 10px 10px;
}
@media only screen and (max-width:768px){
	.sp_nav > li > ul{
		display: none;
	}
}

.sp_nav a{
	color: #333;
	font-weight: normal;
}

.sp_nav > li > ul > li > a{
	display:block;
	padding: 10px 10px 7px 12px;
	font-size: 100%;
	text-decoration: none;
	border-top: 1px dotted #d1ced6;
	background: #fff;
}
.sp_nav > li > ul > li:first-child > a:first-child{
	border-top:none!important;
}

.sp_nav > li > ul > li > a.slideToggleEvent{
  background:url(/cmn/img/sp/icon_arrow_nav.png) 96% center no-repeat;
}
	.sp_nav > li > ul > li > a.toggleShow{
	  background:url(/cmn/img/sp/icon_arrow_nav2.png) 96% center no-repeat;
	}

@media only screen and (max-width:768px){
	.sp_nav > li > ul > li > a{
		border-top:none;
	}

	.sp_nav > li > ul > li > a.slideToggleEvent{
	  background:url(/cmn/img/sp/icon_arrow_nav2.png) 98% center no-repeat;
	}
		.sp_nav > li > ul > li > a.toggleShow{
		  background:url(/cmn/img/sp/icon_arrow_nav.png) 98% center no-repeat;
		}
}

/*隨ｬ2髫主ｱ､*/
.sp_nav > li > ul > li > ul{
	display: block;
	padding: 0 0 6px 0;
	margin: 0 0 5px 10px;
}


.sp_nav > li > ul > li.red_arrow_normal > a{
	font-weight: normal!important;
	 background:url(/cmn/img/sp/icon_arrow.png) left center no-repeat;
	 margin-left: 10px;
}

@media only screen and (max-width:768px){
	.sp_nav > li > ul > li > ul{
		display: none;
	}
}

.sp_nav > li > ul > li > a{
	font-weight: bold;
	padding-right: 15px!important;
}

.sp_nav > li > ul > li.noac > a{
	font-weight: normal;
}



.sp_nav > li > ul > li > ul > li > a{
	display:block!important;
	font-size:100%;
	text-decoration: none;
	padding:8px 0 5px 10px!important;
	margin-left: 4px;
  background:url(/cmn/img/sp/icon_arrow.png) left center no-repeat;
}

.sp_nav > li > ul > li > ul li > a.slideToggleEvent{
  background:url(/cmn/img/sp/icon_arrow_nav.png) 98% center no-repeat;
	margin-left: 10px;
}

.sp_nav > li > ul > li > ul li > a.toggleShow{
  background:url(/cmn/img/sp/icon_arrow_nav2.png) 98% center no-repeat;
	margin-left: 10px;
}


/*隨ｬ3髫主ｱ､*/
.sp_nav > li > ul > li > ul > li > ul{
	display: block;
	padding: 0 0 6px 0;
}

.sp_nav > li > ul > li > ul > li > ul > li > a{
	display:block!important;
	font-size:100%;
	text-decoration: none;
	padding:8px 0 5px 10px!important;
	margin-left: 12px;
	background:url(/cmn/img/sp/icon_arrow.png) left center no-repeat;
	line-height:120%;
}

.aco_menu ul.se_radio{
	padding: 10px;
}

.aco_menu ul.se_radio input{
	vertical-align:top;
}

	.aco_menu ul.se_radio li{
		padding-bottom:10px;
		line-height: 150%!important;
		text-indent: -1.5em;
		margin-left: 1.5em;
	}

		.aco_menu ul.se_radio li:last-child{
			padding-bottom:0;
		}

	.aco_menu ul.se_radio .sb_inner{
		width: 100%;
		text-align:center;
		padding:10px 0 10px 0;
	}

		.aco_menu ul.se_radio .sb_inner input{
			width: 30%;
			padding: 5px;
			vertical-align: middle;
			margin-right: 5px;
		}

		.aco_menu ul.se_radio .sb_inner input.input_submit{
			width: 50%;
			margin-top: 10px;
		}


/*==================================
繧ｰ繝ｭ繝ｼ繝舌Ν繝｡繝九Η繝ｼ
================================== */

/* 繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ */
.aco_menu.global_menu{
	width: 100%;
	z-index: 500!important;
	padding: 0!important;
}

.aco_menu.global_menu .sp_nav > li{
	border:none!important;
	width: 100%;
	background: none;
	margin: 0!important;
	padding: 0!important;
}


ul#ac_body{
	width: 100%;
	height: calc(100% - 77px);
	position: fixed;
	left: 0;
	top:73px;
	display: none;
	z-index: 100;
	overflow: scroll;
	box-sizing: border-box;
}

ul#ac_body > li > ul{
		display: none;
	}

/* 隨ｬ1髫主ｱ､ */
ul#ac_body > li{
		border-bottom: 1px dotted #aaa;
		padding: 15px 0 15px 15px;
		background: #fff;
	}

ul#ac_body > li.menu_search{
		padding: 0;
	}

ul#ac_body > li.menu_search .search_box{
		padding: 15px 10px 15px 10px;
	}


ul#ac_body > li > a{
  background:url(/cmn/img/sp/icon_arrow_nav2.png) 98% center no-repeat;
	display:block!important;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
	ul#ac_body > li > a.toggleShow{
	  background:url(/cmn/img/sp/icon_arrow_nav.png) 98% center no-repeat;
	}


/* 隨ｬ2髫主ｱ､ */
ul#ac_body > li > ul > li > ul{
	display: none;
}

ul#ac_body > li > ul > li{
	border: solid 1px #ddd;
	border-right: none;
	border-bottom: none;
	background: #f8f8f8;
}


	ul#ac_body > li > ul > li:first-child{
		margin-top: 10px;
	}

	ul#ac_body > li > ul > li:last-child{
		border-bottom: solid 1px #ddd;
	}

	ul#ac_body > li > ul > li > a{
	  background:url(/cmn/img/sp/icon_arrow_nav2.png) 98% center no-repeat;
		display: block;
		padding: 10px;
		text-decoration: none;
	}
		ul#ac_body > li > ul > li > a.toggleShow{
		  background:url(/cmn/img/sp/icon_arrow_nav.png) 98% center no-repeat;
		}


/* 隨ｬ3髫主ｱ､ */

	ul#ac_body > li > ul > li > ul > li{
	  padding-bottom: 10px;
	}

	ul#ac_body > li > ul > li > ul > li > a{
	  background:url(/cmn/img/sp/icon_arrow.png) left center no-repeat;
		display: block;
		padding:0 0 0 10px!important;
		margin:0 0 0 10px;
		text-decoration: none;
	}


ul#ac_body > li.other_link a{
	  background:url(/cmn/img/sp/icon_arrow.png) left center no-repeat;
		padding-left: 10px;
		line-height: 200%;
	}



/* 蟆上＆縺�枚蟄� */
	#ac_body span.small{
		display: block;
		font-weight: normal;
		font-size: 80%;
		margin-left: -7px;
	}


/* 螻暮幕縺ｪ縺� */
li.noac a{
  background:url(/cmn/img/sp/icon_arrow_nav_right.png) left center no-repeat!important;
	padding-left: 18px!important;
	margin-left: -5px;
}
	ul > li > ul > li.noac a{ /* 隨ｬ2髫主ｱ､逕ｨ */
		margin-left: 5px;
	}

/* 繧ｫ繝ｼ繝医ｒ隕九ｋ */
li.noac.cart a{
  background:url(/cmn/img/sp/icon_cart.png) left center no-repeat!important;
	padding-left: 32px!important;
	margin-left: 0;
}

.nolink{
	font-weight:bold;
	margin: 8px 0 5px 4px;
}
.txt_only{
	padding:10px 10px 0 10px;
}



/*==================================
繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ 繧ｹ繝ｩ繧､繝繝ｼ
================================== */
.l-search .search-box {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.l-search .search-radio {
  overflow: hidden;
  width: 97%;
  margin: 5px auto 0;
  padding: 2px;
  border-radius: 10px;
  background: #fff;
}

.l-search .radio {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  table-layout: fixed;
  display: flex;
	justify-content: center;
	align-items: center;
}

.l-search .radio input[type='radio'] {
  display: none!important;
  margin: 10px;
}

.l-search .radio input[type='radio'] + label {
  display: table-cell!important;
  position: relative!important;
  width: 25%!important;
  height: 100%!important;
  padding: 0 0 0 1px!important;
  text-align: center!important;
  vertical-align: middle!important;
  cursor: pointer!important;
  line-height: 120%!important;
  padding: 7px 7px 5px 7px!important;
  box-sizing: border-box!important;
	margin: 0;
}

	input[type=radio] + label::before,
	input[type=radio]:checked + label::after {
		display: none!important;
	}


.l-search .radio input[type='radio'] + label:first-of-type {
  z-index: 4;
}

.l-search .radio input[type='radio'] + label:nth-of-type(2) {
  z-index: 3;
}

.l-search .radio input[type='radio'] + label:nth-of-type(3) {
  z-index: 2;
}

.l-search .radio input[type='radio'] + label:nth-of-type(4) {
  z-index: 1;
}

.l-search .radio input[type='radio'] + label span {
  display: block;
  height: 100%;
  color: #000;
  font-size: 80%;
}

.l-search .radio input[type='radio']:checked + label span {
  color: #fff;
}

.l-search .radio #btn-toggle,
.l-search .radio #btn-toggle2{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  border-radius: 10px;
  background: #006fbc;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  box-sizing: border-box;
}


.l-search .radio #btn-toggle.type1,
.l-search .radio #btn-toggle2.type1b{
  left: 0;
}

.l-search .radio #btn-toggle.type2,
.l-search .radio #btn-toggle2.type2b{
  left: 25%;
}

.l-search .radio #btn-toggle.type3,
.l-search .radio #btn-toggle2.type3b{
  left: 50%;
}

.l-search .radio #btn-toggle.type4,
.l-search .radio #btn-toggle2.type4b{
  left: 75%;
}




/*==================================
蜈ｱ騾�
================================== */

/* 繧ｹ繝槭�縲￣C蜈ｱ騾壹た繝ｼ繧ｹ逕ｨ */
.wrap.block_flex{
	display: flex!important;
}

.spbr{
	display: block;
}

.pc_mt30_mb35{
	margin: 30px 0 35px 0!important;
}

.pc_mt30{
	margin: 30px 0 0 0!important;
}

.pc_w33p{
	position: relative;
	width: 33%!important;
}

.pos_center{
		left:33%;
		right: 33%;
}

h1.ttl_h1{
	line-height: 112%;
}

	.ttl_area .ico_red a{
		padding-right: 3px;
	}


@media only screen and (max-width:768px){
table.sbr_table td{
	padding: 0;
	width: 10%;
}
	.sbr{
		display: block!important;
	}



.pc_w33p{
	width: 100%!important;
}
.pos_center{
		left:0;
		right: 0;
}

.sp_mt20_mb20{
	margin: 20px 0 20px 0!important;
}


	.img_w100{
		width: 100%!important;
		height: auto!important;
	}


	/* 繧ｹ繝槭�縲￣C蜈ｱ騾壹た繝ｼ繧ｹ逕ｨ */
	.wrap.block_flex{
		display: block!important;
	}

	/* 繧ｹ繝槭�繝ｪ繝ｳ繧ｯ繝上う繝ｩ繧､繝郁ｨｭ螳� */
	.link_box a,
	#contact_sp .contact_set a,
		.sp_btn a{
		-webkit-tap-highlight-color:#e9f8fb;
	}
	.sp_nav > li > a{
		-webkit-tap-highlight-color:#eeeeee;
	}


	body{
		margin-top: 0!important;
		padding-top: 93px!important;
	}

	#head_wrap,
	footer,
	aside,
	.sp_no,
	#breadcrumbs,
	.img_keyvisual,
	h1.ttl,
	div.ttl,
	#contact,
	#pagetop,
	#contactarea{
		display: none!important;
	}
	#head_wrap{
		display: block!important;
	}
	body{
		margin-top: 0!important;
	}


	div#column2 {
		width: 100%!important;
		border: 0!important;
		margin-left:0;
	}

	h1.name{
		line-height: 140%;
	}

	.sp_read{
		padding: 15px 20px 20px 20px;
	}

	h1.ttl_sp {
		background:none!important;
		min-height: 30px;
		font-size: 150%;
		font-weight: bold;
		color: #303046;
		line-height: 150%;
		box-sizing: border-box;
		margin:0 20px;
	}


	h1.ttl_sp.fnt80 {
		font-size: 130%;
		padding-top: 2px;
	}


	.column_inner{
		padding:20px!important;
		margin: 0!important;
	}

	h2.ttl_sub{
		font-size: 120%;
		padding-top: 2px;
		margin-bottom:10px;
		height: auto;
	}

	.bg{
		margin: 0!important;
		padding: 0!important;
		width: 100%!important;
		margin: 0!important;
		background: none;
	}

	.wrap,
	.column_inner
	.inner_gray{
		display: block!important;
		width: 100%!important;
		position: relative!important;
	}


	.ico_red a,
	.ico_set a {
		background-position:left center!important;
	}








	.notice.t_red{
		padding: 0 20px 20px 20px;
	}

	.bb_bottom{
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
	}

	#paging {
		padding: 20px 0 0 0;
	}


	#column1{
		border: none!important;
		padding: 20px;
	}

			#column1 .bg{
				border-bottom: none!important;
			}

	#all_delete {
		margin:0 0 0 0;
	}

	.txt_img img{
		width: 100%;
	}

	#main{
		width: 100%;
	}

	.spbr{
		display: inline!important;
	}


	.img_keyvisual {
		padding: 0 20px 0 20px;
		margin:20px 0 -10 0;
		box-sizing: border-box;
	}
	.img_block{
		display: block!important;
	}
		.img_keyvisual img{
			width: 100%;
			height: auto;
		}

		.pt0{
			padding-top: 0!important;
		}

		.sp_mt20{
			margin-top: 20px;
		}
		.sp_pt0{
			padding-top: 0!important;
		}

}


/*==================================
繝｢繝ｼ繝繝ｫ
================================== */

@media only screen and (max-width:768px){
	/* 繝｢繝ｼ繝繝ｫ 繧ｳ繝ｳ繝�Φ繝�お繝ｪ繧｢ */
	#modal-main {
	  display: none;
	  width: 80%;
		height: 70%;
	  margin: 0!important;
	  position:fixed;
	  z-index:600!important;
		overflow: auto;
	}

	#modal-main #contact_sp{
	  margin: 0!important;
	  padding: 0!important;
	}


	/* 繝｢繝ｼ繝繝ｫ 閭梧勹繧ｨ繝ｪ繧｢ */
	#modal-bg {
	  display:none;
	  width:100%;
	  height:130%;
	  background-color:rgba(0,0,0, 0.60);
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:500!important;
		margin: 0!important;
		padding: 0!important;
	}


	#modal-bg .close{
	  position: fixed;
		bottom:8%;
		left: 40%;
		right: 40%;
		color: #fff;
		width: 15%;
		border: solid 1px #eee;
		padding: 2px 5px 3px 10px;
		z-index: 550;
	}
}


/*==================================
荳隕ｧ繝壹�繧ｸ
================================== */

#list_upper{
	margin:0 17px 0 17px;
}

#column1 #list_upper{
	margin:0;
}

.list_set label{
	padding-left: 0!important;
}

#list_upper.lu_bottum{
	border-bottom:none!important;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
}

#paging{
	padding: 20px 0 20px 0!important;
}


	ul.icon_set{
		margin: 0 0 10px 0;
		display:flex;
	}
		ul.icon_set li img{
			vertical-align:-2px!important;
		}


	#list_box .check_custom {
		width: 100%;
		background:url(/media_images/cmn/check_red_sp.png) no-repeat left 2px!important;
		padding: 4px 0 5px 35px;
		float: none!important;
		display: block;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	#list_box .check_on {background-position:left -123px!important;}

	.check_custom span.dsp_b{
		display: block;
		margin: 0 0 0 40px;
	}

	span.dsp_b{
		margin: 0 0 10px 0;
	}
	.list_select li{
		font-size: 90%!important;
		padding: 6px 4px 4px  10px!important;
		margin-bottom: 10px!important;
	}
	.list_select li:last-child{
		margin-bottom: 15px!important;
	}

		#list_upper .display_switch .set1 {
			width:150px;
		}

		#list_upper .display_switch .set2 {
			width:50px;
		}


.list_set .product_name{
	float: none;
	width: 100%;
}

@media only screen and (max-width:768px){
	#list_box .check_custom {
		margin-bottom: 0;
	}

	#list_upper{
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}
	#paging{
		padding: 0 0 10px 0!important;
	}
	#list_upper.lu_bottum{
		border:none!important;
	}

	.list_select{
		margin-top: 15px!important;
		margin-bottom: -15px!important;
	}
		.list_select li{
			display: block!important;
			text-align: center;
		}
		.list_select li a{
			float:right;
		}

		#list_upper  .list_upper_left {
			width: 100%;
			float: none;
		}

		#list_upper .display_switch {
			float: none;
			margin: 20px 0 20px  0;
		}
		.arrow_prev{
			margin: 0 15px 0 0;
		}

		.all_check{
			font-size: 130%;
		}



		#list_box{
			padding: 0!important;
		}

		#list_box .list_bloc {
			overflow: visible;
			padding: 15px 0 5px 0;
			border-bottom: 1px solid #ccc;
			height: auto!important;
		}

		#list_box .list_bloc ul{
			width: 100%;
			margin: 10px 0 10px 0;
		}


		#list_box .list_bloc ul li.sp_clumn{
			display: block;
			margin-bottom: 5px;
		}

		#list_box .list_bloc ul li{
			vertical-align: middle;
			margin-left: 0;
		}
		.product_name {
			clear: both;
			float:none;
			width:100%;
			padding: 12px 0 10px 0;
			font-size: 120%;
			display: block!important;
			color: #103861;
		}


		.see_all span{
			border: solid 1px #aaa;
			display: inline-block;
			padding: 2px 5px 2px 5px;
			margin-top: 5px;
			width: 80px;
			text-align: center;
		}
		.pro_set .pro_img{
			width: 40%!important;
		}
			.pro_set .pro_spec{
				width: 55%!important;
			}
				.pro_set .pro_spec dl{
					width: 100%!important;
				}

		.pro_set_wrapper{
			display: block!important;
		}
		.pro_set02{
			width: 100%!important;
		}

		#list_box .list_bloc .btn_inq a{
			padding: 7px 10px 7px 10px!important;
			font-size: 90%!important;
		}

		.btn_set p{
			font-size: 97%!important;
		}

		.btn_set p span{
			display: block!important;
		}
}



		#list_box .list_bloc ul{
			padding:0 3px 0 0;
		}

		#list_box .list_bloc {
			height: auto!important;
			margin:0 0 10px -3px;
		}

			#list_box .list_bloc .btn_inq a{
				padding: 7px;
				font-size: 100%;
			}

		#list_box .list_bloc li{
			vertical-align: middle;
		}

		#list_box{
			padding: 20px;
			box-sizing: border-box;
		}

		#column1 	#list_box{
			padding: 20px 0 20px 0;
		}



		/* list_set */
		.list_set{
			padding: 8px 0 20px 0;
			border-bottom: 1px solid #ccc;
			margin: 10px 0 12px 0;
			width: 100%;
		}

		#item_list thead li.li_last {
			float: none!important;
			text-align: left;
			padding-right:0;
		}

		.list_set .li_last span {
			clear: both;
			display: block;
			font-size: 100%;
		}


.pro_set_wrapper{
	display: flex;
}

		.pro_set{
			display: flex;
			justify-content: space-between;
			width: 100%;
			margin-top: 15px;
		}

			.pro_set .pro_img{
				width: 30%;
			}
					.pro_set .pro_img img{
						width: 100%!important;
						border: solid 1px #ccc;
						padding: 10px;
						box-sizing: border-box;
					}

			.pro_set .pro_spec{
				width: 62%;
				margin: -10px 0 15px 0;
			}

				.pro_set .pro_spec dl{
					border-bottom: 1px dotted #999;
					padding: 0 0 7px 0;
					margin: 7px 0 0 0;
					display: flex;
					width: 87%;
				}

				.pro_set .pro_spec dl dt{
					width: 60%;
					text-align: center;
				}

				.pro_set .pro_spec dl dd{
					width: 50%;
					text-align: center;
				}
				.pro_set .pro_spec dl dd span.price{
					font-weight: bold;
					color: #d70000;
				}


				.pro_set02{
					font-size: 90%;
					margin: 3px 0 12px 0;
					width: 77%;
				}
					.pro_set02 dl{
						display: block;
						width: 100%;
					}
						.pro_set02 dl dt{
							font-weight: bold;
						}
						.pro_set02 dl dd{
							width: 100%;
						}


	/* 隕狗ｩ咲ｳｻ繝懊ち繝ｳ */
	.btn_set{
		width: 100%;
		display: flex!important;
		justify-content: space-between!important;
		font-weight: bold;
		margin-top: 10px;
	}

	.btn_inq {
		margin: 0 2% 0 2%;
		line-height: 130%;
		width: 100%;
	}

	.btn_inq.single_btn{
		margin: 0!important;
	}

		.btn_inq:first-child{
			margin-left: 0;
		}

		.btn_inq:last-child{
			margin-right: 0;
		}

	.btn_inq a{
		display: block;
		width: 100%;
		background: #eee;
		border-radius: 5px;
		text-align: center;
		padding: 12px 10px 12px 10px;
		box-sizing: border-box;
		text-decoration: none;
		font-size: 90%;
	}

	.btn_inq.gray a{
		background: #ebebeb; /* Old browsers */
		background: -moz-linear-gradient(top, #ebebeb 0%, #a5a5a5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ebebeb 0%,#a5a5a5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ebebeb 0%,#a5a5a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-9 */
	}

	.btn_inq.orange a{
		background: #f94d00; /* Old browsers */
		background: -moz-linear-gradient(top, #f94d00 0%, #a12500 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f94d00 0%,#a12500 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f94d00 0%,#a12500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f94d00', endColorstr='#a12500',GradientType=0 ); /* IE6-9 */
		color: #fff;
	}

	.btn_inq.blue a{
		background: #4c67a5; /* Old browsers */
		background: -moz-linear-gradient(top, #4c67a5 0%, #00184a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #4c67a5 0%,#00184a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #4c67a5 0%,#00184a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c67a5', endColorstr='#00184a',GradientType=0 ); /* IE6-9 */
		color: #fff;
	}




/*==================================
陬ｽ蜩∬ｩｳ邏ｰ
================================== */


@media only screen and (max-width:768px){

	div#mainleft {
		float: none;
		width: 100%;
	}

	.detail_inner{
		margin-bottom: -20px!important;
	}

	div#mainleft #fadeDetailArea{
		margin-bottom: 20px;
	}

	#detailThumbArea{
		text-align: center;
	}

	div#mainright {
		float: none;
		width: 100%;
	}

	.sec_harf {
		width: 100%;
	}

	.t_indent{
		margin: 0 0 20px 0!important;
	}

	dl.price {
		margin:0 0 10px 0;
	}

	dl.price dt{
		width: 30%;
		text-align: left;
	}
	dl.price dd{
		text-align: left;
	}

	.rcm_item{
		margin: 0;
	}

	.rcm_item ul li.box{
		margin:0 10px 10px 0;
		width: 48%;
	}

	.rcm_item ul li:nth-child(2n).box{
		margin-right: 0!important;
	}

	.rcm_item ul:last-child li.box dt.img{
		width: 100%!important;
		height: auto;
	}

	.rcm_item ul li.box dl.itemlist{
		margin-right: 1px;
	}

}


/*==================================
繧ｫ繝�ざ繝ｪ繝医ャ繝礼ｳｻ
================================== */
@media only screen and (max-width:768px){
	.link_box .link_box01,
	.link_box .link_box02,
	.link_box .link_box03{
		float:none;
		width:100%;
		margin:0 0 20px 0!important;
		height: auto!important;
		font-size: 110%;
	}

		.link_box h2{
			padding: 10px 0 10px 5px!important;
		}

	.link_box ul.small_ctgry li{
		line-height: 200%!important;
		background-position:12px center ;
		font-size: 100%;
	}

	.link_box .link_box01:last-child,
	.link_box .link_box02:last-child,
	.link_box .link_box03:last-child{
		margin-bottom:0!important;
	}

}




/*==================================
繧ｫ繧ｿ繝ｭ繧ｰ繝医ャ繝� SP
================================== */
@media only screen and (max-width:768px){
/* 讀懃ｴ｢繝懊ャ繧ｯ繧ｹ */
.search_bg{
	margin: 0!important;
	padding: 0!important;
	width: 100%;
}

	.search_box{
		background: #006fbc!important;
		padding: 20px 0 20px 13px;
		height: auto!important;
		border-radius: 0;
		width: 100%!important;
		box-sizing: border-box;
		position: relative!important;
	}

.aco_menu.global_menu .sp_nav.search_menu > li > ul{
	border-bottom:none!important;
}


	input#search_txt,
	input#search_txt2{
		width: 78%!important;
		height: 50px;
		padding: 0!important;
	  border-radius:30px 0 0 30px;
		margin-bottom: 15px;
		padding-left: 13px!important;
		box-sizing: border-box;
		font-size: 80%;
	}

	input.btn_input.SP{
		width: auto!important;
		border-radius: 0;
		height: 50px!important;
		border: none;
		padding: 0;
		margin-right: 3.1%;
	}

	/* top逕ｨ */
	.ms_top input#search_txt,
	.ms_top input#search_txt2{
		width: 85%!important;
	}
	.ms_top input.btn_input.SP{
		position: absolute;
		right: 0;
	}

	/* head逕ｨ */
	#ac_body input#search_txt,
	#ac_body input#search_txt2{
		width: 81%!important;
	}


	.wastage_list,
	.wastage_list2{
		width: 100%!important;
		box-sizing: border-box;
	}

	.wastage_list a,
	.wastage_list2 a{
		background-color: #e9f8fb!important;
	}

	.column_inner .wastage_list.ico_red a,
	.column_inner .wastage_list.ico_set a{
		background-position:37% 21px!important;
	}

	.column_inner .wastage_list2.ico_red a,
	.column_inner .wastage_list2.ico_set a{
		background-position:29% 21px!important;
	}

}


/*==================================
邇画焔邂ｱ SP
================================== */
@media only screen and (max-width:768px){
	.helpful .inner{
		margin: 0!important;
	}

	.helpful .ico_set a {
		background-position:left 6px!important;
	}

}

/*==================================
縺雁撫縺�粋繧上○ SP
================================== */
@media only screen and (max-width:768px){
	#contact_sp{
		padding: 20px 20px 20px 20px;
	}

	#contact_sp.wd{
		padding:20px 0 20px 0!important;
	}


	#contact_sp .contact_set{
		background: #fff;
		border: solid 10px #dedce2;
		box-sizing: border-box;
		text-align: center;
	}

	#contact_sp .contact_set h2{
		padding: 10px 10px 8px 10px;
		font-size: 110%;
	}

	#contact_sp .contact_set h3{
		background: #f6f6f6;
		font-weight: normal;
		padding: 10px 10px 10px 10px;
	}

	#contact_sp .contact_set img{
		width: 100%;
	}

	#contact_sp .contact_set .contact_inner{
		padding: 20px 20px 15px  20px;
	}

	#contact_sp .contact_set .contact_inner span.tel{
		font-size: 200%;
		display: block;
		font-weight: bold;
		padding-bottom: 15px;
	}

		#contact_sp .contact_set .contact_inner span.tel a{
			color: #e90000;
		}
		#contact_sp .contact_set .contact_inner span.tel a:hover{
			text-decoration: none;
		}

#contact_sp .notice{
		text-align: center;
		font-size: 80%;
		margin-top: 5px;
		line-height: 160%;
	}

}


/*==================================
index
================================== */

	h2.top_title{
		font-size: 160%!important;
	}


@media only screen and (max-width:768px){
	#contents.top_contents{
		padding: 20px;
		box-sizing: border-box;
		margin-bottom:-50px;
	}

	#contact_top{
		display: none!important;
	}


	.flex-control-nav{
		display: none!important;
	}

	/* sidebar */
	#sidebar{
		width: 100%;
	}
		#sidebar img{
			width: 100%;
			height: auto!important;
		}

		.helpful_set{
			display: flex;
			justify-content: space-between;
			width: 100%;
		}

		.helpful_set .helpful_box{
			text-align: center;
			width: 48%;
			line-height: 140%;
		}

		.sidebar_navi li a {
			font-size: 120%;
		}

		.sidebar_navi li.document a {
			padding: 18px 20px 18px 54px;
		}

		.rentec_journal ul{
			display: none;
		}

		.rentec_journal .lead {
			padding: 10px 15px 15px 15px;
			line-height: 160%;
		}
		.side_banner{
			display: flex;
			justify-content: space-between;
			width: 100%;
		}

		.side_banner p{
			width: 48%!important;
		}

		.side_banner p img{
			width: 100%!important;
		}




.top_banner_set{
	display: block;
}

	.ec_banner{
		padding: 0;
		margin: 0 0 20px 0;
	}


	.ec_banner img{
		width: 100%;
	}


	/* picup_area */
	.picup_area{
		width: 100%!important;
		margin-bottom: 0!important;
		border: none!important;
	}

	.picup_area dl{
		width: 100%!important;
	}
		.picup_area.cl1,
		.picup_area.col2{
			width: 100%!important;
		}

			.picup_area.cl1 a,
			.picup_area.col2 a{
					width: 100%!important;
			}

			.picup_area a{
				display: block;
				float: none;
				width: 100%!important;
				border: none;
				padding: 0 0 20px 0;
			}

			.picup_area a dl{
				display: table;
				border: solid 1px #b9c0c8;
			}
			.picup_area a dl dt{
				padding: 10px ;
				display: table-cell;
				box-sizing: border-box;
				width: 45%;
			}
				.picup_area a dl dt img{
					width: 100%;
				}

			.picup_area a dl dd{
				padding: 10px;
				display: table-cell;
				vertical-align: middle;
				border-left:1px solid #b9c0c8;
				width: 55%;
				box-sizing: border-box;
				background-color: #f6f8fa
			}


		h3.tit_pickup{
			margin:15px 0 15px 0;
		}

		/*  box_top_caution*/

		.box_top_caution {
		border:1px solid #D7092F;
		text-align: center;
		padding:13px 0 10px 0;
		margin:0 0 20px 0!important;
		}
		.box_top_caution dl {
			display: block;
		}
		.box_top_caution dl dt {
			padding-top: 5px;
			display: block;
			width: 100%;
		}
		.box_top_caution dl dd {
			display: block;
			padding: 10px 15px 5px 15px;
			width: 100%;
			box-sizing: border-box;
		}

		.box_top_caution dl dt span {
			padding: 10px 0 10px 30px;
		}


		/* tabs */
		.tab{
			display: flex!important;
			justify-content: space-between;
		}
		.tab li {
			width: 32%;
			z-index: 0!important;
		}


		.tab li a{
			background:#f3f4f4;
		}

		.tab li.active a,
		.tab li a:hover {
			z-index: 10;
			height: 34px;
			color: #fff;
			background: #0089f2; /* Old browsers */
			background: -moz-linear-gradient(top, #0089f2 0%, #0030a0 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #0089f2 0%,#0030a0 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #0089f2 0%,#0030a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089f2', endColorstr='#0030a0',GradientType=0 ); /* IE6-9 */
		}


	/* info_list */
	.info_list {
		margin: 0 0;
		min-height: auto;
	}
	.info_list dt {
		float: none;
		width: 100%;
		margin-bottom: 0;
		padding: 0 0 0 0;
	}
	.info_list dd {
		position: static;
		margin-bottom: 10px;
		padding: 0 0 10px 0;
		font-size: 100%!important;
	}
	.info_list dd a {
		padding-left: 10px;
	}
	.info_list dd.new a {
		padding-left: 10px;
	}
	.info_list dd.new a:before {
		position: static;
		font-size: 100%!important;
		padding-right: 5px;
	}

	.info_list + .more {
		margin: 0 0;
		font-size: 100%;
	}


	/* 繧ｪ繝ｪ繝�け繧ｹ繝ｻ繝ｬ繝ｳ繝�ャ繧ｯ縺ｮ繧ｵ繝ｼ繝薙せ */
	.service_wrap{
		display: block;
		margin-bottom: 27px;
		box-sizing: border-box;
	}

	.service_wrap.clm2{
		width: 100%!important;
	}

	h3.clm2{
		width: 100%!important;
	}
		.se_title_set h3{
			display: block;
			width: 100%;
		}

	.service_box {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.service_box + .service_box {
		margin-left: 0;
	}
	.service_box:before {
		width: 100%;
		margin: 0;
	}

	.service_box ul{
		padding: 5px 10px 10px 10px;
	}
	.service_box h4 {
		padding: 0 10px 3px 10px;
	}


	.copyright_text{
		margin: -10px 0 0 0!important;
		text-align: center;
		font-size: 80%;
		line-height: 170%;
	}

	.service_wrap.clm2{
		width: 100%;
		box-sizing: border-box;
	}

	h3.clm2{
		width: 100%;
		box-sizing: border-box;
	}



/* visual & slides */
#visual {
	height: auto!important;
	width: 100%;
	margin-top: -20px;
}



#visual .wrap .fL {
	float: none!important;
	width: 100%;
}
#visual .wrap .fR {
	float: none!important;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 5px 5px 0 5px;
}
	#visual .wrap .fR img{
		width: 100%;
		padding: 5px 5px 0 5px;
		box-sizing: border-box;
}


.flexslider{
	width: 100%!important;
	position: relative;
	height: 225px;
}






	/* search_box */
	.ms_top .search_box{
		padding: 12px 10px 12px 10px;
	}

	.ms_top input#search_txt,
	.ms_top input#search_txt2{
		width: 90%!important;
		margin:0 0 12px 0.5%;
	}


	.press_release{
		margin:30px 0 40px 0;
	}
	.press_release h2 a{
		background-position: left center;
	}

		.press_release dl a,
		.tabs dl a{
			font-size: 100%!important;
			line-height: 170%;
		}


		/* service_top */

	h2.top_title{
		font-size: 140%!important;
	}

	.service_top  h4{
		font-size: 120%!important;
		padding-top: 5px;
	}
	.service_top  h4 a{
		background-position: left center!important;
	}


		.service_top  li a{
			font-size: 130%!important;
			line-height: 180%!important;
			text-decoration: none;
		}

		.title_only h4{
			padding: 8px 10px 13px 10px
		}

		.service_box ul.f11{
			font-size: 90%!important;
		}

}


/*==================================
繧ｵ繝ｼ繝薙せ繝医ャ繝� SP
================================== */
@media only screen and (max-width:768px){
		.column_inner .service ul li{
			float: none!important;
		}
		.column_inner .service img{
			height: auto!important;
			width: 100%!important;
		}

		.column_inner .service p img{
			margin-bottom: -15px;
		}



		.column_inner .service li a{
			width: 100%!important;
			height: auto!important;
		}

		.column_inner .service a img:first-child{
			display: none!important;
		}

}



/*==================================
譁ｰ逹諠��ｱ
================================== */
@media only screen and (max-width:768px){
		.dl_new_info dt,
		.dl_new_info dd{
			float: none!important;
			width: 100%!important;
		}

		dl.dl_new_info dt{
			padding: 12px 0 5px 0!important;
		}

		dl.dl_new_info dt.nowdate{
			heigh:0!important;
		}


		dl.dl_new_info dd{
			padding: 0 0 10px 0!important;
			border-top:none;
			border-bottom:1px dotted #888;
		}

		dl.dl_new_info dd a{
			background-position:left 5px;
		}

		.column_inner.news_list{
			padding-top: 5px!important;
		}

		.dl_camp dt,
		.dl_camp dd{
			float: none!important;
			width: 100%!important;
		}

		dl.dl_camp dt{
			padding: 12px 0 5px 0!important;
		}

		dl.dl_camp dt.nowdate{
			heigh:0!important;
		}


		dl.dl_camp dd{
			padding: 0 0 10px 0!important;
			border-top:none;
			border-bottom:1px dotted #888;
		}

		dl.dl_camp dd a{
			background-position:left 5px;
		}

	}

/*==================================
譁ｰ逹諠��ｱ 隧ｳ邏ｰ
================================== */
span.date{
	display: block;
	text-align: right;
	padding:0 30px 5px 0;
	margin-top: -20px;
}

.column4set .column4:last-child{
	margin-right:0!important;
}


@media only screen and (max-width:768px){

.column4set .column4{
	width: 48%;
}
.column4set .column4 img{
	width: 100%;
	height: auto;
}
.column4set .column4 p span img{
	width: 30%;
}

.column4set .column4:nth-child(even){
	margin-right:0!important;
}



	h1.ttl_h1{
		margin-left:20px!important;
	}

	.dtpl_set{
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 0 20px 0 20px;
	}
	.box_col2{
		width: 100%!important;
		padding: 0!important;
	}

	.mds01{
		box-sizing: border-box;
	}

	.box_col2 .fL,
	.box_col2 .fR{
		width: 100%!important;
		margin: 0!important;
		padding: 0!important;
		float: none!important;
	}

	.dtpl_contact{
		display: none;
	}

	.dtpl_set dd{
		margin-left: 0!important;
	}

	.dtpl_set .lineupInner{
		width: 100%!important;
	}
		.dtpl_set p{
			float: none!important;
			width: 100%!important;
		}

	iframe{
	  width: 100%!important;
	}
}






/*==================================
form蜈ｱ騾�
================================== */
@media only screen and (max-width:768px){
    .table-sp,
    .table-sp tbody,
    .table-sp thead,
    .table-sp tr,
    .table-sp td,
    .table-sp th {display:block;}
    .table-sp th {width:auto;}

		.mod_form{
			padding: 7px 12px 7px 12px!important;
			box-sizing: border-box;
		}

    .table-sp th {
			margin-top: 7px!important;
		}



		.mod_form table tr th{
			padding: 0 0 0 0;
			margin-bottom: 5px;
			line-height: 140%;
		}

		.mod_form div{
			float: none!important;
		}

		.mod_form table tr th.ex_essential {
			background: url(/media_images/cmn/ico/ico_essential.png) no-repeat left center;
			padding: 0 20px 0 50px;
		}

		span#tell input{
			width: 24%!important;
		}



		span#zipcode input{
			width: 35%!important;
		}

		.zip_set{
			display: flex!important;
		}

		.mod_form_importance{
			margin: 0;
		}
		.mod_form_importance p{
			margin-bottom: 10px!important;
			font-size: 14px;
		}

		.mod_form_btn{
			margin:5px 0 0 0;
			width:100%;
		}

		.mod_form table{
			padding-left: 0;
		}
			.field textarea{
				width: 100%;
			}
			input#rentalterm{
				width: 100%;
			}
			input#company,
			input#position,
			input#name,
			input#kana,
			input#email,
			input#emailcheck,
			input#address02{
				width: 100%;
			}

			input#zipcode1,
			input#zipcode2{
				width: 100%;
			}

			input#tel1,
			input#tel2,
			input#tel3{
				width: 100%;
			}

			input,
			textarea,
			select{
				border:solid 1px #CCCCCC;
				border-radius:3px;
				padding: 5px;
			}

		.mod_form table tr td{
			width: 96%;
		}

		.mod_form table .left {
			float:none!important;
		}

		#btn_submit{
			padding-top: 15px!important;
		}

		.ex_comment{
			display: block!important;
		}

	}


/*==================================
request_form
================================== */
@media only screen and (max-width:768px){
		div.materialbox {
				margin: 0 0 20px 0;
				border: solid 1px #ddd;
				box-sizing: border-box;
				padding: 20px 20px 0 20px;
		}

		.box_col2{
			padding: 0!important;
			margin: 0!important;
		}

		ul.material_form {
			display: block;
			text-align: center;
			border-top: 1px dotted #bbb;
			padding-top: 25px;
		}

	.materialbox .box_col2:first-child ul{
			border-top:none!important;
			padding-top: 0;
		}

		ul.material_form li {
			display: inline!important;
			float: none!important;
		}

		ul.material_form li.txt{
			width: 100%!important;
			text-align: left;
		}


		ul.material dd.name{
			margin:5px 0  20px 0;
		}

		.sec_form table{
			width: 100%!important;
		}

		ul.material_form label{
			display: block!important;
		}


	}






/*==================================
compare_list
================================== */

	.btn_del a{
		text-align: center;
		display: block;
    width: 30%;
		margin: auto;
    background: #eee;
    border-radius: 5px;
    text-align: center;
    padding: 7px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 120%;
		background: linear-gradient(to bottom, #ebebeb 0%,#a5a5a5 100%);
	}


@media only screen and (max-width:768px){
		#column1{
			border-top: none!important;
			padding-top: 0;
		}

		.set{
			width: 100%;
		}

		h3.ttl_form{
			margin:7px 0 7px 0;
		}

		a.dp_tg{
			margin-top: 10px;
			display: block;
		}
		div.tel img{
			width: 100%;
		}

		ul.step_nav {
			display: block;
			width: 100%;
			margin:0 0 25px 20px;
			height: auto;
		}

		ul.step_nav li {
			display: block;
			float: none;
			width: 100%;
			background-size:  cover;
			margin: 0 0 10px 0;
		}

		.projection_err_msg span{
			font-size: 120%!important;
		}

	}


/*==================================
inquiry
================================== */
@media only screen and (max-width:768px){
	.tel_img img{
		width: 100%;
		height: auto;
	}

	.mod_form{
		box-sizing: border-box;
	}

	.inquiry_form table.tbl_confirm{
		width: 100%;
	}

	.mod_form table.tbl_confirm tr th{
		white-space: normal;
		margin: 0!important;
		padding: 10px 10px 5px 0;
		border: 0;
		box-sizing: border-box;
		background: #f4f3f6!important;
		width: 100%;
		height: auto;
	}

	.mod_form table.tbl_confirm tr:first-child th{
		padding-top:0;
	}

	.mod_form table.tbl_confirm tr td{
		white-space: normal;
		margin: 0;
		padding: 5px 10px 5px 10px;
		box-sizing: border-box;
		width: 100%;
		border: 0;
	}

	.mod_form_btn #btn_previous,
	.mod_form_btn #btn_submit{
		display: block;
		padding-top: 8px;
	}

	p.complete_msg {
		margin-left: 0;
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}
	p.complete_msg span{
		font-size: 130%;
	}
}



/*==================================
faq
================================== */
@media only screen and (max-width:768px){
	.title_a{
		text-indent: -1.5em;
		padding-left:1.5em!important;
	}
	.title_a span{
		margin-right: 5px;
	}
}

/*==================================
sitemap
================================== */
@media only screen and (max-width:768px){
	.sitemap_box .fL, .sitemap_box .fR{
		width: 100%!important;
		float: none!important;
	}

}

/*==================================
繝ｬ繝ｳ繧ｿ繝ｫ縺ｮ縺泌茜逕ｨ縺ｫ縺､縺�※
================================== */
@media only screen and (max-width:768px){

	.txt_line{
		text-indent: -1em;
		margin-left: 1em;
		padding-right: 10px;
	}

	.sttl img{
		width: 100%!important;
		height: auto;
	}
	.sttl{
		padding:10 20px 0 0;
		display: flex;
	}

	.merit .examine{
		margin: 0 0 20px 0;
	}

	.merit_imgC{
		width: 100%!important;
	}

	.sttl span{
		padding: 0 0 0 0;
		text-align: left;
	}

	.sttl span img{
		width: 48px!important;
	}


	.sttl p {
		margin: 0 0 0 0!important;
		width: 100%;
		padding: 11px 10px 0 10px;
	}

	.examine p {
		margin: 15px 0 10px 0!important;
	}

	.about_use_inner{
		margin: 0 0;
	}




	ul.case.pl20{
		padding-left: 10px!important;
	}

		.howto{
		    margin: 0 0 0 0!important;
		}
	.howto .sec_left{
		width: 100%!important;
		float: none!important;
	}

	.howto .sec_right{
		text-align: center;
		margin-top: 10px;
	}

	.howto .sec_btn,
	.about_use_inner .sec_btn{
		margin:0 0 55px -42%;
	}

	.howto .sec_btn .mr10,
	.about_use_inner .sec_btn .mr10{
		margin-left: 35px!important;
	}

	.howto .sec_btn span,
	.about_use_inner .sec_btn span{
		display: block;
		text-align: center;
	}
	.howto{
		margin: 0 0 20px 10px;
	}

	.howto .lead{
		text-indent: 0!important;
		margin-left: 0!important;
	}


}


/*==================================
company
================================== */

	/*PC 迺ｰ蠅�∈縺ｮ蜿悶ｊ邨�∩*/
	dl.qt_list{
		width: 100%!important;
	}
		.qt_list dt{
			float: left;
			width: 25%!important;
		}
		.qt_list dd{
			float: right;
			width: 75%!important;
		}

/* clear */
dl.qt_list:after{
	display:block;content:"";clear:both;overflow:hidden;
}



@media only screen and (max-width:768px){

	.map_link{
		margin-top: 7px;
	}

	.map_link a{
		background: url("/media_images/cmn/ico/icon_gmap.png") left center no-repeat;
		padding-left: 15px;
	}

	.company_btn dl dt{
		font-size: 110%;
	}

	dl.btn_left,
	dl.btn_right{
		float:none!important;
		width: 100%;
		box-sizing: border-box;
		height: auto!important;
	}
	.column_inner{
		font-size: 110%;
	}

		/* info */
		dl.dl_info{
			width: 100%;
			box-sizing: border-box;
		}

	dl.dl_info dt,
	dl.dl_info dd {
		float: none!important;
		width: 100%;
		margin: 0;
		padding: 0;
		height: auto;
		border: none;
	}

	dl.dl_info dd{
		border-bottom:1px dotted #555;
		margin:3px 0 17px 0;
		padding-bottom:12px;
	}

	dl.dl_info dd:last-child{
		border-bottom:none!important;
	}


	dl.dl_info dt{
		font-weight: bold;
	}

	dl.dl_info .vl_c{
		position:static;
		min-height:auto;
		margin-bottom: 10px;
	}
	dl.dl_info .vl_c span{
		position: static;
	}

	dl.dl_m dt{
		float: none;
		width: 100%;
		padding: 0;
	}
	dl.dl_m dt.vl_c{
		position:static;
		min-height:auto;
	}
	dl.dl_m dd{
		padding:0;
		border:none;
		min-height:auto;
	}

.dl_info dl > dd,
.dl_s dt{
	margin-left: 8px!important;
}

	dl.dl_m dd.first_dt{
		width:100%;
		float:none;
	}
	.table_first > p{
		padding:0;
	}
	.table_first .dl_s dt{
		float: none;
		width: 100%;
		padding: 0;
    min-height: auto;
	}
	.table_first .dl_s dd{
		padding:0;
		border:none;
		min-height: auto;
	}

	.dl_m p,
	.dl_m > dt{
		background: #eee!important;
		padding: 3px 3px 3px 7px!important;
		margin-bottom: 10px!important;
		font-weight: bold;
	}

	/* history */
	dl.dl_history{
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		border-top: 1px dotted #555;
		box-sizing: border-box;
	}

	dl.dl_history dt,
	dl.dl_history dd{
		float: none!important;
		width: 100%!important;
		padding: 0;
		box-sizing: border-box;
	}

	dl.dl_history dt{
		font-weight: bold;
		margin-top: 10px;
	}

		dl.dl_history dt span{
			display: block;
			padding-top: 5px;
		}


	dl.dl_history:first-child dt{
		margin-top: 0!important;
	}

	dl.dl_history dd{
		margin:3px 0 10px 0;
	}

	.noyear dt{
		margin:0;
		padding-left: 0!important;
		width:100%!important;
		box-sizing: border-box;
	}
	.noyear dd{
		padding:0 0 0 0!important;
		width: 100%;
	}


	/* quality */
	dl.quality {
		margin-top:15px;
		 display:table!important;
		 margin-bottom:0!important;
	 }

	dl.quality dt{
		height:auto;
		width:100%;
		font-size:22px;
		font-weight:bold;
		 display:table!important;
		vertical-align:middle;
		margin:10px 0 20px 0;
	}

	dl.quality dd {
		display:block!important;
		text-indent: -2em;
		margin-left: 2em;
		margin-bottom: 10px;
	}

	dl.quality dd.st1{
		font-size:180%!important;
		font-weight:bold;
		margin-top: 10px;
	}


	.column2_left{
		width: 100%!important;
		float: none!important;
	}
	.column2_left img{
		width: 100%!important;
		height: auto;
	}

	.column2_right{
		float: none!important;
		width: 100%;
	}

	.column2_right span{
		display: block;
	}

	.column2_right.mt12{
		margin-top: 0!important;
	}


	.qt_list{
		margin-bottom: 10px;
	}
		.qt_list dt{
			float: none;
			font-weight: bold;
			width: 100%!important;
		}
		.qt_list dd{
			float: none;
			width: 100%!important;
		}
		.column2set{
			margin-bottom: 0;
		}

		.spmt_n10{
			margin-top: -10px!important;
		}

		/* 繝槭ャ繝� */
		img.map_sp{
			width: 100%;
			height: auto;
		}

		/* 繝励Ξ繧ｹ繝ｪ繝ｪ繝ｼ繧ｹ */

		dl.dl_press dt {
			float: none;
			width: 100%;
			padding: 0 0 5px 0;
		}
		dl.dl_press dt img {
			vertical-align: top;
			margin-right: 5px;
		}
		dl.dl_press dd {
			margin-bottom: 15px;
			padding: 0 0 15px 0;
			float: none;
			width: 100%;
			border-top: none;
			border-bottom: 1px dotted #bbb;
		}

		dl.dl_press dd:last-child{
			border-bottom:none;
		}

		dl.dl_press dd a{
			background-position: left 5px;
		}


}



/*==================================
繝輔ャ繧ｿ繝ｼ SP
================================== */
@media only screen and (max-width:768px){
		footer{
			background: #0e3962;
			color: #fff;
			border-bottom: 5px solid #d70a30;
		}

		footer ul li a{
			display: block;
			border-bottom: 1px dotted #879cb1;
			padding: 15px 15px 13px 15px;
			background: url("/media_images/cmn/ico/ico_triangle.png") 97% center no-repeat;
		}

		footer .pc_top{
			margin: auto;
			text-align: center;
		}
			footer .pc_top a{
				display: inline-block;
				border: solid 1px #879cb1;
				padding: 7px 20px 7px 20px;
				margin: 20px 0 15px 0;
			}

		footer .copyright{
			text-align: center;
			padding: 20px 10px;
			line-height: 150%;
			background: #fff;
			color: #000;
		}

			footer .copyright span{
				display: block;
				margin-bottom: 15px;
			}
				footer .copyright span img{
					width: 48%;
				}
	}



/*==================================
豈碑ｼ�｡ｨ
================================== */

@media only screen and (max-width:768px){
		#main_body .wrap div.scroll_div{
			width: 89%!important;
			margin: 0 20px 20px 20px;
			box-sizing: border-box;
		}

			#main_body .wrap div.scroll_div table{
				width: 100%!important;
			}

			#main_body .wrap {
			    border-top: none;
			}

			#main_body .wrap div.scroll_div table tr:nth-child(2n+3){
		   background-color: #f8f8f8;
			}
	}




/*==================================
謗｢縺吶ヱ繝阪Ν
================================== */
	#contents .inner_gray ul.kana li a {
		padding: 12px 0px;
		background-position: 20% center;
	}

	.btn_box_set{
		background: #eee;
		padding: 7px;
		box-sizing: border-box;
	}

	.btn_box{
		width: 100%;
		display: flex;
		background: #fff;
	}

	.btn_box.bx01{
		border-top: solid 1px #ccc;
	}

	.btn_box li{
		width: 25%;
		text-align: center;
		display: flex;
    align-items: center;  /* 蟄占ｦ∫ｴ�繧断lexbox縺ｫ繧医ｊ荳ｭ螟ｮ縺ｫ驟咲ｽｮ縺吶ｋ */
		border: solid 1px #ddd;
		border-right: none;
		border-top: none;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 15%, #EBEBEB 100%);
		/* Chrom 縺ｨ Safari */
		background: -webkit-gradient(linear, 0 15%, 0 100%, from(rgba(255,255,255,0)), to(#EBEBEB));
		/* IE10莉･荳� */
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 15%, #EBEBEB 100%);
		/* 蜈ｱ騾� */
		background: linear-gradient(top, rgba(255,255,255,0) 15%, #EBEBEB 100%);
	}

	.btn_box li:last-child{
		border-right: solid 1px #ddd;
	}

	.btn_box li a{
		background: #fff;
		display: block;
		width: 100%;
		padding: 12px 10px 10px 10px;
	}
		.btn_box li a:hover{
			background-color: transparent;
			text-decoration: none;
		}

	.btn_box li a span{
		background: url("/media_images/cmn/ico/ico_triangle.png") left 6px no-repeat;
		padding-left:12px;
	}
	.btn_box .nodata{
		background: #fff!important;
	}

	button.btn_close_gmenu02 {
		display: none;
	}

@media only screen and (max-width:768px){
		.btn_box li{
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, #e9f8fb 100%)!important;
		/* Chrom 縺ｨ Safari */
		background: -webkit-gradient(linear, 0 50%, 0 100%, from(rgba(255,255,255,0)), to(#e9f8fb))!important;
		/* IE10莉･荳� */
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 50%, #e9f8fb 100%)!important;
		/* 蜈ｱ騾� */
		background: linear-gradient(top, rgba(255,255,255,0) 50%, #e9f8fb 100%)!important;

			/*background:#e9f8fb!important;*/
		}
		.btn_box li a{
			background:none;
		}

		/* 蜷ｹ縺榊�縺苓ｨｭ螳� */
		#sch_maker_child > div,
		#sch_category_child > div {
			position: fixed;
			top:0;
			left: 0;
			background:none;
			padding-top: 0;
			height: 100%;
			width: 100%;
			z-index: 1000!important;
		}

		#sch_maker_child > div > .inner,
		#sch_category_child > div > .inner {
			border:none;
			border-radius: 0;
			font-size: 100%;
			width: 100%;
			line-height: 240%;
			padding: 15px 18px;
			box-shadow:none;
			height: 100%;
			overflow:scroll;
			-webkit-overflow-scrolling:touch;
			box-sizing: border-box;
		}


		#sch_maker_child ul,
		#sch_category_child ul{
			width: 100%!important;
		}

		#sch_maker_child button.btn_close_gmenu,
		#sch_category_child button.btn_close_gmenu {
			top: 10px!important;
			right:10px!important;
		}


		button.btn_close_gmenu02 {
			display: block;
			position: absolute;
			right: 10px;
			bottom:10px;
			z-index: 200;
			background: url(/media_images/cmn/left_nav/btn_dmenu_close.png) no-repeat left top;
			width: 26px;
			height: 26px;
			border: 0;
			cursor: pointer;
		}

		.btn_box li a span{
			background-image: none;;
			padding-left:0;
		}

		.btn_box .nodata{
			background: #f5fdfe!important;
		}

		h3.ms_title{
			color: #fff;
			text-align: center;
			clear: both;
			margin: 0 0 7px 0;
		}

		ul#ac_body > li.menu_search .search_box{
				padding: 15px 10px 7px 12px!important;
			}

		.l-search{
			margin-bottom: 15px!important;
		}

		/* clear */
		.search_box:after{

			display:block;content:"";clear:both;overflow:hidden!important;;
		}

			#ac_body input#search_txt,
			#ac_body input#search_txt2{
				width: 80%!important;
			}
		}



@media only screen and (max-width:768px){
	/* renewal 2022 base
	================================== */
	body {
		padding-top: 0 !important;
		min-width: 375px;
	}
	#header .inner,
	#content .inner,
	#footer .inner{
		padding: 0 5.3vw;
	}
}

/* renewal 2022 header
================================== */
@media only screen and (max-width:1240px){
	#header {
		height: 87px;
	}
	#header > .inner{
		padding: 0 2.7vw;
	}
	#header .header_top{
		display: none;
	}
	#header .header_bottom_menu{
		display: none;
	}
	#header .header_bottom_btn li + li{
		margin-left: 12px;
	}
	#header .header_bottom_btn a{
		width: 60px;
	}
	#header .header_bottom_btn a > span{
		background-position: center center;
		background-size: 33px auto;
		height: 60px;
	}
	#header .header_bottom_btn span.text{
		display: none;
	}
	#header .header_bottom_btn .spmenu a{
		background-color: #003366;
	}
	#header .header_bottom_btn .spmenu a > span{
		background-image: url(/images/renewal_2022/cmn/icon_bars.svg);
		background-size: 23px;
		height: 60px;
	}
	#header.open .header_bottom_btn .spmenu a{
		background-color: #333333;
	}
	#header.open .header_bottom_btn .spmenu a > span{
		background-image: url(/images/renewal_2022/cmn/icon_times-white.svg);
		background-size: 23px;
	}

	#header .header_dropdown{
		top: 95px;
	}
	#header .header_dropdown .inner{
		padding: 0;
	}
	#header .header_dropdown_close{
		display: none;
	}
	#header .header_dropdown_row{
		height: calc(100vh - 74px);
		overflow-y: auto;
	}
	#header .header_dropdown_head{
		border-top: 1px solid #003366;
		border-bottom: 1px solid #D5D5D5;
		padding: 12px 5.3vw;
		font-size: 18px;
	}
	#header .header_dropdown_menu > ul > li a{
		background-color: #F8F8F8;
		border-bottom: 1px solid #D5D5D5;
		padding: 15px 5.3vw;
	}
	#header .header_dropdown_menu > ul > li > ul a{
		padding-left: 8vw;
	}
	#header .header_dropdown_title{
		border-bottom: 1px solid #D5D5D5;
		position: relative;
		font-size: 13px;
	}
	#header .header_dropdown_title a{
		padding: 12px 5.3vw;
	}
	#header .header_dropdown_title .spsubmenu{
		position: absolute;
		right: 4.5vw;
		top: 50%;
		display: block;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		background: url(/images/renewal_2022/cmn/icon_plus-white.svg) no-repeat center center #003366;
		background-size: 19px auto;
		border-radius: 3px;
	}
	#header .header_dropdown_menu.open .header_dropdown_title .spsubmenu{
		background-image: url(/images/renewal_2022/cmn/icon_minus-white.svg);
	}
}
@media only screen and (max-width:768px){
	#header {
		height: 70px;
	}
	#header .header_logo{
		width: 205px;
	}
	#header .header_bottom_btn li + li{
		margin-left: 6px;
	}
	#header .header_bottom_btn a{
		width: 40px;
	}
	#header .header_bottom_btn a > span{
		background-size: 22px auto;
		height: 40px;
	}
	#header .header_bottom_btn .spmenu a > span{
		background-size: 13px;
		height: 40px;
	}
	#header.open .header_bottom_btn .spmenu a > span{
		background-size: 15px;
	}

	#header .header_dropdown{
		top: 78px;
	}
}

/* renewal 2022 footer
================================== */
@media only screen and (max-width: 1240px){
	#footer .foot_banner a{
		background: none;
		border: none;
		padding: 0;
	}
	#footer .foot_banner ul li{
		width: 280px;
	}
	#footer .foot_banner ul li img{
		width: 100%;
	}

	#footer .foot_menu{
		display: none;
	}
}
@media only screen and (max-width: 768px){
	#footer {
		display: block !important;
		margin-top: 20px;
		border-bottom: none;
	}

	#footer .foot_bottom{
		margin-top: 30px;
	}
	#footer .foot_bottom a{
		display: block;
		background: none;
		border-bottom: none;
		padding: 0;
	}
	#footer .foot_bottom .inner{
		padding: 0;
	}
	#footer .foot_bottom ul{
		display: flex;
		flex-wrap: wrap;
		font-size: 10px;
	}
	#footer .foot_bottom ul li{
		margin: 3px 10px 3px 0;
		width: 150px;
	}

	#footer address{
		margin: 0 auto 40px;
	}
	#footer address .logo{
		margin-bottom: 25px;
	}
	#footer .copyright{
		padding: 0;
		font-size: 10px;
	}
}