@charset "utf-8";
/* CSS Document */

div#container{
width: 100%;
}

div#container div#wrapper{
width: 100%;
}









/*----------------------
----------------------*/
div#inner1{
position:fixed; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
height:100vh;
width: 100%;
display: table;
z-index: -1;
}

div#inner2{
position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
height:90vh;
width: 100%;
display: table;
}

div#inner3{
width: 100%;
float: left;
padding: 20px 0 0 0;
background-color: #fff;
}












/*----------------------
----------------------*/
div#footer{
width: 100%;
float: left;
padding:10px 10px;
background-color:#032088;
position: fixed;
bottom: 0;
}

div#footer div#footer_box{
width:100%;
max-width:1200px;
margin:0 auto;
color: #fff;
font-size: 0.825rem;
}

div#footer div#footer_box div#footer_box_left{
width:50%;
float: left;
padding: 10px 0;
}
@media screen and (max-width:680px) {
div#footer div#footer_box div#footer_box_left{
width:100%;
text-align: center;
display: none;
}
}

div#footer div#footer_box div#footer_box_left a{
color: #fff;
}

div#footer div#footer_box div#footer_box_right{
width:50%;
float: right;
}
@media screen and (max-width:680px) {
div#footer div#footer_box div#footer_box_right{
width:100%;
}
}

div#footer div#footer_box div#footer_box_right li{
text-align: right;
float: right;
}
@media screen and (max-width:680px) {
div#footer div#footer_box div#footer_box_right li{
width: 50%;
}
}

div#footer div#footer_box div#footer_box_right li:nth-child(1){
margin-left: 20px;
color: #fff;
background-color: #F8861A;
padding: 10px;
}
@media screen and (max-width:680px) {
div#footer div#footer_box div#footer_box_right li:nth-child(1){
margin-left: 0px;
text-align: center;
}
}

div#footer div#footer_box div#footer_box_right li:nth-child(2){
padding: 10px;
font-size: 0.925rem;
text-align: center;
}
@media screen and (max-width:680px) {
div#footer div#footer_box div#footer_box_right li:nth-child(2){
padding:0;
}
}

div#footer div#footer_box div#footer_box_right li a{
color: #fff;
}


div#footer div#footer_box div#footer_box_right .br{
display: none;
}
@media screen and (max-width:680px) {
div#footer div#footer_box div#footer_box_right .br{
display:block;
}
}













/*----------------------
----------------------*/
div#footer_menu{
width: 100%;
float: left;
padding:10px 10px 120px 10px;
background-color: #fff;
}

div#footer_menu ul {
  font-size: 0;
  text-align: center;
}

div#footer_menu li {
  display: inline-block;
  font-size: 12px;
  padding: 0 10px;
}








/*----------------------
----------------------*/
/* for Scroll Fix Header */
.fix-header {
background-color: rgba(255,255,255,1.0);
line-height: 66px;
top: -66px;/* 上に隠す鷹さ */
left: 0;
text-align: center;
width: 100%;
margin: 0 auto;
padding-top:10px;
position: fixed;
font-size: 0.825rem;
opacity:0;/* 	最初読み込んだときは透過 */
z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
}

@media screen and (max-width:680px) {
.fix-header {
display: none;
}
}

.fix-header-contents{
width:100%;
max-width:1200px;
margin: 0 auto;
}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
float:left;
margin-right:32px;
}

.fix-header li a{
color: #000;
}

.fix-header li:last-child{
margin-right:0;
}

.fix-header .header_inquiry{
}

.fix-header .header_inquiry a{
color: #fff;
background-color: #F8861A;
padding: 10px;
}

#fix-header-logo{
float:left;
}

#fix-header-logo img{
width:54px;
}

#fix-header-menus{
float:right;
text-align: right;
}
#scroll-fix-menu img{
padding-bottom: 5px;
border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
border-bottom:2px solid #0f142a;
transition:border-color 0.6s ease-out;
}


/* micro clearfx */
.cf:before, .cf:after {
content:"";
display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */



















#header_menu_sp{
display: none;
}

@media screen and (max-width:680px) {
#header_menu_sp{
display: block;
}

#header_menu_sp button{
background-color: #fff;
}
}