@charset "utf-8";
*{
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic','メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/* ######setting##### */
/*
font-family: 'Noto Serif JP';
font-weight:300;
sans:300=Light,400=Regular,500=Medium
serif:400=Regular,500=Medium,600=SemiBold

font-family: 'Lato';
font-weight:400;
300=Light,400=Regular,700=Bold,900=Black
*/
body{
	min-width: 1024px;
	background:url(/wp-content/themes/BTM/images/img_japan_logo.png) no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
#sp_head{
	display: none;
}
a[href^="tel:"] {
  pointer-events: none;
}

/* ######header##### */
#header{
	position: fixed;
	top:0;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-bottom:1px solid #124b63;
	width: 100%;
	height: 99px;
	z-index: 200;
}
#header h1{
	position: absolute;
	top:31px;
	left:20px;
	margin: 0;
	padding: 0;
	background:url(/wp-content/themes/BTM/images/logo_horizontality.svg) no-repeat;
	width: 150px;
	height: 38px;
}
#header h1 a{
	display: block;
	width: 150px;
	height: 38px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#navi{
	position: absolute;
	top:20px;
	right:20px;
}
#navi nav ul{
	margin:0;
	padding: 0;
	width: 100%;
	font-size: 0;
}
#navi nav ul li{
	display: inline-block;
	padding:0 20px 16px;
	font-size:16px;
	line-height:60px;
}
#navi nav ul li:hover{
	border-bottom:4px solid #2aabe4;
}
#navi nav ul li a{
	display: block;
	color:#000;
}
#navi nav ul li:hover a{
	color:#2aabe4;
}
#sub_navi{
	display: none;
	position: absolute;
	top:0;
	left:0;
	margin: 100px 0 0;
	padding: 0;
	background-color: #124b63;
	width: 100%;
	height: 60px;
	z-index: 180;
	text-align: center;
}
#sub_navi li{
	display: inline-block;
}
#sub_navi li a{
	padding:0 1em;
	color: #FFF;
	font-weight: 300;
	font-size:14px;
	line-height:60px;
}
#sub_navi li a:hover{
	text-decoration: underline;
}
#sub_navi li::before{
	content: "｜";
	color: #FFF;
	font-weight: 300;
	font-size:14px;
	line-height:60px;
}
#sub_navi li:last-child::after{
	content: "｜";
	color: #FFF;
	font-weight: 300;
	font-size:14px;
	line-height:60px;
}
#subnav_company{
	display: none;
}
#subnav_business{
	display: none;
}
#subnav_ir{
	display: none;
}
#subnav_recruit{
	display: none;
}
#sub_navi, #subnav_company, #subnav_business, #subnav_recruit {
	transition: opacity 0.25s;
	opacity: 0; /* 初期状態では透明 */
}

#sub_navi.visible, #subnav_company.visible, #subnav_business.visible, #subnav_recruit.visible {
	opacity: 1; /* visibleクラスが追加された時に不透明に */
}
@media screen and (max-width:1175px){
	#navi nav ul li{
		padding:0 10px;
	}
}
@media screen and (max-width:1024px){
	#header{
		width: 1024px;
	}
	#navi nav ul li{
		padding:0 10px;
	}
}
/* ######footer##### */
#wrap_footer{
	clear: both;
	position: relative;
  margin:0;
	width: 100%;
}
#wrap_footer #contact_footer{
	margin: 0 auto;
	background-color: #2aabe4 !important;
	background:url(/wp-content/themes/BTM/images/bg_footer.png);
	width: 100%;
	height: 633px;
	overflow: hidden;
}
#wrap_footer #contact_footer h3{
	margin: 112px 0 0;
	color:#FFF;
	font-family: 'Lato';
  font-weight:400;
  font-size:60px;
  line-height: 60px;
  white-space: nowrap;
	text-align: center;
}
#wrap_footer #contact_footer>p{
	margin: 40px 0 0;
	color:#FFF;
	font-weight:400;
  font-size:18px;
  line-height: 28px;
	text-align: center;
}
#contact_footerdata{
	position: relative;
	margin: 40px auto 80px;
	padding:0;
	background-color: #FFF;
	width: 832px;
	height:298px;
}
#contact_footerdata .corporate_address{
	margin:0 30px 0 181px;
	padding:25px 0 15px;
	border-bottom: 2px solid #2aabe4;
	width: 621px;
}
#contact_footerdata .corporate_address h4{
	display: inline-block;
	margin-right: 20px;
	font-weight:400;
  font-size:24px;
  line-height: 38px;
}
#contact_footerdata .corporate_address p{
	display: inline-block;
	font-weight:400;
  font-size:14px;
  line-height: 18px;
}
#contact_footerdata .corporate_address p br{
	display: none;
}
#contact_footerdata .corporate_info{
	margin:20px 30px 0 181px;
	width: 621px;
}
#contact_footerdata .corporate_info .tel{
	float: left;
	margin: 0;
	width: 340px;
}
#contact_footerdata .corporate_info .tel h5{
	font-weight:400;
  font-size:18px;
  line-height: 28px;
}
#contact_footerdata .corporate_info .tel table{
	margin:16px 0 0;
}
#contact_footerdata .corporate_info .tel table tr th{
	width: 70px;
	font-weight:400;
  font-size:14px;
  line-height: 22px;
	text-align: left;
}
#contact_footerdata .corporate_info .tel table tr td{
	width: 270px;
	font-weight:400;
  font-size:14px;
  line-height: 22px;
}
#contact_footerdata .corporate_info .tel p{
	margin: 16px 0 0;
	font-weight:400;
  font-size:14px;
  line-height: 22px;
}
#contact_footerdata .corporate_info .contactform{
	float: left;
	margin: 0 0 0 25px;
	width: 256px;
}
#contact_footerdata .corporate_info .contactform h5{
	font-weight:400;
  font-size:18px;
  line-height: 28px;
}
#contact_footerdata .corporate_info .contactform #btnform{
	margin: 32px 0 0;
	background-color: #1d7ba3;
	border-radius: 6px;
	width: 230px;
	height: 108px;
	text-align: center;
}
#contact_footerdata .corporate_info .contactform #btnform a{
	display: block;
	color:#FFF;
	font-weight:400;
  font-size:18px;
  line-height: 108px;
}
#contact_footerdata .logo_item{
	position: absolute;
	top:0;
	left:0;
	width: 181px;
	height: 633px;
}
#contact_footerdata .logo_item li{
	margin:80px 0 0 51px;
	width: 79px;
	height: 72px;
}
#contact_footerdata .logo_item li img{
	width: 100%;
}
#contact_footerdata .logo_item li:last-child{
	margin:30px 0 0 66px;
	width: 50px;
	height: 50px;
}
footer{
	clear: both;
	position: relative;
	background-color: #FFF;
	width: 100%;
}

#nav_footer{
	border-top: 1px solid #CDCDCD;
	width: 100%;
}
#nav_footer ul{
	margin: 0 auto 0;
	padding:30px 0;
	width: 100%;
	font-size:0;
	text-align: center;
}
#nav_footer ul li{
	display: inline-block;
	margin: 0 0 0 13px;
	color:#2b2b2b;
}
#nav_footer ul li a{
	display: block;
	color:#2b2b2b;
	font-weight:300;
  font-size:13px;
  line-height: 22px;
}
#nav_footer ul li a:hover{
	color: #2aabe4;
}
#nav_footer ul li a::after{
	content:"｜";
	margin:0 0 0 13px;
	color:#2b2b2b;
	font-weight:300;
  font-size:13px;
  line-height: 22px;
}
#nav_footer ul li:last-child a::after{
	content:"";
	margin:0 0 0 13px;
	color:#2b2b2b;
	font-weight:300;
  font-size:13px;
  line-height: 22px;
}
#foot_area{
	margin: 0;
	padding: 24px 0;
	background-color: #2aabe4;
	width: 100%;
	overflow: auto;
}
#foot_logo{
	float:left;
	margin: 13px 24px 0;
	padding:0;
	width: 119px;
	height: 30px;
}
#copyright{
	float: left;
	margin: 22px 20px 0 0;
	width: 100px;
}
#copyright small{
	color:#FFF;
	font-family: 'Lato';
  font-weight:400;
  font-size:13px;
  line-height: 13px;
}
#sns{
	float:left;
	width: 168px;
}
#sns ul{
	margin: 10px 0 0;
	width: 100%;
	font-size:0;
}
#sns ul li{
	display: inline-block;
	margin: 0 20px 0 0;
	width: 36px;
	height: 36px;
}
#sns ul li a{
	display: block;
}
#sns ul li a img{
	width: 100%;
}
#pr{
	position: absolute;
	bottom:17px;
	right:24px;
	width: 420px;
	height: 60px;
}
#pr ul{
	font-size: 0;
	text-align:right;
}
#pr ul li{
	display: inline-block;
	margin: 0 0 0 20px;
	padding:6px;
	background-color: #FFF;
	width: auto;
	height: 48px;
}
#pr ul li a{
	display: block;
}
#pr ul li img{
	height: 48px
}

@media screen and (max-width:1024px){
	#wrap_footer{
		width: 1024px;
	}
}
/* ######sidebar##### */