body {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

div,
p,
a,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    line-height: 1;
}

img {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 0;
}

.header_wrap {
    height: 114px;
    z-index: 1;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1280px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
}

.header {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.header h1 {
    position: absolute;
    left: 510px;
    top: 22px;
}

.header ul li:nth-child(1) {
    position: absolute;
    left: 118px;
    top: 73px;
}

.header ul li:nth-child(2) {
    position: absolute;
    left: 328px;
    top: 73px;
}

.header ul li:nth-child(3) {
    position: absolute;
    left: 558px;
    top: 73px;
}

.header ul li:nth-child(4) {
    position: absolute;
    left: 830px;
    top: 69px;
}

.header ul li:nth-child(5) {
    position: absolute;
    left: 989px;
    top: 69px;
}

.header ul li a:hover img {
    opacity: 0.7;
    -webkit-transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -ms-transition: opacity 0.7s ease-out;
    transition: opacity 0.7s ease-out;
}

.header .line-1,
.header .line-2 {
    width: 1px;
    height: 17px;
    background-color: #969696;
    position: absolute;
    top: 74px;
}

.header .line-1 {
    left: 325px;
}

.header .line-2 {
    left: 542px;
}

.container {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 114px;
}

.contents {
    position: relative;
}

.section-contact {
    position: relative;
    height: 204px;
    background-color: #FFFFFF;
}

.section-contact ul li:nth-child(1) {
    position: absolute;
    left: 255px;
    top: 72px;
}

.section-contact ul li:nth-child(2) {
    position: absolute;
    left: 725px;
    top: 72px;
}

.section-contact ul li a:hover img {
    opacity: 0.7;
    -webkit-transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -ms-transition: opacity 0.7s ease-out;
    transition: opacity 0.7s ease-out;
}

.section-studio {
    position: relative;
    height: 744px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.section-studio .bg {
    position: absolute;
    left: 7px;
    top: -2px;
}

.section-studio .side {
    position: absolute;
    left: 31px;
    top: -4px;
}

.section-studio .shadow {
    position: absolute;
    left: 0;
    top: 0;
}

.section-studio h2 {
    position: absolute;
    left: 318px;
    top: 90px;
}

.section-studio .text {
    position: absolute;
    left: 222px;
    top: 284px;
}

.section-studio ul li {
    position: absolute;
    top: 400px;
}

.section-studio ul li:nth-child(1) {
    left: 190px;
}

.section-studio ul li:nth-child(2) {
    left: 682px;
}

.section-about {
    position: relative;
    height: 600px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.section-about .shadow {
    position: absolute;
    left: 0;
    top: 0;
}

.section-about .bg {
    background-image: url("../images/bg_03.png");
    background-position: center center;
    background-size: 50% 50%;
    background-repeat: repeat;
    width: 100%;
    height: 160px;
    position: absolute;
    left: 0;
    top: 390px;
}

.section-about h2 {
    position: absolute;
    left: 430px;
    top: 78px;
}

.section-about h3 {
    position: absolute;
    left: 226px;
    top: 154px;
}

.section-about .text {
    position: absolute;
    left: 148px;
    top: 278px;
}

.section-about ul li {
    position: absolute;
    top: 446px;
}

.section-about ul li:nth-child(1) {
    left: 172px;
}

.section-about ul li:nth-child(2) {
    left: 518px;
}

.section-about ul li:nth-child(3) {
    left: 848px;
}

.section-footer {
    width: 100%;
    min-width: 1280px;
    position: relative;
    height: 48px;
    text-align: center;
    background-color: #00264d;
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 17px;
}

.sp_button {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    display: none;
}

.sp_button li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 5px;
    width: 50%;
    float: left;
    text-align: center;
    box-sizing: border-box;
}

.sp_button li:first-child {
    padding-right: 0;
}

.sp_button li img {
    width: 100%;
    height: auto;
}