@charset "utf-8";
@media print, screen and (min-width:768px){
/*===========================================

 → BASIC
  
=============================================*/
.for_sp {display:none !important;}





/*===========================================

 → HEADER
  
=============================================*/
.header_inner {max-width:1200px; width:94%; }


#headLogo {height:auto; padding:20px 0 30px; width:34%; float:left;}

#headAdd {width:18%;  padding:15px 0; float:right;}



/*===========================================

 → HEADER →  SNS BUTTON
  
=============================================*/
ul#btn_snsBox {	margin:5% 0 0 3%; width:16%; float:left;}
ul#btn_snsBox li {width:20%; margin-right: 2%; }
ul#btn_snsBox li:last-of-type {margin-right: 0;}

/*=======================================================================
GLOBAL MENU
=======================================================================*/
#show, .back-main, #sp_menuAdds {display:none;}
#global_menu {padding-bottom:10px;}

#global_menu ul {
	list-style-type:none;
	width:100%;
	margin:0 auto;
	letter-spacing:-.4em;
	text-align:center;
	}
#global_menu ul li {
	/*float:left;*/
	display:inline-block;
	vertical-align:top;
	letter-spacing:0;
	/*width:16.65%;*/
	width:15%;
	height:auto;
	border-right:1px solid #ccc;
	text-align:center;
	line-height:100%;
	}

#global_menu ul li:first-child {border-left:1px solid #ccc;}

#global_menu ul li a {
	display:block;
	padding:5px 5px 10px;
	line-height:100%;
	color:#292929;
	text-decoration:none;
}

#global_menu ul li span {line-height:120%;}

#global_menu ul li:nth-of-type(odd) a #lang_En {color:#018077;}
#global_menu ul li:nth-of-type(even) a #lang_En {color:#e0a25d;}

#global_menu ul li:nth-of-type(odd) a:hover  {background:#71ccc7;}
#global_menu ul li:nth-of-type(even) a:hover {background:#fee2c5;}

/*
#global_menu li#mn01 a:hover,
#global_menu li#mn03 a:hover,
#global_menu li#mn06 a:hover {background:#71ccc7;}

#global_menu li#mn02 a:hover,
#global_menu li#mn04 a:hover,
#global_menu li#mn05 a:hover,
#global_menu li#mnAccess a:hover {background:#fee2c5;}
*/

#lang_Jp, #lang_En {
	display:block;
	-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;	
}

#lang_Jp {font-size:12px; font-weight:700; letter-spacing:-.8px;}
#lang_En {font-size:10px;  font-weight:300; letter-spacing:.8px; font-family: 'Josefin Sans', sans-serif;}
/*
#global_menu ul li#mn01 #lang_En,
#global_menu ul li#mn03 #lang_En,
#global_menu ul li#mn06 #lang_En,
#global_menu ul li#mn08 #lang_En {color:#018077;}

#global_menu ul li#mn02 #lang_En,
#global_menu ul li#mn05 #lang_En,
#global_menu ul li#mnAccess #lang_En,
#global_menu ul li#mn09 #lang_En {color:#e0a25d;}

*/

#m-about li#mnAbout a, 
#m-product li#mnProduct a,
#m-service li#mnService a,
li#mn03 a.subs.open {background:#71ccc7;}

#m-greeting  li#mnGreeting a,
#m-adoption  li#mn04 a,
#m-access li#mnAccess a,
#m-contact li#mnContact a{background:#fee2c5;}


#subpanel, #subpanel2 {
	width:100% !important;
	margin:auto;
	background:#71ccc7;
	position:absolute;
	top:38px;
	left: 0%;
	display:none;
 text-align:center;
 
		z-index:3;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	}
#global_menu #subpanel ul,
#global_menu #subpanel2 ul {list-style:none; text-align:center; padding:5px 5px 10px 2%; letter-spacing:-.4em; text-align:left !important;}

#global_menu #subpanel ul li,
#global_menu #subpanel2 ul li {
display:inline-block !important;
vertical-align:middle;
line-height:100%;
font-weight:700;
letter-spacing:0px;
border:none;
text-align:center;
}

#global_menu #subpanel ul li a,
#global_menu #subpanel2 ul li a {font-size:11px;	color:#fff;	padding:8px 3px !important; }

#global_menu #subpanel ul li a:hover {color:#018077 !important; background:#fff !important;}

#global_menu #subpanel ul li:hover:nth-child(odd)  {background:inherit; }
#global_menu #subpanel ul li:hover:nth-child(even)  {background:inherit;}


/*===========================================

 → PRODUCT LINKS
  
============================================*/
#product_linkBloc {padding: 60px 0px 0px;	width: 98%; max-width: 1200px; border-top:1px solid #dedede; margin-top:50px;}

#product_linkBloc.for_pc {border-top:0; padding-top:0; padding: 40px 0px 0px; margin-top:0;}

ul#product_linkList li {width:16.65%;}

ul#product_linkList li a {	font-size:12px; letter-spacing:-.4px; font-weight:600; padding:5px 3px;}



/*===========================================

 → FOOTER
  
============================================*/
.foot_inner {width:98%;  }

#copyBox p {font-size:11px;}
#copyBox p br {display:none;}





/*===========================================

 → MAIN CONTENTS
  
=============================================*/
#main_contents {padding:0 0 100px;}

.contents_inner {padding:30px 0 0px; width:96%; margin:0 auto;}


/*===========================================

 → 2017/10/30 新規追加
  
============================================*/
#product_linkBloc {display:none !important;}

}