@charset "utf-8";

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

#page35{
	
}


#page35 .catalogattention{
  margin: 5% 3% 0 0;
  font-weight: bold;
  /*font-size: 1em;*/
  clear:both;
}

  /* check mark */
/*.catalogattention li {
  position: relative;
  list-style: none !important;
  margin-left: 8% !important;
}
.catalogattention li::after {
	display: block;
	content: '';
	position: absolute;
	top: 0.5em;
	left: -2em;
	width: 15px;
	height: 5px;
	border-left: 3px solid #3498db;
	border-bottom: 3px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}*/
#page35 .cataloglist{
  width: 100%;
}
#page35 .catalogimg img{
  width: 95%;
}
#page35 .catalogmanufacturer{
  text-align: center;
}
#page35 .catalogmanufacturer td{
  padding: 2%;
}

#page35 .catalogcategory {
  padding: 0.25em 0.5em !important;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 8px #7db4e6;/*左線*/
  border-bottom: solid 2px #c0ddf7;
  font-weight: bold;
  font-size: 1.5em !important;
  margin: 5% 0 3% 0 !important;
}
#page35 .catalogtel {
  padding: 0.25em 0.5em !important; /*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 8px #429b7d;/*左線*/
  border-bottom: solid 2px #8bd6ca;
  font-weight: bold;
/*  font-size: 1.5em !important;*/
  margin: 8% 0 3% 0 !important;
}


#page35 .btn-flat-vertical-border {
	margin-top:10px !important;
/*	font-size:1.5em !important;*/
	text-align:center;
	width:100%;
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 0em !important;
  text-decoration: none !important;
  color: #e1f3ff !important;
  background: #668ad8;
  transition: .4s;
}

#page35 .btn-flat-vertical-border:hover {
  background: #668ad8;
  color: #FFF;
}

#page35 .catalog_menu_box img{
	width:100%;}
#page35 .catalog_menu_box {
	width:100%;
   /* display: table;
	border-collapse: separate;
	border-spacing: 0.3em 0;*/
	text-align: center;
	margin: 10px 0px !important;
}


#page35 .catalog_menu1 {
   /* display: table-cell;*/
   float:left;
	width: 32%;
	padding:0.6% !important;
	vertical-align: middle;
}

#page35 .catalog_menu_box a {
	text-decoration: none !important;
}

#page35 .btn-flat-bottom-border1 {
  width:100%;
  margin:0 1% !important;
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 7px 0px !important;
  text-decoration: none !important;
  color: #FFF !important;
  background: #429b7d;
  transition: .4s;
}

#page35 .btn-flat-bottom-border1 > span {
  border-bottom: solid 2px #FFF;
  font-size:1.5em;
  color:#FFF;
}


#page35 .btn-flat-bottom-border1 > p {
  color:#FFF;
  font-size:1em !important;
  margin:0 5% !important;
  text-align: center !important;
}

#page35 .btn-flat-bottom-border1:hover {
  background: #91b5fb;
}

#page35 .catalog_list {
  position: relative;
  padding: 0.6em !important;
  background: #e0edff;
}

#page35 .catalog_list:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

#page35 #M_enquete * {
	font-size: 1rem;
}

#page35 #M_enqueteForm h3 {
	font-size: 1.17em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}


#page35 .catalogmanufacturer td h3{
	font-size:0.8em;
	font-weight:normal;
	}

#page35 .catalog-000{
	width:100%;
	list-style:none;
	}	

#page35 .catalog-000 li{
	width:50%;
	padding:10px;
	margin:0 auto;
	float:left;
	list-style:none;
	display:inline-block;
	vertical-align:top; /* 上端揃え */
	}	

#page35 .catalog-application{
	text-align:center;
	color:#009944;
	font-size:1em;}


#page35 ul:before, ul:after {
  content: "";
  clear: both;
  display: block;
}




#page35 .clearfix:after {
  display: block;
  clear: both;
  content: "";
}

#page35 .clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* for modern brouser */
#page35 .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
#page35 .clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
#page35 * html .clearfix {
  height: 1%;
}
#page35 .clearfix {
  display: block;
}
/*
.clearfix img{
	width:100%;}
*/	


#page35 .btn01 .btn--orange,
#page35 .btn01 a.btn--orange {
	padding:10px;
  color: #fff;
  background-color: #eb6100;
}
#page35 .btn01 .btn--orange:hover,
#page35 .btn01 a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

#page35 .btn01 a.btn--radius {
   border-radius: 100vh;
}










#page35 *,
#page35 *:before,
#page35 *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

#page35 .btn,
#page35 a.btn,
#page35 button.btn {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

#page35 .btn-wrap {
  margin: 30px 0;
}


#page35 a.btn-c {
  font-size: 2.2rem;

  position: relative;

  /*padding: 0.25rem 2rem 1.5rem 3.5rem;*/

  color: #000;
  background:#fff100;
  -webkit-box-shadow: 0 5px 0 #ccc100;
  box-shadow: 0 5px 0 #ccc100;
}

#page35 a.btn-c span {
  font-size: 1.5rem;

  position: absolute;
  top: -1.25rem;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#page35 a.btn-c span:before,
#page35 a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

#page35 a.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

#page35 a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

#page35 a.btn-c i {
  margin-right: 1rem;
}

#page35 a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}







#page35 .btn-wrap02 {
  margin: 30px 0;
}

#page35 .btn-wrap02 a.btn-c {
  font-size: 2.2rem;

  position: relative;

  padding: 0.25rem 2rem 1.5rem 3.5rem;

  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}

#page35 .btn-wrap02 a.btn-c span {
  font-size: 1.5rem;

  position: absolute;
  top: -1.25rem;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#page35 .btn-wrap02 a.btn-c span:before,
#page35 .btn-wrap02 a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

#page35 .btn-wrap02 a.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

#page35 .btn-wrap02 a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

#page35 .btn-wrap02 a.btn-c i {
  margin-right: 1rem;
}

#page35 .btn-wrap02 a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}







#page35 .digital-catalog{
	padding: 20px 0 0;
}
#page35 .digital-catalog ul{ 

					clear:both;
					padding:0px;
					}

#page35 .outer01{ 
					margin-top:10px;

					}

#page35 .digital-catalog ul li{
	width:33.3%;
					   float:left; 
					   list-style:none;}

#page35 .digital-catalog .outer li{
					   margin:2%;
					   width:21%;
					   }

#page35 .digital-catalog .outer li img{
	width:100%;
}
#page35 .digital-catalog ul.outer01 li a:hover,
#page35 .digital-catalog ul.outer02 li a:hover{
	color: #888;
	text-decoration:none;
}

#page35 .digital-catalog ul li a:hover{
	text-decoration:none;
}



#page35 .main-i{

	background-color:#e4eff5;
	width:90%;
	margin:0 auto;
	margin-top:20px;}
#page35 .main-t{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
	text-decoration:underline;
text-decoration-color:#ffd100;
}




#page35 .catalogcategory {
	padding: 0.25em 0.5em !important;
	color: #494949;
	background: transparent;
	border-left: solid 8px #7db4e6;
	border-bottom: solid 2px #c0ddf7;
	font-weight: bold;
	font-size: 1.5em !important;
	margin: 5% 0 3% 0 !important;
}


#page35 .outer01 li{
	width:31%;
	border-bottom:solid 1px #999999;

	border-right:solid 1px #999999;

	border-top:solid 1px #999999;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:1%;}

#page35 .outer02 li{
	width:31%;
	border-bottom:solid 1px #999999;

	border-right:solid 1px #999999;

	/*border-left:solid 1px #999999;*/
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:1%;}


#page35 .none{ border-left:solid 1px #999999;}

#page35 .outer01 img{padding: 0px 0px 3px 5px;}

#page35 .outer02 img{padding: 0px 0px 3px 5px;}

#page35 .catalogtitle {
	color: #FFF;
	text-align: center;
	width: 97%;
	margin: 0px auto;
	font-weight: bold;
	font-size: 20px;
	position: relative;
	padding: 0.6em;
	background: #668aa3;
		margin-bottom: 20px;
}

#page35 .btn--orange,
#page35 a.btn--orange {
  color: #fff;
  background-color: #668aa3;
  padding:3% 5%;
  margin:5% 0%;


}
#page35 .btn--orange:hover,
#page35 a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

#page35 a.btn--radius {
   border-radius: 100vh;
}

#page35 iframe#mailform {
    height: 2700px;
}



#page35 .catalogtitle {
		color:#FFF;
		text-align:left;
		width:90%;
		margin:0px auto;
		font-weight:bold;
		font-size:20px;
	  position: relative;
	  padding: 0.6em;
	  background: #668aa3;
	}

#page35 .catalogattention{
		width:90%;
		margin:0 auto;
		padding-top: 10px;
		text-align: left;
		padding-left: 10px;
		}
#page35 .catalogattention li	{
		font-size:27px;
		font-weight:bold;}

#page35 .catalogattention img{
		width:5%;
		margin: 0 8px 13px 0;
		}
#page35 .catalogattention .ll{
		/*font-weight:normal;*/
		font-size:15px;}	
#page35 .bold{
		font-weight:bold;
		font-size:40px;
		color:#e90e04;}

#page35 .bt{
		font-size:16px;
		border:solid 1px;
		/*margin: 2%; */ 
		border-radius: 1vh;
		padding: 2%;
		font-weight: normal;
		margin-top:2%;
		}

#page35 .btt{
		font-weight:bold;
		}

#page35 .bold2{
		font-weight:bold;}













	/*その他と主な共通部分は省略*/

	.btn-copy {
	  font-size: 1.5rem;
	  font-weight: bold;

	  position: relative;

	  margin-bottom: .2em;

	  text-align: center;
	}

	.btn-copy:before {
	  margin-right: 1rem;

	  content: '＼';
	}

	.btn-copy:after {
	  margin-left: 1rem;

	  content: '／';
	}