@charset "utf-8";
p, h1, h2, h3, ul, ol, dl, dd , body{
	padding: 0px;
	margin: 0px;
}
img {
	border: none;
	vertical-align: bottom;
}
ul , ol{
	list-style-type: none;
}
body {
	font-size: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	background-image: url(../img/xv.png);
}
header .mainimage {
	text-align: center;
}
header .mainimage-sp {
	display: none;
}
#all {
	margin: 0 auto;
	width: 1000px;
	background-color: #FFFFFF;
}
.ta-c {
	text-align: center;
}

h1 {
	float: left;
	padding-left: 40px;
	padding-top: 10px;
	padding-right: 57px;
}
nav ul li {
	float: left;
	padding-top: 60px;
}
header .nav-sp {
	display: none;
}


header .phone {
	float: right;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
}

main {
	display: block;
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}
main .motto {
	margin-top: 60px;
	text-align: center;
}
main .motto-sp {
	display: none;
}

main .line01 {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
main .text01 {
	margin: 0 auto;
	width: 580px;
	padding-bottom: 45px;
}
main .text01 p {
	padding-bottom: 5px;
	line-height: 1.8em;
}
main h2 {
	width: 98%;
	background: -webkit-linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
	background: linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
	color: #495193;
	height: 38px;
	padding-top: 8px;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
}
section {
	background-color: #eff6ff;
	padding-bottom: 60px;
}
.pb1 {
	padding-bottom: 8px;
}
main .manufacturer {
	background-image: url(../img/gear.png);
	background-repeat: no-repeat;
	background-position : right 20px bottom 20px;
}


.slide-down {
	margin: 0 auto;
	width: 265px;
	background-image: url(../img/bg.png);
	height: 29px;
	padding-top: 8px;
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #FFFFFF;
}

/* -- .slide-down -------------------------------------------------------------------------------------------- */
.slide-down:before {
	content: " ▼";
}
.slide-down:hover {
	cursor: pointer;
	opacity: 0.8;
}
.active:before {
	content: " ▲";
}
/* -- div.slide-* -------------------------------------------------------------------------------------------- */

.slide-1,.slide-2,.slide-3,.slide-4,.slide-5,.slide-6,.slide-7 {
	display: none;
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 263px;
	padding-left: 15px;
	line-height: 1.8em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #242c80;
	border-left: 1px solid #242c80;
	border-bottom: 1px solid #242c80;
}

main .access p {
}
.access .ggmp  {
	text-align: center;
}
.access .text02 {
	margin: 0 auto;
	width: 75%;
	padding-top: 30px;
	line-height: 2em;
	color: #1d2686;

}
.box {
	padding-top: 15px;
}


.box a  {
	text-decoration: none;
	color: #1d2686;
}
.box a:hover {
	text-decoration: underline;
}

.access .mappin {
	float: left;
	padding-right: 10px;
}
.company .companyphoto {
	float: left;
	padding-left: 100px;
	padding-right: 75px;
}
.company th {
	font-weight: normal;
	color: #1d2686;
	text-align: left;
	padding-right: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
}
.contact {

}
.contact .text03 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.company td {
	color: #1d2686;
	padding-top: 3px;
	padding-bottom: 5px;
}
.contact p {
	text-align: center;
	color: #1d2686;
}
main .line02 {
	text-align: center;
	padding-top: 90px;
	padding-bottom: 90px;
}
.flexbox{
	display: -webkit-flex;
    display: flex;
	justify-content: space-around;
}
footer {
	background-color: #242c80;
	margin: 0 auto;
	width: 950px;
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 45px;
}
footer a {
    color: #FFFFFF;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
footer .inner {
	float: left;
	padding-top: 35px;
	padding-left: 85px;
	padding-right: 100px;

}
footer .inner p {
	text-align: center;
	margin-top: 35px;
}
footer ul li {
	display: inline-block;
	color: #FFFFFF;
}
footer ul li+li:before {
    content: "| ";
}
footer table {
	margin-top: 35px;
}
footer th {
	font-weight: normal;
	text-align: left;
	padding-right: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
}
footer td {
	padding-top: 5px;
	padding-bottom: 5px;
}
footer .va {
	vertical-align: top;
}
footer .no img {
	vertical-align: middle;
}
.link01 {
	background-repeat: no-repeat;
	background-image: url(../img/top_on.png);
}
.link01 a {
    display: inline-block;
}
.link01 a:hover {
	background-color: transparent; /* IE6対応 */
}
.link01 a:hover img {
    visibility: hidden;
}
.nav-sp img{
	max-width: 100%;
	height: auto;
}
#nav-toggle {
	display: none;
	position: absolute;
	right: 5px;
	top: 10px;
	width: 30px;
	height: 40px;
	cursor: pointer;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background-color: #1a3a7e;
	left: 0px;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
footer .cl {
	font-size: 0.8em;
	text-align: center;
	padding-top: 20px;
}
#pageTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0.8;
    z-index: 20;
}

@media screen and (max-width:950px){
#all {
    width: 100%;
}

.mainimage img {
    max-width: 95%;
    height: auto;
}
h1 {
	padding-left: 15px;
	padding-right: 35px;
}
header .phone {
	display: none;
}
main {
	width: 100%;
}
.access .text02 {
    margin-left: 20px;
}
	.company .companyphoto{
	padding-left: 30px;
    padding-right: 35px;
}
footer {
	width: 100%;
	padding-top:20px;
	padding-bottom: 45px;
}
footer .inner {
	float: none;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px
		
}
footer .inner p {
	text-align: center;
	margin-top: 20px;
}
footer ul {
	text-align: center;
	padding-bottom: 20px;
}
footer table {
	margin: 0 auto;
}
}
@media screen and (max-width:750px){
h1 {
	float: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
}
nav {
	display: none;	
}
.nav-sp {
	display: none;
}
#nav-toggle {
	display: block;
}
.active#nav-toggle span:nth-child(1) {
	top: 11px;
	transform: rotate(315deg);
}
.active#nav-toggle span:nth-child(2) {
	width: 0px;
	left: 50%;
}
.active#nav-toggle span:nth-child(3) {
	top: 11px;
	transform: rotate(-315deg);
}
header .mainimage {
	display: none;
}
header .mainimage-sp {
	display: block;
}
header .mainimage-sp img {
	max-width: 100%;
	height: auto;
}
main .motto {
	display: none;
}
main .motto-sp {
	display: block;
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
main .motto-sp img {
	max-width: 100%;
	height: auto;
}
main .text01 {
		width: 90%;
}
br {
    display: none;
  }
main h2{
	width: 95%;
	margin-bottom: 30px;
}
main .manufacturer {
	background-image: url(../img/gear-sp.png);
	background-position : right 2px bottom 5px;
	padding-bottom: 90px;
}	
.company .companyphoto {
	float: none;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	padding-bottom: 20px;
}
.company .companyphoto img {
	max-width: 90%;
	height: auto;
	}

.company table{
	margin: 0 auto;
	}
.contact .cob img {
	max-width: 95%;
	height: auto;
}
.contact .cob-sp img {
	max-width: 90%;
	height: auto;
}
main .line02 {
	padding-top: 10px;
	padding-bottom: 50px;
}
.flexbox{
	display: block;
}
footer ul {
	font-size: 0.8em;
}




}