@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:700);
header {
    background-color: #000 !important;
}

header nav ul li a {
    color: #FFF !important;
}

header nav ul li a:hover {
    color: #FF9900 !important;
}

#container {
    display: none;
}

h2 {
    position: relative;
    padding: 130px 0 50px 5%;
    font-size: 4.8rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    z-index: 5;
}

h2 span {
    font-size: 2.4rem;
    font-weight: normal;
    padding-left: 30px;
}

#contents-inner {
    padding-bottom: 120px;
    background-color: #FFF;
}

#contents-inner .head-baner {
    width: 100%;
    background-color: #FEFE00;
    overflow: hidden;
}

#contents-inner .head-baner .baner-inner {
    position: relative;
    width: 1120px;
    height: 480px;
    margin: 0 auto;
}

#contents-inner .head-baner .baner-inner h3 {
    padding: 35px 0 45px;
		font-size : 3rem;
}

#contents-inner .head-baner .baner-inner #first-block {
    position: absolute;
    top: 165px;
    left: 0;
}

#contents-inner .head-baner .baner-inner #first-block .first-block-inner {
    position: relative;
    width: 515px;
    color: #FE6400;
    font-family: 'Noto Sans Japanese', sans-serif;
}

#contents-inner .head-baner .baner-inner #first-block .first-block-inner .f-one {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 4.3rem;
    font-weight: 100;
}

#contents-inner .head-baner .baner-inner #first-block .first-block-inner .f-two {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    font-size: 5.8rem;
    font-weight: 200;
}

#contents-inner .head-baner .baner-inner #first-block .first-block-inner .f-three {
    display: none;
    position: absolute;
    top: 0px;
    left: 180px;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 14rem;
    font-weight: 900;
    line-height: 100px;
    letter-spacing: -12px;
}

#contents-inner .head-baner .baner-inner #first-block .first-block-inner .f-four {
    display: none;
    position: absolute;
    top: 0px;
    left: 330px;
    font-size: 7.8rem;
    font-weight: 600;
    line-height: 130px;
}

#contents-inner .head-baner .baner-inner #second-block {
    position: absolute;
    top: 230px;
    left: -1200px;
    width: 625px;
}

#contents-inner .head-baner .baner-inner #second-block .second-block-inner {
    position: relative;
}

#contents-inner .head-baner .baner-inner #second-block .second-block-inner .s-one {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3.5rem;
}

#contents-inner .head-baner .baner-inner #second-block .second-block-inner .s-two {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

#contents-inner .head-baner .baner-inner #second-block .second-block-inner .s-three {
    position: absolute;
    top: 60px;
    right: 0;
}

#contents-inner .head-baner .baner-inner #second-block .second-block-inner .s-three a {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

#contents-inner .head-baner .baner-inner #second-block .second-block-inner .s-three a img {
    width: 230px;
    height: 55px;
    background-color: #FFF;
}

#contents-inner .head-baner .baner-inner #second-block .second-block-inner .s-three a:hover {
    opacity: 0.6;
}

#contents-inner .head-baner .baner-inner #third-block {
    position: absolute;
    top: 0;
    right: -1200px;
    width: 545px;
    height: 480px;
}

#contents-inner .head-baner .baner-inner #third-block .third-block-inner {
    position: relative;
}

#contents-inner .head-baner .baner-inner #third-block .third-block-inner .t-one {
    position: absolute;
    top: 0;
    right: 55px;
    width: 294px;
}

#contents-inner .head-baner .baner-inner #third-block .third-block-inner .t-one img {
    width: 294px;
    height: 480px;
}

#contents-inner .head-baner .baner-inner #third-block .third-block-inner .t-two {
    position: absolute;
    top: 170px;
    right: 95px;
}

#contents-inner .head-baner .baner-inner #third-block .third-block-inner .t-two img {
    width: 395px;
    height: 100px;
}

#contents-inner .content-main {
    position: relative;
}

#contents-inner .content-main .second-nav {
    width: 90%;
    margin: 0 auto;
    padding-top: 70px;
}

#contents-inner .content-main .second-nav ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 1120px;
    margin: 0 auto;
}

#contents-inner .content-main .second-nav ul li {
    position: relative;
    bottom: -600px;
    width: 200px;
    min-width: 180px;
    height: 200px;
    margin: 0 5px;
}

#contents-inner .content-main .second-nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #FEFE00;
    color: #000;
    border-radius: 8px;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

#contents-inner .content-main .second-nav ul li a:hover {
    background-color: #FE6400;
}

#contents-inner .content-main .second-nav ul li a .icon-img {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    padding-top: 12px;
}

#contents-inner .content-main .second-nav ul li a .icon-img img {
    width: 100%;
}

#contents-inner .content-main .second-nav ul li a .icon-text {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 2.4rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
}

#contents-inner .content-main .second-nav ul li a .hover-text {
    display: none;
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
    color: #FFF;
    font-size: 2rem;
    text-align: center;
}

#contents-inner .content-main .new-office {
    width: 90%;
    margin: 0 auto;
}

#contents-inner .content-main .new-office .main-title {
    padding: 100px 0 50px !important;
}

#contents-inner .content-main .new-office .main-title span.title {
    font-size: 4rem;
    padding-left: 45px;
}

#contents-inner .content-main .new-office .main-title span.sub-title {
    font-size: 2rem;
    padding-left: 5px;
}

#contents-inner .content-main .new-office .main-tokyo {
    background: url(../images/corp/tokyo_icon.svg) no-repeat left 95px;
    background-size: 30px;
}

#contents-inner .content-main .new-office .main-contents .f-left {
    float: left;
}

#contents-inner .content-main .new-office .main-contents .f-right {
    float: right;
}

#contents-inner .content-main .new-office .main-contents {
    width: 100%;
}

#contents-inner .content-main .new-office .main-contents .main-contents-block {
    position: relative;
    width: 48%;
    border: solid 5px #000;
    box-sizing: border-box;
}

#contents-inner .content-main .new-office .main-contents .main-contents-block h4 {
    padding: 20px 30px;
    background-color: #000;
    color: #FEFE00;
    font-size: 2.4rem;
}

#contents-inner .content-main .new-office .main-contents .main-contents-block .address-list {
    padding: 35px 30px;
}

#contents-inner .content-main .new-office .main-contents .main-contents-block .address-list li {
    width: 100%;
    padding-bottom: 10px;
    font-size: 1.6rem;
    font-weight: bold;
}

#contents-inner .content-main .main {
    width: 90%;
    margin: 0 auto;
}

#contents-inner .content-main .main .main-title {
    padding: 100px 0 50px !important;
}

#contents-inner .content-main .main .main-title span.title {
    font-size: 4rem;
    padding-left: 70px;
}

#contents-inner .content-main .main .main-title span.sub-title {
    font-size: 2rem;
    padding-left: 5px;
}

#contents-inner .content-main .main .main-works {
    background: url(../images/corp/nav_works_icon.png) no-repeat left 95px;
    background-size: 60px 60px;
}

#contents-inner .content-main .main .main-contents {
    width: 100%;
    height: 260px;
}

#contents-inner .content-main .main .main-contents .main-contents-block {
    position: relative;
    bottom: -1000px;
    width: 48%;
    height: 250px;
    border: solid 5px #000;
    box-sizing: border-box;
}

#contents-inner .content-main .main .main-contents .main-contents-block h4 {
    padding: 20px 30px;
    background-color: #000;
    color: #FEFE00;
    font-size: 2.4rem;
}

#contents-inner .content-main .main .main-contents .main-contents-block .contents-list {
    padding: 35px 30px 0;
}

#contents-inner .content-main .main .main-contents .main-contents-block .contents-list li {
    width: 50%;
    padding-bottom: 30px;
    float: left;
    font-size: 1.6rem;
    font-weight: bold;
}

#contents-inner .content-main .main .main-contents .f-left {
    float: left;
}

#contents-inner .content-main .main .main-contents .f-right {
    float: right;
}

#contents-inner .content-main .main .main-contents .f-none {
    width: 100% !important;
    float: none !important;
}

footer {
    background-color: #000;
}

footer .copyright {
    color: #FFF;
}