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



#fullpage {
  
}

#fullpage #section0{
    width:100%;
    height:100%;
    background-image:url(../img/bg0.jpg);
    background-position: center center;
    background-size: cover; 
}

#fullpage #section0 h1 {
    margin: 0;
    padding: 0 0 0em 0;
    font-weight: normal;
    color: #FFFFFF;
        font-size: 3.5em;
    /*padding-top: 3em;*/
    padding-top:0;
    padding-top:7%;
  text-shadow: 0px 0px 10px rgba(0,0,0,10);


}

#fullpage #section0 p {
    font-size: 1.5em;
    line-height: 1.8;
    color: #FFFFFF;
     
    /*background: #FFFFFF; 
        padding:10px;
     filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;*/
   
}






#fullpage #section0 #newsbox {

    font-size: 1.2em;
  position: relative;
  background: #FFFFFF; 
    width: 95%;
    text-align: left;
    padding:10px;
    margin:3em 1.5em 0px 0px;
     filter:alpha(opacity=60);
    -moz-opacity: 0.7;
    opacity: 0.7;
       border-bottom-style : solid;
border-width : 2px;
 border-color : #CCCCCC;
 

}
#fullpage #section0 #news {
  position: absolute;
  right: 2em;
  width:500px;

}


#fullpage #section0 #news h2 {
        font-size: 1.5em;
        margin-top:0px;
        padding-bottom:0;
        margin-bottom:10px;
          border-bottom-style : solid;
border-width : 2px;
 border-color : #CCCCCC;
      
}

#fullpage #section0 #news li {
padding-bottom:10px;

}


#fullpage #section0 #news .news_date {
padding-right:20px;

}

#fullpage #section0 #news .news_ttl {

}

#fullpage #section0 #etc_banner {
  position: relative;
    text-align: right;
    padding-top:1em;
    padding-right:10px;

}




/*=============================================================================
  service
=============================================================================*/
#fullpage #section1{
    width:100%;
    height:100%;
    background-image:url(../img/bg1.jpg);
    background-position: center center;
    background-size: cover; 

}

#fullpage #section1 h1 {
    margin: 0;
    padding: 0 0 0.1em 0;
    font-weight: normal;
    color: #FFFFFF;
        font-size: 3.5em;
    padding-top:5%;

    color: #ffffff;
  text-shadow: 0px 0px 10px rgba(0,0,0,10);
    
}

#fullpage #section1 p {
    font-size: 1.5em;
    line-height: 1.5;
    color: #FFFFFF;

    /*background: #FFFFFF; 
        padding:10px;
     filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;*/
   
}
#fullpage #section1 #koukuujijigyou{

background-color:rgba(255,255,255,0.7);
padding:10px;
margin-top:10px;

}

#fullpage #section1 #koukuujijigyou li.tate{
/*-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;*/
          padding: 10px;
          margin:0;
margin-left: 0;
font-size: 2.0em;
float:left;
 font-weight:normal;
 background-color:#1D4C9F;
color:#CCCCCC;

}


#fullpage #section1 #koukuujijigyou .relative {
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
  background: #bbb;
  text-align: center;

}


#fullpage #section1 #koukuujijigyou .absolute {
  position: absolute;
  top: 80px;
  left: 5px;
  width: 100px;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #c2d0ed;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  font-size:1.5em;
}


#fullpage #section1 #travelarea{
float:left;
background-color:rgba(255,255,255,0.7);
padding:10px;
width:47%;
margin-top:10px;
}

#fullpage #section1 #travelarea .submenu{

font-size: 1.5em;

}

#fullpage #section1 #travelarea  .submenu h4{
padding: 0px 0 10px 0;
margin: 0px;
font-size: 1.2em;

}


#fullpage #section1 #travelarea img {
float:left;
    margin: 0 10px 0em 2em;
    width:150px;
}

#fullpage #section1 #travelarea div.tate{
/*-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;*/
          padding: 20px;
          float:left;
margin-left: 0;
font-size: 2.0em;
 background-color:#1D4C9F;
color:#CCCCCC;
}



#fullpage #section1 #menu-container a:link { color: #000000; }
#fullpage #section1 #menu-container a:visited  { color: #000000; }
#fullpage #section1 #menu-container a:hover  { color: #848080; }
#fullpage #section1 #menu-container a:active  { color: #000000; }






#fullpage #section1 #koukuudairitenarea{

width:47%;
background-color:rgba(255,255,255,0.7);
padding:10px;
float:right;
margin-top:10px;
}

#fullpage #section1 #koukuudairitenarea .submenu{

font-size: 1.5em;

}

#fullpage #section1 #koukuudairitenarea .submenu h4{
padding: 0px 0 10px 0;
margin: 0px;
font-size: 1.2em;

}


#fullpage #section1 #koukuudairitenarea img {
float:left;

    width:150px;

}

#fullpage #section1 #koukuudairitenarea div.tate{
/*-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;*/
          padding: 10px;
                 float:left;
margin-left: 0;
margin-right:20px;
font-size: 2.0em;
 background-color:#1D4C9F;
color:#CCCCCC;
line-height: 1.3;
}

/*=============================================================================
  TOPmenulinkall
=============================================================================*/


#fullpage  #menu-container a:link { color: #000000; }
#fullpage  #menu-container a:visited { color: #000000; }
#fullpage  #menu-container a:hover { color: #000000; }
#fullpage  #menu-container a:active { color: #000000; }



/*=============================================================================
  servicemenu
=============================================================================*/




#fullpage #section1 #menu-container  ul {
list-style-type: none;
padding-left: 0;
}


#fullpage #section1 #menu-container li {
background-color:rgba(255,255,255,0);
font-size: 1.5em;
font-weight:bold;
}



#fullpage #section1 #menu-container .inline-block {
text-align: center;

}


#fullpage #section1 #menu-container .inline-block li {
display: inline-block;
vertical-align:top;

}

#fullpage #section1 #menu-container ul li img {
    margin: 0 0 0.5em 0;
    width:140px;
}


 
#fullpage #section1 #menu-container .submenu ul {
list-style-type: none;
margin: 0; 
padding: 0; 
}
#fullpage #section1 #menu-container .submenu li {
font-size: 0.8em;
 display: list-item; 
 margin: 0.2em; 
 border-bottom: solid 1px #5989cf;
 font-weight:normal;

}

#fullpage #section1 #menu-container .submenu li.submenuside {
font-size: 0.8em;
display: inline-block;


}

/*=============================================================================
  corporate
=============================================================================*/

#fullpage #section2{
    width:100%;
    height:100%;
    background-image:url(../img/bg2.jpg);
    background-position: center center;
    background-size: cover; 

}

#fullpage #section2 h1 {
    margin: 0;
    padding: 0 0 0.3em 0;
    font-weight: normal;
    color: #FFFFFF;
        font-size: 3.5em;
    padding-top:11%;
  text-shadow: 0px 0px 10px rgba(0,0,0,10);
}

#fullpage #section2 p {
    font-size: 1.5em;
    line-height: 1.8;
    color: #FFFFFF;

    /*background: #FFFFFF; 
        padding:10px;
     filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;*/
}

/*=============================================================================
  corporatemenu
=============================================================================*/

#fullpage #section2 #menu-container  ul {
list-style-type: none;
padding-left: 0;
}
#fullpage #section2 #menu-container li {
background-color:rgba(255,255,255,0.5);
padding: 5px;
margin: 10px;
font-size: 1.5em;

}
#fullpage #section2 #menu-container .inline-block {
text-align: center;
}
#fullpage #section2 #menu-container .inline-block li {
display: inline-block;
}

#fullpage #section2 #menu-container ul li img {
    margin: 0 0 0.5em 0;
    width:160px;
}

/*=============================================================================
recruit
=============================================================================*/


#fullpage #section3{
    width:100%;
    height:100%;
    background-image:url(../img/bg3.jpg);
    background-position: center center;
    background-size: cover; 

}

#fullpage #section3 h1 {
    margin: 0;
    padding: 0 0 0.3em 0;
    font-weight: normal;
    color: #FFFFFF;
        font-size: 3.5em;
    padding-top:11%;
  text-shadow: 0px 0px 10px rgba(0,0,0,10);
}

#fullpage #section3 p {
    font-size: 1.5em;
    line-height: 1.8;
    color: #FFFFFF;
    /*background: #FFFFFF; 
        padding:10px;
     filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;*/
 
}


/*=============================================================================
recruitmenu
=============================================================================*/


#fullpage #section3 #menu-container  ul {
list-style-type: none;
    color: #FFFFFF;
padding-left: 0;
}
#fullpage #section3 #menu-container li {
background-color:rgba(255,255,255,0.5);
    color: #FFFFFF;
padding: 15px;
font-size: 2em;
    border-top: solid 3px #5989cf;
    border-bottom: solid 3px #5989cf;
}
#fullpage #section3 #menu-container .inline-block {
text-align: center;

}
#fullpage #section3 #menu-container .inline-block li {
display: inline-block;


}

#fullpage #section3 #menu-container ul li {
    margin: 2em 20px 0.5em 0;
    width:200px;
        color: #FFFFFF;
}