@charset "utf-8";
/*-----------------------------------------------------------------------------
basic
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}
html {
	overflow-y: scroll;
	background-color: #eee;
}
body {
	color: #333;
	font-size: 16px;
    line-height: 1.8;
	font-family:"メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	overflow: hidden;
}
.serif {
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
strong {
	font-weight: bold;
}
.x-small { font-size: 10px; line-height: 1.6; }
.small { font-size: 12px; line-height: 1.6; }
.middle { font-size: 14px; }
.large { font-size: 16px; }
.x-large { font-size: 18px; }
.x2-large { font-size: 20px; }
.x3-large { font-size: 22px; }
.x4-large { font-size: 24px; }
.max-large { font-size: 32px; }
.italic {
	font-style: italic;
}
.mincho{font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
img {
	vertical-align: bottom;
	border: none;
}
img.frame {
	padding: 8px;
	background-color: #fff;
	border: 1px solid #eee;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
.bold{font-weight: bold;}

.white { color: #ffffff; }
.red { color: #f00; }
.blue { color: #06c; }
.purple { color: #c27dbc; }
.orange { color: #f60; }
.green { color: #508019; }
.brown { color: #8c5e39; }
.gold { color: #aa9b3e; }
.f-right {
	float: right;
	margin-left: 15px !important;
}
.f-left {
	float: left;
	margin-right: 15px !important;
}
.pointer {
	cursor: pointer;
}
.clear {
	clear: both;
}
.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w33 { width: 33.33333333%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
a {
	font-size: 100%;
	vertical-align: baseline;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration:none;
}
a.opacity {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.opacity:hover {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:focus{
  outline: none;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -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;
}


ul.decimal li{list-style: decimal;margin-bottom: 10px;margin-left: 20px;}

.indent {
	padding-left: 1.1em;
	text-indent: -1.1em;
}
.indent span {
    display: inline-block;
    width: 1.1em;
    text-indent: 0;
}
.indent-icon {
	position: relative;
	padding-left: 1.2em;
}
.indent-icon::after {
	position: absolute;
	font-family: FontAwesome;
	top: 0;
	left: 0;
	color: #bb2525;
}
.indent-icon.dot::after {
	content: "\f192";
}
.indent-icon.check::after {
	content: "\f046";
}
.indent-icon.color-2::after {
	color: #c00;
}
.bb {
	padding-bottom: 10px;
	border-bottom: 2px solid #ddd;
}
a.btn {
	display: inline-block;
	font-size: 15px;
	width: 100%;
	padding: 15px 0px;
	line-height: 1;
	background-color: #000;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border:1px solid #fff;
	border-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;letter-spacing: 0.05em;
}
a.btn i {color: #F5672D;}
a.btn span{color: white;}
a.btn:hover {
	color: #fff;
}
.pc a.btn:hover {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a.btn-more {
	display: inline-block;
	font-size: 14px;
	font-family: 'Baskerville',sans-serif;letter-spacing: 0.05em;
	padding: 14px;
	line-height: 1;width: 195px;
	background-color: #ac9b4f;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	border-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.btn-more:hover {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}


@media (max-width: 1024px) {
	img.frame {
		padding: 4px;
	}
	.text-center.left-md {
		text-align: left;
	}
}

@media (max-width:834px) {
	a.btn {
		font-size: 14px;
	}
	}


@media (max-width: 767px) {
	body {
		font-size: 13px;
		line-height: 1.6;
	}
	.x-small { font-size: 11px; }
	.small { font-size: 12px; }
	.middle { font-size: 13px; }
	.large { font-size: 14px; }
	.x-large { font-size: 15px; }
	.x2-large { font-size: 16px; }
	.x3-large { font-size: 17px; }
	.x4-large { font-size: 18px; }
	.max-large { font-size: 24px; }
	.text-center.left-xs {
		text-align: left;
	}
	.btn {
		padding: 10px;
	}
	a.btn {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		font-size: 14px;
	}
	.text-center.left-xs {
		text-align: left;
	}
	.xs-w75 {
		width: 75%;
	}
	.xs-w50 {
		width: 50%;
	}
}
/*-----------------------------------------------------------------------------
layout
-----------------------------------------------------------------------------*/
.fluid {
	max-width: 1170px;
	margin: 0 auto;
}
/*-----------------------------------------------------------------------------
header
-----------------------------------------------------------------------------*/
#header {
	width: 100%;
	line-height: 1;
}

@media (max-width: 767px) {
#header {
	width: 100%;
	z-index: 9000;
	line-height: 1;
	position: fixed;
	background: black;
	border-bottom: 3px solid #F5672D;
}

}




/* 降りてくるナビ
---------------------------------------------------- */
.cb-header {
position: fixed; /* ヘッダーバーを固定 */
top: 0; /* 上から0の位置に固定 */
left: 0; /* 左から0の位置に固定 */
display: none; /* ヘッダーバーを非表示 */
  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
background: #000;
border-bottom: 10px solid #f5672d;
padding: 35px 0px;
font-size: 15px;
}

#navibar{
width:100%;
height: auto;
z-index: 100;}
#navibar .navbar-brand-center {
    position: absolute;
	width: 358px;
	height: auto;
    left: 0;
	right: 0;
    top: 25px;
    text-align:center;
    margin: auto;}
#navibar .navbar-brand-center img {width: 100%;height: auto;}
#navibar  li {display: inline;}
#navibar  li a{color: #fff;display: inline-block;padding: 5px 5px;margin: 0px 20px;font-weight: bold;}
#navibar  li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
#navibar  li a.active{color:#fff;border-bottom: 4px solid #e50012;}
#navibar .ul1 li{letter-spacing: 0.08em;}
#navibar .ul1 li:last-child{}
#navibar .ul2 li{letter-spacing: 0.08em;margin: 0px -5px;}
#navibar .ul2 li:last-child{margin-right: 0px;}

@media (max-width: 1024px) {
.cb-header {
position: fixed; /* ヘッダーバーを固定 */
top: 0; /* 上から0の位置に固定 */
left: 0; /* 左から0の位置に固定 */
display: none; /* ヘッダーバーを非表示 */
  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
background: #000;
border-bottom: 7px solid #f5672d;
padding: 25px 0px;
font-size: 15px;
}


#navibar .navbar-brand-center {
    position: absolute;
	width: 250px;
	height: auto;
    left: 0;
	right: 0;
    top: 25px;
    text-align:center;
    margin: auto;}

#navibar  li {display: inline;}
#navibar  li a{color: #fff;display: inline-block;padding: 5px 5px;margin: 0px 13px;font-weight: bold;}
#navibar  li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
#navibar  li a.active{color:#fff;background: none;border-bottom: 4px solid #e50012;}
#navibar .ul1 li{letter-spacing: 0.08em;}
#navibar .ul1 li:last-child{}
#navibar .ul2 li{letter-spacing: 0.08em;margin: 0px -5px;}
#navibar .ul2 li:last-child{margin-right: 0px;}

}

@media (max-width: 991px) {
.cb-header {
position: fixed; /* ヘッダーバーを固定 */
top: 0; /* 上から0の位置に固定 */
left: 0; /* 左から0の位置に固定 */
display: none; /* ヘッダーバーを非表示 */
  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
background: #000;
border-bottom: 6px solid #f5672d;
padding: 25px 0px;
font-size: 14px;
}

#navibar{
width:100%;
height: auto;
z-index: 100;}
#navibar .navbar-brand-center {
    position: absolute;
	width: 250px;
	height: auto;
    left: 0;
	right: 0;
    top: 25px;
    text-align:center;
    margin: auto;}

#navibar  li {display: inline;}
#navibar  li a{color: #fff;display: inline-block;padding: 5px 5px;margin: 0px 15px;font-weight: bold;}
#navibar  li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
#navibar  li a.active{color:#fff;background: none;border-bottom: 4px solid #e50012;}
#navibar .ul1 li{letter-spacing: 0.08em;}
#navibar .ul1 li:last-child{}
#navibar .ul2 li{letter-spacing: 0.08em;margin: 0px -5px;}
#navibar .ul2 li:last-child{margin-right: 15px;}

}

@media (max-width: 834px) {
.cb-header {
position: fixed; /* ヘッダーバーを固定 */
top: 0; /* 上から0の位置に固定 */
left: 0; /* 左から0の位置に固定 */
display: none; /* ヘッダーバーを非表示 */
  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
background: #000;
border-bottom: 6px solid #f5672d;
padding: 25px 0px;
font-size: 14px;
}

#navibar{
width:100%;
height: auto;
z-index: 100;}
#navibar .navbar-brand-center {
    position: absolute;
	width: 200px;
	height: auto;
    left: 0;
	right: 0;
    top: 25px;
    text-align:center;
    margin: auto;}

#navibar  li {display: inline;}
#navibar  li a{color: #fff;display: inline-block;padding: 5px 5px;margin: 0px 10px;font-weight: bold;}
#navibar  li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
#navibar  li a.active{color:#fff;background: none;border-bottom: 4px solid #e50012;}
#navibar .ul1 li{letter-spacing: 0.08em;}
#navibar .ul1 li:last-child{}
#navibar .ul2 li{letter-spacing: 0.08em;margin: 0px -5px;}
#navibar .ul2 li:last-child{margin-right: 15px;}
}

@media (max-width: 800px) {
.cb-header {
position: fixed; /* ヘッダーバーを固定 */
top: 0; /* 上から0の位置に固定 */
left: 0; /* 左から0の位置に固定 */
display: none; /* ヘッダーバーを非表示 */
  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
background: #000;
border-bottom: 4px solid #f5672d;
padding: 18px 0px;
font-size: 14px;
}

#navibar{
width:100%;
height: auto;
z-index: 100;}
#navibar .navbar-brand-center {
    position: absolute;
	width: 180px;
	height: auto;
    left: 0;
	right: 0;
    top: 20px;
    text-align:center;
    margin: auto;}

#navibar  li {display: inline;}
#navibar  li a{color: #fff;display: inline-block;padding: 5px 5px;margin: 0px 5px;font-weight: bold;}
#navibar  li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
#navibar  li a.active{color:#fff;background: none;border-bottom: 4px solid #e50012;}
#navibar .ul1 li{letter-spacing: 0.08em;}
#navibar .ul1 li:last-child{}
#navibar .ul2 li{letter-spacing: 0.08em;margin: 0px -5px;}
#navibar .ul2 li:last-child{margin-right: 15px;}
}

/*-----------------------------------------------------------------------------
.main_nav
-----------------------------------------------------------------------------*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color:  none;
}
.navbar-brand-center {
    position: absolute;
    width: 100%;
    left: 0;
    top: 35px;
    text-align:center;
    margin: auto;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 5px;
  margin: 0px 20px;
	color: #222;
}

@media (max-width: 1024px) {
    .navbar-brand img{
		width: 250px;
		height: auto;
	}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 10px;
	color: #222;
}
}



@media (max-width: 991px) {
.container-fluid {
  padding-right:15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
	.navbar-brand img{
		width: 28%;
		height: auto;
	}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 10px;
	color: #222;
}
}

@media (max-width: 834px) {
.container-fluid {
  padding-right:15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.navbar-brand-center {
    position: absolute;
    width: 100%;
    left: 0;
    top: 25px;
    text-align:center;
    margin: auto;
}

	.navbar-brand img{
		width: 25%;
		height: auto;
	}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 5px;
	color: #222;
}
}




@media (max-width: 767px) {
	#bs-example-navbar-collapse-1{padding-top: 0px;margin-top: 10px;}
.container-fluid {
  padding-right:10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
    .navbar-brand{
		width: 43%;
		height: auto;
	}
    .navbar-brand img{
		width: 100%;
		height: auto;
		margin-left: 15px;
	}
    .navbar-brand-center {
        margin-left: 0 !important;
    }
.navbar-collapse{ background-color: black;}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 0px;
	color: #fff;
	font-weight: bold;
}
}
@media (max-width: 430px) {
    .navbar-brand{
		width: 65%;
		height: auto;
	}

}

.nav{margin: 0px;padding: 0px;}
.navbar{vertical-align: middle;padding: 50px 0px; min-height: 0px;font-size: 15px;font-weight: bold;}
.navbar-nav{margin: 0px auto;}
.navbar-nav li a{color: #fff;display: block;padding: 5px 5px;margin: 0px 20px;}
.navbar-nav li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
.navbar-nav li a.active{color:#fff;background: none;border-bottom: 4px solid #e50012;}

.navbar-nav.ul1 li{letter-spacing: 0.08em;}
.navbar-nav.ul1 li:last-child{}
.navbar-nav.ul2 li{letter-spacing: 0.08em;margin: 0px -5px;}
.navbar-nav.ul2 li:last-child{margin-right: 0px;}

@media (max-width: 1024px) {
.navbar{vertical-align: middle;padding: 45px 0px; min-height: 0px;font-size: 14px;}
.navbar-nav{margin: 0px auto;}
.navbar-nav li a{color: #fff;display: block;padding: 5px 5px;margin: 0px 20px;}
.navbar-nav li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
.navbar-nav li a.active{color:#fff;background: none;border-bottom: 4px solid #e50012;}

}

@media (max-width:834px) {
.navbar{vertical-align: middle;padding: 35px 0px; min-height: 0px;font-size: 14px;}
.navbar-nav{margin: 0px auto;}
.navbar-nav li a{color: #fff;display: block;padding: 5px 5px;margin: 0px 10px;}
.navbar-nav li a:hover{color:#fff;border-bottom: 4px solid #e50012;}
.navbar-nav li a.active{color:#fff;background: none;border-bottom: 4px solid #e50012;}

}
@media (max-width: 767px) {
.nav{margin: 0px;padding: 0px;}
.navbar{vertical-align: middle;padding: 30px 0px; min-height: 0px;font-size: 15px;font-weight: bold;}
.navbar-nav{margin: 0px auto;}
.navbar-nav li a{color: #fff;display: block;padding: 15px 15px;margin: 0px 0px;}
.navbar-nav li:hover{color:#fff;border-bottom: none;background-color: #e50012;}
.navbar-nav li a.active{color:#fff;background: #e50012;}


.navbar{vertical-align: middle;padding: 10px 0px; min-height: 0px;font-size: 16px;}
.navbar-nav.ul1 li{letter-spacing: 0.05em;font-weight: bold;padding: 0px 0px;border-bottom: 1px solid #e50012;margin: 0px 0px;}
.navbar-nav.ul2 li{letter-spacing: 0.05em;font-weight: bold;padding: 0px 0px;border-bottom: 1px solid #e50012;margin: 0px 0px;}
.navbar-nav.ul2 li:last-child{border-bottom: none;}
}

/*-----------------------------------------------------------------------------
common
-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------
mainimage & page main title
-----------------------------------------------------------------------------*/

.page-ttl {
    position: relative;
    display: table;
    width: 100%;
	padding-bottom: 60px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.business .page-ttl {
    background-image: url(../images/h2-business.jpg);
}
.business .page-ttl2 {
    background-image: url(../images/h2-business.jpg);
    width: 100%;
	padding-bottom:60px;
	padding-top: 60px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	margin-bottom: 60px;
}
.machine .page-ttl {
    background-image: url(../images/h2-machine.jpg);
}

.company .page-ttl {
    background-image: url(../images/h2-company.jpg);
}

.contact .page-ttl {
    background-image: url(../images/h2-contact.jpg);
}

h2 {
    position: relative;
    display: block;
    color: #fff;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
	margin-top: 25px;
}
h2 span{	background: rgba(229,0,18,0.7);
	padding: 20px 50px; font-size: 38px;letter-spacing: 0.2em;
}

@media (max-width: 991px) {
h2 span{	background: rgba(229,0,18,0.7);
	padding: 20px 50px; font-size: 26px;letter-spacing: 0.2em;
}

}

@media (max-width: 767px) {
.page-ttl {
    position: relative;
    display: table;
    width: 100%;
	padding-bottom: 40px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.business .page-ttl2 {
    background-image: url(../images/h2-business.jpg);
    width: 100%;
	padding-bottom:40px;
	padding-top: 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	margin-bottom: 40px;
}

h2 {
    position: relative;
    display: block;
    color: #fff;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
	padding: 40px 0px;
	top: 40px;
}
h2 span{background: rgba(229,0,18,0.7);
	padding: 15px 30px; font-size: 24px;letter-spacing: 0.2em;
}

}


.headline01 {
	font-size: 48px;
	line-height: 1.3;
	color: #ac9b4f;
	text-align: left;
	font-family: 'Baskerville',sans-serif;letter-spacing: 0.1em;
	margin-bottom: 5px;
	font-weight: normal;
	-webkit-text-shadow: 1px 2px 0 #000;
	-moz-text-shadow: 1px 2px 0 #000;
	-ms-text-shadow: 1px 2px 0 #000;
	text-shadow: 1px 2px 0 #000;
}
.headline01 span{display: block;font-size: 20px;color: #fff;
}

.headline02 {
	font-size: 24px;
background:url(../images/bg-h3.jpg);background-size: cover;
position: relative;
margin-bottom: 1em;
color:#000000;
padding:15px 20px;
letter-spacing: 0.05em;}

.headline02:before {
content: '';
position: absolute;
display: inline-block;
width: 7px;
height:30px;
left: 0;
background-color: #e50012;
top: calc(50% - 15px);
}
.headline03 {
	font-size: 20px;
	line-height: 1.4;
}
.headline-ll {
	padding: 0.1em 0 0.1em 0.5em;
	border-left: 7px solid #f00;
	margin-bottom: 20px;
}
.line-left {
	padding-left: 5px;
	border-left: 3px solid #c27dbc;
}
.line-bottom {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.breadcrumb {
border: 1px solid #ccc;
	margin: 30px 0px;
}
.table > tbody > tr > th {
	background-color: #f6f6f6;
}
.more{}
@media (max-width: 1024px) {
	.headline02 {
		font-size: 20px;
	}
	.headline03 {
		font-size: 18px;
	}
	.breadcrumb {
		margin: 30px 0 50px;
	}
}
@media (max-width: 767px) {
	.headline01 {
		font-size: 36px;
	}
	.headline01.mb30 {
		margin-bottom: 20px !important;
	}
.headline02 {
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #333;margin-bottom: 30px;
}
	.headline03 {
		font-size: 16px;
	}
	.table > tbody > tr > th {
		background-color: transparent;
	}
}

@media (max-width: 567px) {
.headline01 {font-size: 26px;}

.headline02 {
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	letter-spacing: 0.03em;
	font-weight: bold;
	color: #333;margin-bottom: 30px;}
}



ul.normal {
	list-style-type: disc;
}
ul.normal li {
	margin: 0 0 0 20px;
	list-style-type: disc;
}

/* topimage
---------------------------------------------------- */
#top_scroll{
  z-index: 10; /*数字の大きいほうが重ね順が上になる*/
  position: relative; /*位置を指定するのでrerative*/
}

/* main js
---------------------------------------------------- */
#top_scroll {
position: relative;
z-index: 10;
width: 100%;
height:100%;
}
#top_scroll{ height:320px;margin-top: 0px;}
@media (min-width: 768px) {
#top_scroll{ height:540px;margin-top: 0px;}
}
@media (min-width: 992px) {
#top_scroll{ height:600px;margin-top: 0px;}
}
@media (min-width: 1200px) {
#top_scroll{ height:983px;margin-top: 0px;}
}



/*-----------------------------------------------------------------------------
section common
-----------------------------------------------------------------------------*/
article {
	padding: 0 0 30px;
}
.bg-common {background: url(../images/bg-contents.jpg);background-position: center top; background-repeat: repeat-y;padding: 20px 0px 20px 0px;}

@media (max-width: 1024px) {
	article {
		padding: 0;
	}
}
@media (max-width: 767px) {

}
/*-----------------------------------------------------------------------------
home
-----------------------------------------------------------------------------*/
.toptext {position: relative;top:-70px; z-index: 50; background: url(../images/bg-toptxt.png) no-repeat left center;height: 260px;}
.bg-inr{ z-index: 100;position: absolute;background-image: url(../images/pic-logo.png);background-position: center right 50px;background-repeat: no-repeat;padding: 70px 0px ;}
.bg-inr  p{font-size: 15px;color: #fff;padding:  0px 50px; line-height: 27px;letter-spacing: 0.05em;} 
.bg-inr  p.index{font-size: 24px;margin-bottom: 20px; font-weight: bold; color: #f5672d;padding: 0px 0px 0px 50px; line-height: 1;letter-spacing: 0.05em;  text-shadow: 1px 1px 0 #000,
               -1px 1px 0 #000,
               1px -1px 0 #000,
               -1px -1px 0 #000;
} 

@media (max-width: 1024px) {
.toptext {position: relative;top:-70px; z-index: 50; background: url(../images/bg-toptxt-md.png) no-repeat left center;height: 260px;}
.toptext .bg-inr{width: 100%; background-image: url(../images/pic-logo.png);background-position: center right 150px;background-repeat: no-repeat;padding: 70px 0px ;}
.toptext  p{font-size: 15px;color: #fff;padding:  0px 30px; line-height: 27px;letter-spacing: 0.05em;} 
.toptext  p.index{font-size: 20px;margin-bottom: 20px; font-weight: bold; color: #f5672d;padding: 0px 30px 0px 30px; line-height: 1;letter-spacing: 0.05em;  text-shadow: 1px 1px 0 #000,
               -1px 1px 0 #000,
               1px -1px 0 #000,
               -1px -1px 0 #000;
} 

}

@media (max-width: 991px) {
.toptext .bg-inr{width: 100%; background-image: url(../images/pic-logo.png);background-position: center right 120px;background-repeat: no-repeat;padding: 50px 0px ;}
.toptext  p.index{font-size: 20px;line-height: 1.4;}

}

@media (max-width: 834px) {
.toptext .bg-inr{background-image: url(../images/pic-logo.png);background-position: center right 5%;background-repeat: no-repeat;padding: 50px 0px ;}
.toptext  p{font-size: 15px;color: #fff;padding:  0px 15px; line-height: 27px;letter-spacing: 0.05em;text-shadow: 1px 1px 0 #000,
               -1px 1px 0 #000,
               1px -1px 0 #000,
               -1px -1px 0 #000;} 
.toptext  p.index{font-size: 18px;margin-bottom: 20px;line-height: 1.4;padding: 0px 15px 0px 15px;}
}



@media (max-width: 767px) {
.toptext {position: static;top:0px;background:#000;height: auto;border-bottom: 5px solid #F5672D;}

.toptext .bg-inr{position: relative;background-image: none;background-position: center right 10px;background-repeat: no-repeat;padding: 50px 0px ;}
.toptext  p{font-size: 14px;color: #fff;padding:  0px 15px; line-height: 22px;letter-spacing: 0.05em;} 
.toptext  p.index{font-size: 16px;margin-bottom: 20px; font-weight: bold; color: #f5672d;padding: 0px 15px 0px 15px; line-height: 1.4;letter-spacing: 0.05em; }

}









.home #main01 {margin-bottom: 50px; background-image: url(../images/bg-footer.jpg);padding: 30px 0px;}
/*---------------------------------------------------------
instagram
---------------------------------------------------------*/
ul.instagram{}
ul.instagram li{width: 200px;height: 200px;}

/* Instagram jQuery simplyScroll */
.simply-scroll-container {
   position: relative;
}
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}
.simply-scroll-list {
  overflow: hidden;
}
.simply-scroll-list li {
  float: left;
  margin-left: 20px;
  width: 200px;
 }
 
.simply-scroll-list li img {
  display: block;
   height: 220px;
}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {

}

@media (max-width: 800px) {

}



@media (max-width: 767px) {

}



.home #main02 {margin-bottom: 70px;}
.home #main02 .about01-bg2 {
  background: url(../images/bg-main02-1.png) no-repeat top;}
.home #main02 .about01-bg1 {
  background: url(../images/bg-main02-2.png) no-repeat top;}
.home #main02 .top-business{height: 488px;position: relative;}
.home #main02 .top-business .inr{position: absolute;bottom: 0;}
.home #main02 .top-business .inr h2{text-align: center;}
.home #main02 .about01-bg1 .card {
  padding: 40px 40px 0px 40px;
  background-color: rgba(255,255,255,.9);
}
.home #main02 .about01-bg1 .card p span {font-size: 12px;}

@media (max-width: 991px) {
.home #main02 {margin-bottom: 60px;}
.home #main02 .about01-bg2 {
  background: url(../images/bg-main02-1.png) no-repeat top;background-size: cover;}
.home #main02 .about01-bg1 {
  background: url(../images/bg-main02-2.png) no-repeat top;background-size: cover;}
.home #main02 .top-business{height: 450px;position: relative;}

}

@media (max-width: 800px) {
.home #main02 {margin-bottom: 50px;}
.home #main02 .top-business{height: 400px;position: relative;}
.home #main02 .about01-bg1 .card {
  padding: 30px 30px 0px 30px;
  background-color: rgba(255,255,255,.9);
}

}



@media (max-width: 767px) {
.home #main02 .top-business{height: 350px;position: relative;}
.home #main02 .about01-bg1 .card {
  padding: 20px 20px 0px 20px;
  background-color: rgba(255,255,255,.9);
}

}



.home #main03 {margin-bottom: 70px;}
.home #main03 .bg-works {
  background: url(../images/bg-main02-1.png) no-repeat top;}
.home #main03 .bg-works2 {
  background: url(../images/bg-main03-2.png) no-repeat top;}
.home #main03 .top-business{height: 488px;position: relative;}
.home #main03 .top-business .inr{position: absolute;bottom: 0;}
.home #main03 .top-business .inr h2{text-align: center;}
.home #main03 .bg-works2 .card {
  padding: 40px 40px 0px 40px;
  background-color: rgba(255,255,255,.9);
}

@media (max-width: 991px) {
.home #main03 {margin-bottom: 60px;}
.home #main03 .top-works {
  background: url(../images/bg-main02-1.png) no-repeat top;background-size: cover;}
.home #main03 .top-works2 {
  background: url(../images/bg-main03-2.png.png) no-repeat top;background-size: cover;}
.home #main03 .top-works2{height: 450px;position: relative;}

}

@media (max-width: 800px) {
.home #main03 {margin-bottom: 50px;}
.home #main03 .top-business{height: 400px;position: relative;}
.home #main03 .bg-works2 .card {
  padding: 30px 30px 0px 30px;
  background-color: rgba(255,255,255,.9);
}

}



@media (max-width: 767px) {
.home #main03 .top-business{height: 350px;position: relative;}
.home #main03 .bg-works2 .card {
  padding: 20px 20px 0px 20px;
  background-color: rgba(255,255,255,.9);
}

}


.home #main04 {position: relative;}
.home #main04 .bg-access{background-image: url(../images/bg-top-access.jpg);background-repeat: no-repeat;background-position: center right;background-size: cover; text-align: right;padding: 124px 0px 72px 0px;}
.home #main04 .bg-access img{margin-right: 100px;}
.home #main04 .bg-company{background-image: url(../images/bg-top-company.jpg);background-repeat: no-repeat;background-size: cover;padding: 124px 0px 72px 0px;}
.home #main04 .bg-company img{margin-left: 100px;}

@media (max-width: 991px) {
.home #main04 .bg-access{background-image: url(../images/bg-top-access.jpg);background-repeat: no-repeat;background-position: center;background-size: cover; text-align: right;padding: 124px 0px 72px 0px;}

}

@media (max-width: 834px) {

.home #main04 .bg-access{background-image: url(../images/bg-top-access.jpg);background-repeat: no-repeat;background-position: center; background-size: cover; padding: 72px 0px;background-size: cover;text-align: center;}
.home #main04 .bg-access img{float: none;margin-right: 0px;width: 70%;height: auto;margin: 0px auto;}
.home #main04 .bg-company{background-image: url(../images/bg-top-company.jpg);background-repeat: no-repeat;background-position: center;background-size: cover; padding: 72px 0px;background-size: cover;text-align: center;}
.home #main04 .bg-company img{margin-left: 0px;width: 70%;height: auto;}


}


@media (max-width: 767px) {

}


/*-----------------------------------------------------------------------------
business.html
-----------------------------------------------------------------------------*/
.business #main01{padding: 80px 0px;}
.business #main02{margin-bottom: 80px;}
.business #main02 th{background-color: #F8EDE1;line-height: 1.6;padding: 15px;}
.business #main02 td{background-color: #fff;line-height: 1.6;padding: 15px;}

.business #main03{margin-bottom: 80px;}
.business #main03 p{font-size: 24px;text-align: center;color:#E50012;font-weight: bold;letter-spacing: 0.05em;margin-bottom: 1em;}
.business #main03 li img{margin-bottom: 5px;}
.business #main03 li span{font-size: 14px;display: block;font-weight: bold;margin-bottom: 1.5em;}
.business #main03 p.sub{font-size: 16px;text-align: center;color:#222;font-weight: bold;letter-spacing: 0.05em;margin-bottom: 0em;}
.business #main04{margin-bottom: 80px;}
#processbox {margin: 0px auto;width: 80%;padding-top: 30px;}
#processbox .btn{background-color: #F5672D;}
#processbox .btn span{color: #fff;font-size: 16px;}
.process {
	font-size: 20px;
	color: #F5672D;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
	font-weight: bold;
}
.process span {background: #F5672D;font-size: 22px; color: white;padding: 17px 20px;line-height: 1;margin-right: 10px;}

.guide {
	padding-left: 45px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #ddd;
	margin-left: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}


@media (max-width: 1024px) {

}
@media (max-width: 991px) {
.business #main01{padding: 60px 0px;}
.business #main01 li{padding-bottom: 60px;}
.business #main01 li:last-child{padding-bottom: 0px;}

}
@media (max-width: 800px) {
.business h4{ 
}
#processbox {margin: 0px auto;width: 100%;padding-top: 30px;}

}
@media (max-width: 767px) {
.business #main01{padding: 30px 0px;}
.business #main01 li{padding-bottom: 30px;}
.business #main01 li:last-child{padding-bottom: 0px;}
.business #main02{padding-bottom: 0px;}
.business #main02 th{background-color: #F8EDE1;line-height: 1.6;padding: 15px;display: block;width: 100%;}
.business #main02 td{background-color: #fff;line-height: 1.6;padding: 15px;display: block;width: 100%;}

.business #main03 p{font-size: 16px;text-align: left;color:#E50012;font-weight: bold;letter-spacing: 0.05em;}
#processbox {margin: 0px auto;width: 100%;padding-top: 10px;}
.process {
	font-size: 14px;
	color: #F5672D;
	margin-top: 10px;
	margin-left:0px;
	margin-bottom: 10px;
	font-weight: bold;
}
.process span {background: #F5672D;font-size: 16px; color: white;padding: 8px 11px;line-height: 1;margin-right: 5px;}

.guide {
	padding-left: 25px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #ddd;
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

}





/*-----------------------------------------------------------------------------
machine.html
-----------------------------------------------------------------------------*/
.machine #main01{padding: 80px 0px 0px 0px;font-size: 14px;}
.machine #main01 li{margin-bottom: 1.5em;}
.machine #main01 h3{font-size: 18px;font-weight: bold;border-left: 5px solid #E50012;padding-left: 10px;padding-bottom: 5px; padding-top: 5px; margin-bottom: 1em;background: #fff;}
.machine #main01 h4{font-size: 14px;font-weight: bold;margin-bottom: 1em;background-color: #FBF4ED;border:1px solid #333;padding: 8px;}
.machine #main02{padding-bottom: 40px;font-size: 14px;}
.machine #main03{padding-bottom: 40px;font-size: 14px;}
.machine #main04{padding-bottom: 80px;font-size: 14px;}
.machine th{text-align: center;background: #666;white-space: nowrap;}
.machine td{background-color: white;white-space: nowrap;}
.machine .w20{width: 20%;}
.machine .w10{width: 10%;}
.machine .w15{width: 15%;}
.machine .w35{width: 35%;}
.scroll-box::-webkit-scrollbar {
  height: 5px;
}
.scroll-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.scroll-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
} 


@media (max-width: 991px) {
.machine #main01{padding: 55px 0px;font-size: 14px;}
.machine #main02{padding-bottom: 55px;font-size: 14px;}

}


@media (max-width: 834px) {
.machine #main02{padding-bottom: 55px;font-size: 13px;}
.machine #main03{padding-bottom: 45px;font-size: 13px;}
.machine #main04{padding-bottom: 55px;font-size: 13px;}

}

@media (max-width: 767px) {
.machine #main01{padding: 40px 0px;font-size: 14px;}
.machine #main02{padding-bottom: 40px;}
.machine #main03{padding-bottom: 40px;}
.machine #main04{padding-bottom: 60px;}


}





/*-----------------------------------------------------------------------------
company.html
-----------------------------------------------------------------------------*/
.company th{width: 20%;}
.company td{width: 80%;}
.company #main01{padding: 80px 0px;}
.company #main01 th{background: #faeee1;vertical-align: middle;}
.company #main01 td{background: #fff;}
.company #main02{margin-bottom: 80px;position: relative;}
.company #main02 th{background: #faeee1;vertical-align: middle;}
.company #main02 td{background: #fff;}
.company #main03 {margin-bottom: 80px;position: relative;}
.company #main03 #map{position: absolute;left:0;top: -170px;}
iframe{border:0;}

@media (max-width: 1024px) {
.company #main03 #map{position: absolute;left:0;top: -150px;}
}

@media (max-width: 991px) {
.company #main01{padding: 60px 0px;}
.company #main01 th{font-size: 14px;}
.company #main01 td{font-size: 14px;}
.company #main02{margin-bottom: 60px;}
.company #main02 th{font-size: 14px;}
.company #main02 td{font-size: 14px;}
.company #main03{margin-bottom: 60px;}
}


@media (max-width:834px) {
.company #main01{padding: 50px 0px;}
.company #main02{margin-bottom: 50px;}
.company #main03{margin-bottom: 50px;}
.company #main03 #map{position: absolute;left:0;top: -100px;}


}

@media (max-width: 800px) {
}

@media (max-width: 767px) {
.company #main01 {padding: 40px 0px;}
.company #main01 th{display: block;width: 100%;}
.company #main01 td{display: block;width: 100%;}
.company #main02 {padding-bottom: 40px;}
.company #main02 th{display: block;width: 100%;}
.company #main02 td{display: block;width: 100%;}
.company #main03 {padding-bottom: 40px;}

}



/*-----------------------------------------------------------------------------
contact.html
-----------------------------------------------------------------------------*/
.contact #main01{padding: 80px 0px;}
.contact .waku{border:10px solid #666;padding: 30px;text-align: center;background-color: white; }
.contact .waku .tel{font-size: 30px;letter-spacing: 0.05em;line-height: 1;}

.contact #main02{padding-bottom: 80px;}

.contact #main03 {	padding-bottom: 60px;}
.contact .table th{background:#e1f0fa;}
.contact .table td{background: #fff;}
.contact .table td span{font-size: 12px;display: block;}

.form-s{width:70px}
.form-m{width:150px}
.form-l{width:300px}
.form100{width:99%}
.form-h{ height:80px}
.needinput{background-color:#e1f0fa;border:1px solid #ccc}
input ,select {
    position:relative;
    top:-3px;
	color: #111;
	font-size: 13px;
}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:2px}
input[type="text"], select{border:1px solid #ccc;}
input,textarea { outline:0; }
textarea{border:1px solid #ccc;width:99%;color: #111;}
input[type="file"] {
  margin: 0;
  padding: 2px;
  font-size: 14px;
}

input[type="file"],
input[type="file"]::-webkit-file-upload-button {
  font: inherit;
  margin: 0;
}

input[type="file"]::-webkit-file-upload-button {
  padding: .1em .5em;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #e7e7e7;
  background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(white));
  box-shadow: inset 10px 0 12px -12px rgba(0, 0, 0, 0.4), inset -10px 0 12px -12px rgba(0, 0, 0, 0.4);
  line-height: normal;
}

input[type="file"]::-webkit-file-upload-button:focus {
  outline-offset: -2px;
}
.contact_privacy{height:450px;overflow:auto;border:1px solid #ccc;padding:25px;line-height:1.43333;margin-bottom:15px; background:#FFF;color: #111;}
.contact_privacy h3{ 
	font-size:20px;font-weight: bold;
	margin-bottom: 20px;
	border-left: 5px solid orange;padding-left: 8px;
}
.contact_privacy h4{font-size:16px;line-height:normal;padding-bottom:3px;border-bottom:1px dotted #aaa;margin-bottom:15px;}
.contact_privacy ol{margin-left:20px;margin-bottom:25px;}
.contact_privacy li{margin-bottom:20px;list-style-type: decimal;margin-left: 20px;}
.contact_privacy p.indent{padding-left: 1em;}


@media (max-width: 1024px) {

}

@media (max-width: 800px) {
.contact #main01{padding: 50px 0px;}
.contact .waku{border:7px solid #666;padding: 20px;text-align: center;background-color: white; }
.contact .waku .tel{font-size: 28px;letter-spacing: 0.05em;line-height: 1;}
.contact form{font-size: 14px;letter-spacing: 0.05em;line-height: 1;}


}


@media (max-width: 767px) {
.contact #main02{padding-bottom: 40px;}
.contact #main03{padding-bottom: 40px;}
.contact th{text-align: left;background-color: #e1f0fa;padding: 15px 10px;line-height: 1.444;width: 100%;display: block;}
.contact td{text-align: left;background-color: #fff;padding: 15px 10px;line-height: 1.7;width: 100%;display: block;}
}

@media (max-width: 666px) {
}

/*-----------------------------------------------------------------------------
inquiry
-----------------------------------------------------------------------------*/
.inquiry article > section:first-of-type,
.inquiry article > section:nth-of-type(2) {
	padding-bottom: 50px;
}
.inquiry section .tel {
	margin-bottom: 10px;
	font-size: 40px;
	line-height: 1;
	color: #06c;
}
.inquiry section .tel a {
	padding: 14px 10px 12px;
	display: block;
	font-size: 25px;
	text-decoration: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: center;
	background-color: #f9f9f9;
}
.inquiry section .tel img {
	width: 50px;
	height: auto;
	margin-right: 10px;
	vertical-align: top;
}
.inquiry .radio-inline {
	display: block;
	margin-left: 0;
}
.inquiry .privacy_box {
	height: 300px;
	overflow: auto;
	margin-top: 10px;
	padding: 20px;
	border: 2px solid #ddd;
	background-color: #f6f6f6;
}
@media (max-width: 767px) {
	.inquiry article > section:first-of-type,
	.inquiry article > section:nth-of-type(2) {
		padding-bottom: 30px;
	}
	.inquiry section .tel img {
		width: 32px;
	}
	.inquiry input,
	.inquiry textarea {
		font-size: 16px;
	}
	.inquiry .privacy_box {
		height: 250px;
		padding: 10px;
		font-size: 12px;
	}
	.inquiry .btn {
		width: 100%;
	}
}
/*-----------------------------------------------------------------------------
footer 
-----------------------------------------------------------------------------*/

#footer {background-image: url(../images/bg-footer.jpg);
	width: 100%;
	padding-bottom: 30px;
	border-top: 1px solid #ccc;
	}
.footer-logo{padding: 30px 0px;text-align: center;}


p.address{font-size: 13px;padding-top: 15px;}
p.address a span{margin-left: 10px;color: #2a90ca;text-decoration: underline;}
p.form{font-size: 13px;padding-top: 15px;}
.footbox{background: white;margin: 0px 10px;text-align: center;padding: 20px 0px;color: #4b4b4b;}
.footbox:hover{background: white;margin: 0px 10px;text-align: center;padding: 20px 0px;color:#E50012;}
.footbox i{padding-bottom: 20px;font-size: 60px;}
.footbox p{line-height: 1;}
.footbox p.ti{font-size: 15px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.footbox p.tel{font-size: 20px;text-align: center;padding: 0px;}
.footbox p.tel span{font-size: 30px;font-weight: bold;}
.footbox p.time{font-size: 12px;text-align: center;padding-top: 10px;letter-spacing: 0px;}

.footbox2{background: white;margin: 0px 10px;text-align: center;padding: 20px 0px;color: #4b4b4b;}
.footbox2 i{padding-bottom: 20px;font-size: 60px;}
.footbox2 p{line-height: 1;}
.footbox2 p.ti{font-size: 15px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.footbox2 p.tel{font-size: 20px;text-align: center;padding: 0px;}
.footbox2 p.tel span{font-size: 30px;font-weight: bold;color: #4b4b4b;}
.footbox2 p.time{font-size: 12px;text-align: center;padding-top: 10px;letter-spacing: 0px;}


.footer_menu {background-color: #eee;
}

.footer_menu-list {
	text-align: center;
	padding: 30px 0px;
}
.footer_menu-list li {
display:inline;
	letter-spacing: 0.05em;
	font-size: 15px;
	line-height: 1.4;
	margin: 0px 0px;
	border-right: 1px solid #333;
padding-right: 5px;
}
.footer_menu-list li:last-child {border-right: none;}
.footer_menu-list li a {
	padding: 2px 22px;
	color: #330000;
	text-decoration: none;
}
.footer_menu-list a:hover {
color: #2a90ca;
}

.bt-contact{padding-top:80px;text-align: right; }

@media (max-width: 1024px) {
.footer {
	width: 100%;
}

}

@media (max-width: 991px) {
p.address{font-size: 13px;padding-top: 15px;line-height: 1.6;}
p.form{font-size: 13px;padding-top: 15px;line-height: 1.6;}
.footbox{background: white;margin: 0px 10px;text-align: center;padding: 20px 0px;color: #4b4b4b;}
.footbox:hover{background: white;margin: 0px 10px;text-align: center;padding: 20px 0px;color:#E50012;}
.footbox i{padding-bottom: 15px;font-size: 50px;}
.footbox p{line-height: auto;}
.footbox p.ti{font-size: 15px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.footbox p.tel{font-size: 15px;text-align: center;padding: 0px;}
.footbox p.tel span{font-size: 26px;font-weight: bold;}
.footbox p.time{font-size: 12px;text-align: center;padding-top: 8px;letter-spacing: 0px;line-height: 1.4;}

}


@media (max-width:834px) {

.footer_menu-list li {
display:inline;
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 1.4;
	margin: 0px 0px;
	border-right: 1px solid #333;
padding-right: 5px;
}
.footbox p.tel{font-size: 14px;text-align: center;padding: 0px;}
.footbox p.tel span{font-size: 20px;font-weight: bold;}

}

@media (max-width: 767px) {
.footer {
	width: 100%;
	height: auto;	padding: 0px 0px;
	text-align: center;
}

.footer-logo{padding: 15px 0px;text-align: center;}
.footer-logo img{text-align: center;width: 60%;height: auto;}

.footbox{background: white;margin: 10px 10px;text-align: center;padding: 15px 0px;color: #4b4b4b;}
.footbox:hover{background: white;margin: 10px 10px;text-align: center;padding: 15px 0px;color:#E50012;}

p.address{font-size: 13px;padding-top: 5px;text-align: center;}
.footer p{font-size: 13px;line-height: 1.4;}
	.footer_menu {
	padding-top: 0px;
		margin: 0px;
		text-align: left;padding-left: 0px;
		margin-bottom: 0px;
	}
.footer_menu-list {
letter-spacing: 0em;
float: none;
margin-right: 0px;
width: 100%;
text-align: left;
	padding:0px 0px;
}

.footer_menu-list li {
display:inherit;
letter-spacing: 0;
border-bottom: 1px solid #fff;
border-right: none;
border-left: 3px solid #E50012;
}
.footer_menu-list li:first-child {border-top: 1px solid #fff;}
.footer_menu-list li a {
display: block;
padding: 15px 10px;
color: #333;
font-size: 15px;
text-decoration: none;
}
.footer_menu-list a:hover {
color: #999;
}
}

/*-----------------------------------------------------------------------------
copyright
-----------------------------------------------------------------------------*/
p.copyright  {
font-size: 13px;
color: #fff;background-color: #000;
text-align: center;
line-height: 45px;
}


@media print {
  .aos-init {
    opacity: 1 !important;
    transform: none !important; }
   .cb-header{
        display: none;
		opacity: 0;
    }
}

.home #main03 .bg-works2.insta {
    background: url(../images/bg-main03-3.png) no-repeat top;
}