/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0; line-height: 2;}
body{font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; letter-spacing: 1px;}
ul{margin: 0;}
li{list-style: none;}
img{vertical-align: top;}
a{color: #5a4f4a;}
a:hover img{opacity: 0.5;}
a:link{text-decoration: none; color: #fff;}
a:visited{color: #fff;}
a:hover{color: #999; text-decoration: none;}
.img-ow{margin: 0 auto;}
.mt5{margin-top: 5px;}
/*.fl{float: left;}
.fr{float: right;}
.switch {visibility: hidden;}
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.left{float: left;}
.right{float: right;}*/

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}


@media only screen and (min-width: 992px) {
	.container{width: 980px;}
}
@media only screen and (min-width: 1200px) {
	.container{width: 1100px;}
}

/*header*/
header #contact{position:absolute; top:10px; right:50px;}
header #contact img {opacity:1;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .100s ease-in-out;
	transition: .100s ease-in-out;
}
header #contact img:hover {
opacity:0.8;  }
header bgMain{ min-height:700px;}
header article { position: relative; text-align: center; }
header article h1 img,header article .text{width: 100px; margin-bottom: 100px;}
header article .hp {padding-top:120px;}
header article p {font-size: 1.1em; margin-bottom: 10px; color: #be101c; padding-bottom:40px; line-height:180%; }
header #main_amb{position:absolute; bottom:10px; left:0px; }
header #main_amb img:hover{opacity:0.9;}

@media only screen and (min-width: 768px) {
	header {background:url(../images/main01.jpg) no-repeat center; background-size: 100%; max-height:600px; position: relative;}
	header bgMain{ min-height:700px;}
	header article h1 img,header article .text{width: 100px; margin-bottom: 150px;}
	header article .hp {padding-top:120px;}
	header article p {font-size: 1.2em; margin-bottom: 10px; padding-bottom:50px; line-height:200%; }
	header article .copyright{right: 15px; width: auto; margin-top: 0;}
	header article .copyright p{letter-spacing: 0.5px;}
}
@media only screen and (max-width: 767px) {
header .hp {background:url(../images/main01.jpg) no-repeat center; max-height:600px;}
header #contact{position:absolute; top:10px; right:0px; }
header #contact img {width:70%;
opacity:1;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .100s ease-in-out;
	transition: .100s ease-in-out;
}
header #contact img:hover {
	-webkit-transform: rotate(5deg) scale(1);
	transform: rotate(5deg) scale(1);
  }
header #main_amb{top:10px; left:5px; width:30%;}
}



/*globalNavi*/
#globalNavi {
background:url(../images/nav_back.jpg) repeat-x center;
	width: 100%;
	bottom:0;
	}
#globalNavi ul{
	max-width: 980px;
	margin:0 auto;
}
#globalNavi ul img{
	opacity: 1;
}
#globalNavi ul li{
	display:block;
}
#globalNavi ul li a{
	width: 25%;
	float: left;
	padding:20px 0;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	transition: .3s;
}
#globalNavi ul li a:hover{
	opacity: 0.9;
}
#globalNavi ul li a::after {
	position: absolute;
	bottom: 10px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: .3s;
  background-size: 8px 8px;
  border:0 1px 1px 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#globalNavi ul li a:hover::after {
	width: 70%;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
@media only screen and (min-width: 481px) {
#globalNavi2{
    display: none;
  }
}
@media only screen and (max-width: 480px) {
#globalNavi{
    display: none;
 }
#globalNavi2 {
    display:block;
	margin-bottom:0px;
	padding-bottom:1px;
    background: #000;
}
#globalNavi2 li{
	 font-size:14px;
	 text-align:center;
	 margin:15px auto;
    display: block;
	   }
#globalNavi img a:hover{
    -moz-opacity: 0.5;
    opacity: 0.5;
	  }
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
#toggle{
    display: block;
    position: relative;
    width: 100%;
  }
#toggle li{
    background: #07314a;
	padding-bottom:10px;
    display: block;
}
#toggle a{
    display: block;
    position: relative;
    padding: 5px 0 10px;
    border-bottom: 0px solid #333;
    color: #fff;
    text-align: center;
    text-decoration: none;
 }
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #07314a;
  }
#toggle a:before{
    margin-top: -6px;
  }
#toggle a:after{
    margin-top: 2px;
  }
}