@charset "utf-8";
body.intro {
    background: #fff;
    overflow: hidden;
}

#open {
    margin: auto;
    text-align: center;
    background: url(../img/shared/sec2-line-box.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    min-height: 300px;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
}

#open .wrap {
    height: 100%;
    position: relative;
}

#open .brn01 {
	z-index: 30;
    position: absolute;
    left: -48px;
    top: 50%;
    transform: translateY(-50%);
}

#open .brn02 {
		z-index: 30;
    position: absolute;
    top: 50%;
    right: -62px;
    transform: translateY(-45%);
}

#open .logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 10;
}

#open .rs {
    width: auto;
}

#header {
    min-height: 850px;
    position: relative;
}

#header h1 {
    position: absolute;
    font-size: 14px;
    color: #d7d7d7;
    top: 30px !important;
    right: 0;
    z-index: 9;
    text-align: right;
}

#header .logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

#header .in {
    position: absolute;
    top: 60px !important;
    right: 0 !important;
    z-index: 9;
}

#header .brn01 {
    position: absolute;
    top: 661px;
    left: -9px;
    z-index: 9;
}

#header .nav {
    background: url(../img/shared/nav_bg.jpg) repeat-x center top;
    width: 100%;
    height: 70px;
    position: relative;
}

#header .nav:before {
    background: url(../img/shared/h_line.png) repeat-x center top;
    position: absolute;
    content: '';
    width: 100%;
    height: 16px;
    bottom: -11px;
    left: 0;
    z-index: 1;
}

#header .nav ul {
    padding-top: 0 !important;
}

#key .slide1 {
    background: url(../img/index/key-js01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

#key .slide2 {
    background: url(../img/index/key-js02.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

#sec1 {
    background: url(../img/index/sec1_bg.jpg) no-repeat center bottom;
    min-height: 1257px;
    position: relative;
}

#sec1 h2 {
    padding-top: 68px;
}

#sec1 .photo01 {
    position: absolute;
    top: 255px;
    left: 197px;
    z-index: 3;
}

#sec1 .photo02 {
    position: absolute;
    top: 404px;
    right: -115px;
    z-index: 2;
}

#sec1 .photo03 {
    position: absolute;
    top: 692px;
    left: 266px;
    z-index: 1;
}

#sec1 .photo04 {
    position: absolute;
    top: 844px;
    left: -117px;
}

#sec1 .btn {
    position: absolute;
    top: 1092px;
    right: 26px;
}

#sec1 .txt-vertical {
    position: absolute;
    width: 92px;
    color: #000;
    top: 317px;
    height: 497px;
    left: 44px;
    letter-spacing: 1px;
}

#sec2 {
    background: url(../img/index/sec2-bg.jpg) no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    min-height: 960px;
}

#sec2 h2 {
    position: absolute;
    top: 5px;
    left: 344px;
    z-index: 1;
}

#sec2 .btn {
    position: absolute;
    top: 186px;
    left: 14px;
}

#sec2 .box {
    background: url(../img/index/sec2-bg-conetn.jpg) no-repeat center top;
    width: 355px;
    height: 578px;
    position: absolute;
    top: 96px;
    left: 144px;
}

#sec2 .txt01 {
    position: absolute;
    color: #fff;
    width: 147px;
    height: 429px;
    top: 108px;
    left: 40px;
}

#sec3 {
    position: relative;
    min-height: 1310px;
}

#sec3 .box {
    background: url(../img/index/sec3-bg01.png) no-repeat center top;
    width: 999px;
    height: 812px;
    position: absolute;
    top: -151px;
    left: -42px;
}

#sec3 .box h2 {
    position: absolute;
    top: 86px;
    left: 123px;
    z-index: 2;
}

#sec3 .box .txt {
    text-align: center;
    position: absolute;
    top: 444px;
    left: 348px;
    z-index: 2;
    letter-spacing: 1px;
    line-height: 28px;
}

#sec3 .photo01 {
    position: absolute;
    top: -117px;
    left: -300px;
    z-index: 1;
}

#sec3 .photo02 {
    position: absolute;
    top: 0;
    right: -142px;
    z-index: 1;
}

#sec3 .photo03 {
    position: absolute;
    top: 566px;
    right: -101px;
}

#sec3 .btn01 {
    position: absolute;
    top: 645px;
    right: 24px;
    z-index: 2;
}

#sec3 .btn02 {
    position: absolute;
    top: 1073px;
    left: 76px;
    z-index: 2;
}

#sec4 {
    background: url(../img/index/sec4-bg.jpg) repeat center top;
    min-height: 566px;
    position: relative;
}

#sec4 h2 {
    position: absolute;
    top: -88px;
    left: 204px;
}

#sec4 .fb {
    background: url(../img/index/fb_bg.jpg) repeat-y center top;
    width: 470px;
    min-height: 355px;
    position: absolute;
    top: 146px;
    left: 0;
    padding: 10px 10px 10px 30px;
}

#sec4 #feed {
    position: absolute;
    top: 146px;
    right: 0;
}

#sec4 #testfeed {
    position: absolute;
    top: 146px;
    right: 0;
}

#feed .row-rss {
    background: url(../img/index/bg-rss.jpg) no-repeat center top;
    width: 470px;
    height: 170px;
    position: relative;
    margin-bottom: 16px;
}

#feed .row-rss .photo {
    position: absolute;
    top: 20px;
    left: 20px;
}

#feed .row-rss .box {
    padding-top: 25px;
    margin-left: 205px;
}

#feed .row-rss .box .date {
    font-size: 12px;
    color: #000;
}

#feed .row-rss .box .ttl {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding: 15px 0 10px;
}

#feed .row-rss .txt {
    font-size: 15px;
    color: #000;
}