@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
body {
font-family: "微软雅黑","宋体";
color:#3E3a39;
} 
/*-- buttom effect --*/
.btn_ef {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-align: center;
}   
.btn_ef:hover{
	opacity: 0.4;
	filter: alpha(opacity=60);
	margin-left: auto;
}   
.btn_ef a{
	text-decoration:none;
}
/*-- header acodion --*/
.menu {
	font-size:12px;

}
.menu a {
    display: block;
    padding: 2px;
    text-decoration: none;
	color: #CAD8E0;
}
.menu a:hover {
	color: #1588CA;
	
}

label {
    display: block;
    margin: 0 0 4px 0;
    padding : 5px;
    line-height: 1;
    cursor :pointer;
}

.menu input {
    display: none;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li{
    height: 25px;
    opacity: 1;
}
/*-- 検索窓デザイン --*/
.search_container{
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 2px 10px;
  border-radius: 20px;
  height: 2.0em;
  width:93%;
  overflow: hidden;
  background: #1588CA;
}
.search_container input[type="text"]{
  border: none;
  height: 2.3em;
  font-size:13px;
  color:#fff;
  width:100%;
  background: #1588CA;
  font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome 5 Free;
  font-size: 1em;
  border: none;
  background: none;
  color: #fff;
  position: absolute;
  height: 2em;
  right: 5px;
  top: 0px;
  outline : none;
}
.search_container ::-webkit-input-placeholder {
  color: #fff; 
}
input[type="text"], textarea {
	padding:0.5px 0 0 2px;
}
input.search-button {
  font-family: "Font Awesome 5 Free";   /* FA5 の例 */
  font-weight: 900;                      /* アイコンフォントでは必要なことが多い */
  font-size: 1.2em;                      /* アイコンサイズ調整 */
  /* 必要ならボタンの背景色・枠・パディングなども指定 */
}
/* where to buy */

#sales {
	margin-bottom:200px;
}
.kyoten {
	width: 44.3684%;
	clear: none;
	margin-left: 5.2631%;
}
.kyoten a{
	color:#3E3a39;
	text-decoration:none;
}
.kyoten a:hover{
	color:#3E3a39;
	text-decoration:none;
}
.kyoten a:visited{
	text-decoration:none;
}
.kyoten table{
	width:100%;
	text-align: left;
}
.kyoten img{
	width: 70%;
	text-align: center;	
	padding: 5% 15% 5% 15%;
}
.kyoten th{
	font-size:20px;
	padding:0 5%;
}
.kyoten td{
	font-size:15px;	
	padding:0 4%;
}
/* conpany outline*/

.con_tab {
	background: #f5f5f5;
	border-collapse: separate;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 30px;
	text-align: left;
	width: 100%
}	

.con_tab th {
	background: url(https://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;
	color: #fff;
    font-weight: bold;
	padding: 10px 15px;
	position: relative;
	text-shadow: 0 1px 0 #000;
	height: 50%;
}

.con_tab th:after {
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
	content: '';
	display: block;
	height: 25%;
	left: 0;
	margin: 1px 0 0 0;
	position: absolute;
	top: 25%;
	width: 100%;
}

.con_tab th:first-child {
	border-left: 1px solid #777;	
	box-shadow: inset 1px 1px 0 #999;
}

.con_tab th:last-child {
	box-shadow: inset -1px 1px 0 #999;
}

.con_tab td {
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
	position: relative;
	transition: all 300ms;
}

.con_tab td:first-child {
	box-shadow: inset 1px 0 0 #fff;
}	

.con_tab td:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}	

.con_tab tr {
}

.con_tab tr:nth-child(odd) td {
	background: #f1f1f1;
}

.con_tab tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff; 
}

.con_tab tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}	

.con_tab tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}
.con_tab h1{
	font-size: 15px;
}

.con_td_l{
	width: 20%;
}
.con_td_r{
	width: 80%;
}

.con_td_r h1{
	font-weight: lighter;
}
/*-- トップページに飛ぶボタン --*/
.pageTop{
	position:fixed;
	bottom:0px;
	display:block;
	height:60px;
	width:60px;
	text-align:right;
	-webkit-transition:height 500ms;
	transition:height 500ms;
	overflow:hidden;
}
.pageTop.is-hide{
	-webkit-transition:height 500ms;
	transition:height 500ms;
	height:0px;
}
.pageTop a{
	position:relative;
	display:inline-block;
	overflow:hidden;
	color:transparent;
	width:50px;
	height:50px;
	border-radius:25px;
	background:#60ABB9;
}
.pageTop a::after{
	content:"";
	width:15px;
	height:15px;
	border-top:5px solid white;
	border-right:5px solid white;
	-ms-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	position: absolute;
	right:15px;
	top:50%;
	margin-top:-7px;
}
/* FAQ */
.cp_qa03 .cp_actab {
  position: relative;
  width: 100%;
  margin: 0 0 1em 0;
  color: #1b2538;
}
.cp_qa03 .cp_actab input {
  display: none;
}
/* 質問 */
.cp_qa03 .cp_actab label {
  font-weight: bold;
  line-height: 1.6em;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding: 1em 3em 1em 3.25em;
  cursor: pointer;
  text-indent: 1em;
  border-radius: 0.25em;
  background: #eee;
  color: #1588CA;
}
.cp_qa03 .cp_actab label::before {
  content: 'Q';
  font-family: serif;
  font-size: 1.5em;
  margin-left: -2em;
  padding-right: 0.5em;
}
/* --質問の＋アイコン */
/* 答え */
.cp_qa03 .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0.5em 0 2.5em;
  border-radius: 0 0 0.5em 0.5em;
  transition: max-height 0.2s;
  max-height: 40em;
  margin-top:-0.7em;
  border: 10px solid #eee;
}

.cp_qa03 .cp_actab .cp_actab-content::before {
  position: absolute;
  content: 'A';
  font-family: serif;
  font-size: 1.5em;
  margin: 0.7em 0 0 -1em;
  padding: 0;
  color: #1b2538;
	border-radius: 0.5em 0.5em 0 0;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
  
/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#b_box {
	background-color:#474342;
}
.lan {
	text-align:right;
	color:#fff;
	margin-right:10px;
}
#h_box {
	background-color:#CAD8E0;
}
.hed_log {
	width: 40%;
	margin: 2% 30%;
}
.hed_txt {
	font-size:9px;
	text-align:center;
}
.hed_link {
	width: 100%;
}
/*-- header meue --*/
ul.cdd_menu a {
    text-decoration: none;
    color: #3E3a39;
    background: transparent;
}
ul.cdd_menu a:hover {
    opacity: .5;
    transition: .5s;
    background: rgba(225,225,225,.8);
}
ul.cdd_menu {
    position: relative;
	display: flex;
    z-index: 9999;
    text-align: left;
	font-size: 12px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	right:3%;
}
ul.cdd_menu li a {
    display:block;
	margin: 0;
	padding: .5rem 0.3rem;
} 
ul.cdd_menu a {
} 
ul.cdd_menu,li.cdd_menu-dropdown > ul {
    padding: 0;
    list-style: none;
}
li.cdd_menu-dropdown{
    position: relative;
}
li.cdd_menu-dropdown > ul {
    position: absolute;
    background: #eee;
    visibility: hidden;
    opacity: 0;
	top: 20px;
}
li.cdd_menu-dropdown:hover > ul {
    visibility: visible;
    transition: .5s;
    opacity: 1;     
}
li.cdd_menu-dropdown > ul > li > ul {
    background: #ccc;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
}
li.cdd_menu-dropdown > ul > li.cdd_menu-dropdown > a:after {
    content: ">>";
}
.hed_seh {
width: 73.6842%;
clear: none;
margin: 0 15%;
margin-bottom:5px;
}
.search_container{
  width:93%;
  margin-left: 4%;
  margin-right: 4%; 
}
#path {
	margin-top:5px;
	font-size:12px;
}
#path a{
	color:#3E3a39;
	text-decoration: none;
}
#path a:hover{
	color:#3E3a39;
	text-decoration:underline;
}
.txt_blu{
	color:#1588CA;
}
#tit {
	margin-top:30px;
	margin-bottom:20px;
	font-size:30px;
	font-weight:bold;
}
#txt_box{
	width:100%;
	margin-bottom:150px;
	font-size:20px;
	line-height: 35px;
}
#pro_box {
}
#txt{
	font-size:12px;
	margin-bottom:10px;
}
/* Product */
#pro_box a{
	color:#3E3a39;
	text-decoration: none;
}
#pro_box a:hover{
	color:#fff;
}
.pro_1 {
width: 44.3684%;
margin-left: 5.2631%;
clear: none;
background-color:#CAD8E0;
margin-bottom:20px;
}
.pro_news {
width: 44.3684%;
margin-left: 5.2631%;
clear: none;
background-color:#CAD8E0;
margin-bottom:20px;
height:225px;
}
.news_data {
font-size:11px;
font-weight:bold;
width: 100%;
}
.mgn_btm{
 margin-bottom: 200px;
}

.pro_1:hover{
	background-color:#1588CA;
}
.p_img {
	width:90%;
	margin: 5%;
}
.p_txt {
	width:90%;
	margin:0 5% 5% 5%;
}
.p_txt h1{
	font-size:12px;
}
.five_cnt {
	width: 100%;
	margin-bottom: 30px;
}
.five_box {
	width: 100%;
	margin-bottom:20px;
}
.five_num {
	width: 21%;
	background-color: #1588CA;
	font-size: 40px;
	text-align: center;
	border-radius: 80px;
	color: #fff;
	font-weight:bold;
	padding-bottom: 4px;
}
.five_tit {
	font-size:20px;
	font-weight:bold;
	
}
.five_txt {
	width: 73%;
	font-size:15px;
	margin-left: 5.2631%;
    clear: none;

}
.p_box_2 {
width: 47.3684%;
margin-left: 5.2631%;
clear: none;
padding-top:20px;
}
.p_box_2 a {
color:#fff;
text-decoration: none;
}
.p_box_2 a:hover {
color:#CAD8E0;
}
.p_box_tit {
	font-weight: bold;
	width:80%;
	margin-top:10px;
	margin-bottom:8px;
	margin-left:5%;
}
.p_box_link {
font-size:7px;
font-weight: lighter;
}
.p_box_link h1 {
	margin:20px 0;
	margin-left:10%;
}
.p_box_link h2 {
	font-size:13px;
	margin:20px 0;
	margin-left:10%;
}
/* about */
#f_box {
	width: 100%;
}
.fea {
    width: 37.3684%;
    margin-left: 1.2631%;
	padding-right: 10%;
    clear: none;
    margin-bottom:10px;
    margin-top:20px;
}
.fea_icn {
width: 100%;
text-align:center;
    padding:0 5%;
}
.fea_tit {
    width: 100%;
    padding: 2.5% 10%;
    font-size:20px;
}
.fea_txt {
    width: 100%;
    padding: 2.5% 10%;
	font-size:14px;
}
/* table foot */
#p_box{
	width:100%;
	background-color:#474342;
	color:#fff;
	font-size:10px;
	text-align: center;
}
.tab_fot{
	border-collapse: collapse;
	width: 80%;
	margin: 2% 10%;
}
.tab_fot a{
	color:#fff;
	text-decoration: none;
}
.tab_fot a:hover{
	color:#fff;
	text-decoration:underline;
}
.tab_fot_txt {
	padding: 1%;
	width: 20%;
	text-align:left;
}
#fot_box {
	background-color:#CAD8E0;
	padding:20px 0;
}
.fot_log {
width: 21.0526%;
}
.fot_log img{
	width: 70%;
	margin:15%;	
}
.fot_cpy {
width: 47.3684%;
margin-left: 5.2631%;
margin:3% 0;
font-size:10px;
clear: none;
}
.fot_pol {
width: 21.0526%;
text-align:right;
margin:3% 0;
font-size:10px;
margin-left: 8.2631%;
clear: none;
}
.fot_pol a{
	text-decoration: none;
	color:#3E3a39;
}
.fot_pol a:hover{
	text-decoration:underline;
	color:#fff;
}
#pro_img {
width: 100%;
margin-left: 0;
text-align:center;
}
.pro_car{
	background-color:#eee;
	padding:2.5% 10%;
	width:80%;
	margin-top:20px;
	text-align:center;
}
.pro_car a{
    color:#3E3a39;
	text-decoration: none;
	font-size:15px;
}
#pro_tit {
width: 100%;
clear: both;
margin-left: 0;
font-size:23px;
}
#pro_mdl {
width: 100%;
clear: both;
margin-left: 0;
line-height: 10px;
}
#pro_txt {
width: 100%;
clear: both;
margin-left: 0;
margin-top:20px;
margin-bottom:20px;
line-height: 30px;
}
#pro_dl {
width: 100%;
clear: both;
margin-left: 0;
margin-bottom:30px;
}
#pro_cnt {
	margin-top:30px;
	margin-bottom:30px;
}
#pro_link {
width: 100%;
margin-left: 0;
font-size:20px;
font-weight:bold;
line-height: 40px;
}
#pro_link a {
color:#1588CA;
text-decoration: none;	
}
#pro_link a:hover{
color:#1588CA;	
text-decoration:underline;
}
#fea_ben {
	background-color:#CAD8E0;
	padding-bottom:10px;
	width:97%;
    padding-right:20px;
}
.tit1 {
font-size:20px;
color:#1588CA;
font-weight:bold;
width:90%;
padding: 0 4.5%;
margin-top:30px;
margin-bottom:10px;
}
.tit2 {
font-size:20px;
color:#1588CA;
font-weight:bold;
width:90%;
margin-top:30px;
margin-bottom:10px;
}
.fea_ben_box {
width: 100%;
clear: both;
margin-left: 0;
}
.fea_ben_box ul{
	margin-top:0;
	margin-bottom:0;
	color:#1588CA;	
}
.fea_ben_box li{
line-height: 30px;
margin-bottom:20px;
}
.fea_ben_box span{
	color:#3E3a39;
}
#tec_info {
margin-bottom:20px;
}
.tec_info_box_l {
width: 100%;
clear: both;
}
.tec_info_box_r {
width: 100%;
clear: both;
margin-bottom:20px;
}
.tec_info_box_l table,.tec_info_box_r table{
border-top: 1px solid black;
font-size:12px;
text-align:left;
}
.tec_info_box_btm table{
border-bottom: 1px solid black;
font-size:12px;
text-align:left;
}
.tec_info_box_l th,.tec_info_box_r th{
	width:25%;
}
.tec_info_box_l td,.tec_info_box_r td{
	padding:2% 0.5%;
	width:37.5%;	
}

.tec_info_tit {
width: 100%;
margin-left: 0;
clear: both;
}
.pro_r {
width: 100%;
clear: both;
margin-left: 0;
}
.dl_btn {
width: 47.3684%;
margin-left: 5.2631%;
clear: none;
}
#rela_pro {
	background-color:#CAD8E0;
}
.rela_pro_box {
width: 47.3684%;
margin-left: 5.2631%;
margin-bottom:30px;
clear: none;
}
.rela_pro_box a {
color:#3E3a39;
text-decoration: none;	
}
.rela_pro_img {
width: 100%;
margin-left: 0;
background-color:#fff;
}
.rela_pro_txt {
width: 100%;
margin-top:5px;
font-weight:bold;
margin-left: 0;
}
.rera_pro_cnt {	
width:90%;
padding: 0 4.5%;	
}
#typ_app {
}
.txt_s{
	font-size:9px;
}
.typ_app_img {
	padding:0 5%;
	width:90%
}
.pageTop{
left:80%;
}
.dlp_box {
width: 47.3684%;
margin-left: 5.2631%;
clear: none;
margin-bottom:30px;
}
.dlp_pro {
	background-color:#CAD8E0;
	font-size:8px;
	padding:5%;
	width:90%;
}
.dlp_pro:hover {
	background-color:#1588CA;
}

.dlp_btn{
	width:90%;
	margin:5px 0;
	text-align:center;
	background-color:#eee;
	border-radius: 5px;
	font-size:12px;
	padding:5%;
}
.dlp_btn a{
	text-decoration:none;
}
.dlp_btn:hover{
	background-color:#CAD8E0;
}
.box {
}
.mod_txt {
	font-size:12px;
}
#rtn_btn{
	margin:50px 0 100px 0;
	text-align:center;	
}
#rtn_btn a{
	background-color: #CAD8E0;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration:none;
	color:#666;
}
#ssl {
text-align: right;	
}
.vdo{
	margin-bottom: 30px;
}
.faq_ac{
	text-align: center;
}	
.faq_ac img{
	width: 40%;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 766px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#b_box {
}
.brk {
width: 87.1794%;
}
.lan {
}
#h_box {
}
.hed_log {
width: 25.0769%;
clear: none;
margin:1% 2%;
}
.hed_txt {
	font-size:8px;
	width: 100%;
	text-align:center;
}
.hed_link {
width: 64.3589%;
font-size: 12px;
clear: none;
padding-top:0%;
margin: 0%;
}
ul.cdd_menu {
	font-size:11px;
	top:20px;
}
ul.cdd_menu li a {
	padding: .5rem 0.2rem;
} 
li.cdd_menu-dropdown > ul {
	top: 10px;
}
.hed_btn {
	width: 22%;
	clear: none;
	font-size:12px;
	margin-left: 3.4482%;
}
.hed_seh {
width: 62.3589%;
margin: 12px 0;
}
.search_container{
  width: 70%;
  margin-top:2%;
  margin-left:20%;
}
/* Product */
#p_box{
}
.p_box_2 {
width: 48.7179%;
clear: none;
margin-left: 2.5641%;
}
.p_box_tit {
}
.p_box_link {
}
#pro_box {
}
.five_cnt {
}
.five_box {
}
.five_num {
	width: 10%;
	font-size: 45px;
}
.five_tit {
	font-size:30px;
	font-weight:bold;
}
.five_txt {
	width: 86%;
	margin-left: 3.2631%;
    clear: none;
}

/* about */
#f_box {
	width: 100%;
}
.fea {
width: 29.0769%;
clear: none;
margin-left: 0.5641%;
	padding-right: 10%;
}
.fea_icn {
	width: 100%;
	text-align:center;
	padding: 0 20%;
}
.fea_tit {
width: 100%;
padding: 2.5% 10%;
}
.fea_txt {
width: 100%;
padding: 2.5% 10%;
}
#fot_box {
}
.fot_log {
width: 23.0769%;
}
.fot_cpy {
width: 48.7179%;
clear: none;
margin-left: 2.5641%;
margin:4.4% 0;
}
.fot_pol {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
margin:4.4% 0;
}
ide_tablet {
display: none;
}

#path {
}
#tit {
}
#pro_img {
width: 100%;
margin-left: 0;
}
.pro_car{
}
#pro_tit {
width: 100%;
margin-left: 0;
clear: both;
font-size:18px;
}
#pro_mdl {
width: 100%;
margin-left: 0;
clear: both;
}
#pro_txt {
width: 100%;
margin-left: 0;
clear: both;
}
#pro_dl {
width: 100%;
margin-left: 0;
clear: both;
position: static;
}
.dl_btn {
clear: none;
width: 48.7179%;
margin-left: 2.5641%;
}
#pro_cnt {
}
#pro_link {
width: 100%;
margin-left: 0;
}

#fea_ben {
}
.tit1 {
width:95%;
padding: 0 2.5%;
}
.fea_ben_box {
width: 48.7179%;
margin-left: 2.5641%;
clear: none;
}
.fea_ben_box li{
font-size:14px;
line-height: 20px;
}
#tec_info {
}
.tec_info_box_l {
width: 48%;
clear: none;
}
.tec_info_box_r {
width: 48%;
margin-left: 4%;
clear: none;
}
#tec_th_por{
	width:28%;
}
.tec_info_tit {
width: 100%;
clear: none;
}
#rela_pro {
}
#pro_carou {
width: 100%;
margin-left: 0;
}
#pro_l {
width: 48.7179%;
}
.pro_r {
width: 48.7179%;
margin-left: 2.5641%;
clear: none;
}
.rera_pro_cnt {
width:95%;
padding: 0 2.5%;
}
.rela_pro_box {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}

.rela_pro_img {
width: 100%;
margin-left: 0;
}
.rela_pro_txt {
width: 100%;
margin-left: 0;
}
#typ_app {
	margin-bottom:10px;
}
#typ_app img{
	margin-bottom:30px;
}
.typ_app_img {
	padding:0 5%;
	width:90%
}
.sales {
}
.pageTop{
left:90%;
}
.dlp_box {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.dlp_pro {
}
.box {
}
.mod_txt {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 766px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#b_box {
}
.brk {
width: 83.0508%;
}
.lan {
}
#h_box {
}
#n_box {
}
.hed_log {
width: 19.2542%;
margin:1% 0% 1% 1% ;

}
.hed_link {
width: 50.6271%;
clear: none;
margin-left: 1.6949%;
}
.hed_txt {
	font-size:10px;
	width: 100%;
	text-align:center;
}
ul.cdd_menu {
	font-size:11px;
	text-align: left;
	top:55px;
}
ul.cdd_menu li a {
	padding: 0.3rem 0.2rem;
} 	
.hed_btn {
width: 21.8705%;
clear: none;
font-size:14px;
margin-left: 2.9411%;
}
.hed_seh {
width: 26.7288%;
clear: none;
margin-left: 0;
}
.search_container{
  width:100%;
  margin-top:5%;
  margin-left: 0;
}
/* about */	
#f_box {
width: 100%;
margin: 0 ;
}	
.fea {
width: 40.1525%;
clear: none;
margin-left: 0.6949%;
margin-top:40px;
margin-bottom:30px;
}
.fea_icn {
position:relative;
bottom: 10px;

}
.fea_tit {
width: 80%;
padding: 0.5% 10%;
font-size:25px;
}
.fea_txt {
width: 80%;
padding: 2.5% 10%;
}
/* table foot */
#p_box{
	font-size:14px;
}
#fot_box {
}
.fot_log {
width: 15.2542%;
}
.fot_cpy {
width: 57.6271%;
clear: none;
margin-left: 1.6949%;
margin:2.5% 0;
}
.fot_pol {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
margin:2.5% 0;
}
#pro_box {
}
.pro_1 {
width: 31.2033%;
clear: none;
margin-left: 1.6949%;
height:auto;
}
#path {
}
#tit {
}
#pro_img {
width: 100%;
margin-left: 0;
}
#pro_carou {
width: 100%;
margin-left: 0;
}
.pro_car{
}
#pro_tit {
width: 100%;
clear: both;
margin-left: 0;
}
#pro_mdl {
width: 100%;
clear: both;
margin-left: 0;
}
#pro_txt {
width: 100%;
clear: both;
margin-left: 0;
}
#pro_dl {
width: 100%;
clear: both;
margin-left: 0;
position: static;
}
.p_txt h1{
	font-size:17px;
}
.dl_btn {
	width: 48.2758%;
	margin-left: 3.4482%;
	clear: none;
}
#pro_cnt {
}
#pro_link {
width: 100%;
margin-left: 0;
}
#fea_ben {
}
.tit1 {
}
.fea_ben_box {
width: 49.1525%;
clear: none;
margin-left: 1.6949%;
}

#tec_info {
	width: 100%;
}
#rela_pro {
}

#pro_l {
width: 49.15259%;
}
.pro_r {
width: 49.1525%;
clear: none;
margin-left: 1.6949%;
}
.tec_info_box_l {
width: 48%;
clear: none;
}
.tec_info_box_r {
width: 48%;
clear: none;
margin-left: 2%;
}
#tec_th_por{
	width:32%;
}
.tec_info_tit {
width: 100%;
margin-left: 0;
clear: both;
}
.rera_pro_cnt {	
}
.rela_pro_box {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
}
.rela_pro_img {
width: 100%;
margin-left: 0;
}
.rela_pro_txt {
width: 100%;
margin-left: 0;
}
#typ_app img {
}
.typ_app_img {
	padding:0 5%;
	width:90%
}
.dlp_box {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
}
.dlp_pro {
	font-size:9px;
}
.box {
}
.mod_txt {
}
.five_cnt {
}
.five_box {
}
.five_num {
	width: 7%;
	font-size: 39px;
}
.five_tit {
	font-size:30px;
	font-weight:bold;
}
.five_txt {
	width: 86%;
	margin-left: 3.2631%;
    clear: none;
}
/* table foot */
#p_box{
	font-size:15px;
}
.fot_log {
width: 15.2542%;
}
.fot_cpy {
width: 57.6271%;
clear: none;
margin-left: 1.6949%;
margin:2.5% 0;
}
.fot_pol {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
margin:2.5% 0;
}
.kyoten {
width: 30.2033%;
margin-left: 1.6949%;
clear: none;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

}
@media only screen and (min-width: 1000px) {
.gridContainer {
    width: 88.5%;;
	max-width: 1000px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
	
.hed_link {
width: 56.6271%;
clear: none;
margin-left: 1.6949%;
padding-top:4%;
}
.hed_txt {
	font-size:11px;
	width: 100%;
	text-align:center;
}
ul.cdd_menu {
	font-size:14px;
	text-align: left;
	top:16px;
}
ul.cdd_menu li a {
    padding: 0.5em 1.0em;	
} 	
.hed_btn {
width: 21.8705%;
clear: none;
font-size:14px;
margin-left: 2.9411%;
}
.hed_seh {
width: 16.7288%;
clear: none;
}
.search_container{
  width:120%;
  margin-top:20%;
  margin-left: 0;
}
.pro_1 {
height:360px;
}
.pro_news {
height:360px;
}
.news_data {
font-size:13px;
}
.kyoten {
width: 31.2033%;
margin-left: 1.6949%;
clear: none;
}
}