@charset "UTF-8";

/* =========================================================
Loading
=========================================================== */

#load{
position:fixed;
width:100%;
height:100%;
background-color:#000000;
z-index:999;
}
#load .inner{
position:absolute;
top:45%;
left:50%;
margin:-120px 0 0 -200px;
width:400px;
height:200px;
background:url(../../img/common/famislo_logo_wh.png) center top no-repeat;
background-size:400px 160px;
}
#nowloading{
position:absolute;
bottom:0;
left:50%;
margin:0 0 0 -108px;
width:216px;
height:21px;
}

/* =========================================================
Layout
=========================================================== */

.l-wrapper{
position:relative;
min-width: 1200px;
background:#000000;
}

/* =========================================================
Header
=========================================================== */

.l-header{
position:relative;
margin:0 auto 15px;
width:1200px;
height:102px;
z-index:20;
}
.l-main-logo{
position:relative;
padding:15px 0 0 40px;
width:250px;
height:72px;
float:left;
}
.l-main-logo:hover{
transition:all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
opacity: 0.7;
}
.l-famislo{
position:relative;
padding:24px 40px 0 0;
width:200px;
height:64px;
float:right;
}
.pac_home .l-famislo{
position:relative;
padding:24px 0 0 130px;
width:200px;
height:64px;
float:left;
}

/* =========================================================
Menu
=========================================================== */

.l-nav-pc__menu{
position:absolute;
top:0;
right:242px;
width:650px;
height:102px;
}
.pac_home  .l-nav-pc__menu{
right:210px;
}
.l-menu_1{
position:absolute;
top:15px;
left:20px;
width:105px;
height:87px;
}
.l-menu_2{
position:absolute;
top:15px;
left:139px;
width:122px;
height:87px;
}
.l-menu_3{
position:absolute;
top:15px;
left:275px;
width:116px;
height:87px;
}
.l-menu_4{
position:absolute;
top:15px;
left:405px;
width:99px;
height:87px;
}
.l-menu_5{
position:absolute;
top:15px;
left:518px;
width:104px;
height:87px;
}

/* =========================================================
Footer
=========================================================== */

.l-footer{
color:#ffffff;
background:#000000;
border-top:1px solid #a00000;
clear:both;
}
.l-footer__box{
position:relative;
margin:0 auto;
padding:15px 0;
width:1200px;
font-size:12px;
line-height:1;
text-align:center;
}

/* =========================================================
Section
=========================================================== */

.l-section{
position:relative;
background:#000000 url(../../img/common/bg_section1.png) repeat-y center top;
}
.l-section__box{
position:relative;
}

/* =========================================================
Content
=========================================================== */

.l-content{
position:relative;
margin:0 auto 15px;
width:1200px;
text-align:center;
z-index:2;
}

/* =========================================================
Page
=========================================================== */

.l-page-title{
position:relative;
margin:0 0 15px 60px;
width:640px;
height:70px;
text-align:left;
opacity:0;
}
.l-page-title img{
display:block;
}