@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:999px){

/*START*/
#start {
    width:100%;
    height:100%;
    background:linear-gradient(#001432,#001e46,#001432);
    position:fixed;
    top:0;
    right:0;
    z-index:99999;
    display:flex;
    justify-content:center;
    align-items:center;
    animation:start_bg 4s forwards;
}

#start .start_logo {
    width:270px;
    opacity:0;
    animation:start_logo 2s forwards;
}

/*STYLE*/
.pc {
display:none;
}

.cts {
width:90%;
}

.titles {
padding-bottom:30px;
text-align:center;
}

.titles h2 {
font-size:250%;
font-weight:bold;
line-height:135%;
}

.titles .subtitle {
font-size:120%;
font-weight:bold;
}

.titles .kana {
font-size:100%;
}

.subtitles {
    display:inline-block;
    margin-bottom:15px;
}

.subtitles .subtitle {
    font-size:80%;
    font-weight:500;
    letter-spacing:1.5px;
    color:#c8b478;
}

.subtitles .line {
    width:100%;
    height:1px;
    background:#c8b478;
}

.more_btn {
}

.more_btn .btn {
    display:inline-block;
}

.more_btn .btn a {
    border:#c8b478 1px solid;
    display:flex;
    align-items:center;
    padding:12px 40px 12px 25px;
    position:relative;
}

.more_btn .btn a .arrow {
    width:50px;
    height:1px;
    background:#c8b478;
    position:absolute;
    right:-25px;
    animation:btn 1s infinite alternate;
    -webkit-animation:btn 1s infinite alternate;
}

.more_btn .btn a .arrow:after {
    content:"";
    width:15px;
    height:1px;
    background:#c8b478;
    position:absolute;
    top:-5px;
    right:-2.5px;
    transform:rotate(45deg);
}

.more_btn .btn a p {
    font-size:75%;
    letter-spacing:1.5px;
    color:#c8b478;
}

.back_btn {
}

.back_btn .btn {
    display:inline-block;
}

.back_btn .btn a {
    border:#c8b478 1px solid;
    display:flex;
    align-items:center;
    padding:12px 25px 12px 40px;
    position:relative;
}

.back_btn .btn a .arrow {
    width:50px;
    height:1px;
    background:#c8b478;
    position:absolute;
    left:-25px;
    animation:btn 1s infinite alternate;
    -webkit-animation:btn 1s infinite alternate;
}

.back_btn .btn a .arrow:after {
    content:"";
    width:15px;
    height:1px;
    background:#c8b478;
    position:absolute;
    bottom:-5px;
    left:-2.5px;
    transform:rotate(45deg);
}

.back_btn .btn a p {
    font-size:75%;
    letter-spacing:1.5px;
    color:#c8b478;
}



/*HEADER*/
header {
    width:100%;
    height:60px;
    background:linear-gradient(rgba(0,20,50,0.9),rgba(0,30,70,0.9),rgba(0,20,50,0.9));
    display:flex;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
}

header h1 {
    width:180px;
    margin-left:15px;
}



/*-----MV-----*/
#mv {
    width:100%;
    overflow:hidden;
    margin-top:60px;
    position:relative;
    background:#222;
}

#mv .movie {
}

#mv video{
    width:100%;
    height:auto;
    vertical-align:bottom;
}

#mv .sound {
    width:35px;
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:900;
    cursor:pointer;
}




/*-----TOP TOPICS-----*/
#top_topics {
    padding:70px 0;
    background:url(../img/topics_bg.jpg) center;
    background-size:cover;
}

#top_topics .top_topics_title {
    text-align:center;
    margin-bottom:20px;
}

#top_topics .top_topics_title h2 {
    font-size:300%;
    line-height:100%;
    color:#c8b478;
    position:relative;
    display:inline-block;
    margin-bottom:10px;
}

#top_topics .top_topics_title .line {
    height:1px;
    background:#c8b478;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
}

#top_topics .top_topics_title .kana {
    color:#fff;
}

#top_topics .topics_cts {
    width:95%;
    background:rgba(0,0,0,0.5);
}

#top_topics .topics_cts .topics {
    width:100%;
    padding:25px 25px;
}

#top_topics .topics_cts .topics .topic {
    border-bottom:#001e46 1px solid;
    padding-bottom:15px;
    margin-bottom:15px;
}

#top_topics .topics_cts .topics .topic:last-child {
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:0;
}

#top_topics .topics_cts .topics .topic a {
    display:inline-block;
}

#top_topics .topics_cts .topics .topic a .topic_cts {
}

#top_topics .topics_cts .topics .topic a .topic_cts .date_cate {
    width:100%;
    display:flex;
    align-items:center;
    margin-right:30px;
}

#top_topics .topics_cts .topics .topic a .topic_cts .date_cate .date {
    width:100px;
    margin-right:20px;
}

#top_topics .topics_cts .topics .topic a .topic_cts .date_cate .cate {
    width:100px;
    font-size:90%;
    text-decoration:underline;
}

#top_topics .topics_cts .topics .topic a .topic_cts .subject {
    width:100%;
}

#top_topics .more_btn {
    margin-top:20px;
    text-align:center;
}




/*TOP COMPANY*/
#top_company {
    position:relative;
}

#top_company .typo {
    font-size:500%;
    line-height:100%;
    position:absolute;
    top:20px;
    right:-15px;
    color:rgba(200,180,120,0.3);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index:999;
}

#top_company .details {
    position:relative;
    padding:50px 0;
}

#top_company .details .background {
    width:95%;
    height:100%;
    background:#fff;
    position:absolute;
    top:0;
    right:0;
}

#top_company .details .top_company_gallery {
    width:90%;
    height:60vw;
    overflow:hidden;
    margin-bottom:30px;
}

#top_company .details .top_company_gallery .photo {
}

#top_company .details .top_company_gallery .photo1 {
    background:url(../img/company_main_1.jpg) center;
    background-size:cover;
}

#top_company .details .top_company_gallery .photo2 {
    background:url(../img/company_main_2.jpg) center;
    background-size:cover;
}

#top_company .details .top_company_gallery .photo3 {
    background:url(../img/company_main_3.jpg) center;
    background-size:cover;
}

#top_company .details .detail {
    width:80%;
    position:relative;
    margin-left:15%;
    z-index:999;
}

#top_company .details .detail h3 {
    font-size:150%;
    line-height:150%;
    letter-spacing:5px;
    color:#c8b478;
    margin-bottom:15px;
}

#top_company .details .detail .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    color:#000;
}

#top_company .details .detail .more_btn {
    margin-top:30px;
    text-align:center;
}

#top_company .photos {
    width:95%;
    display:flex;
}

#top_company .photos .photo {
    width:25%;
    height:25vw;
}

#top_company .photos .photo1 {
    background:url(../img/company_1.jpg) center;
    background-size:cover;
}

#top_company .photos .photo2 {
    background:url(../img/company_2.jpg) center;
    background-size:cover;
}

#top_company .photos .photo3 {
    background:url(../img/company_3.jpg) center;
    background-size:cover;
}

#top_company .photos .photo4 {
    background:url(../img/company_4.jpg) center;
    background-size:cover;
}




/*TOP SERVICE*/
#top_service {
    padding:70px 0 100px;
    position:relative;
    overflow:hidden;
}

#top_service .background {
    width:100%;
    height:101px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
}

#top_service .typo {
    font-size:600%;
    line-height:100%;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    color:rgba(200,180,120,0.3);
    z-index:1;
}

#top_service .intro {
    text-align:center;margin-bottom:30px;
}

#top_service .intro h3 {
    font-size:150%;
    line-height:150%;
    letter-spacing:5px;
    color:#c8b478;
    margin-bottom:15px;
}

#top_service .intro .copy {
    width:90%;
    margin:auto;
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    text-align:left;
}

#top_service .services {
    width:90%;
    margin:auto;
}

#top_service .services .service {
    width:100%;
    position:relative;
    margin-bottom:30px;
    padding-bottom:30px;
}

#top_service .services .service:last-child {
    margin-bottom:0;
}

#top_service .services .service:after {
    content:"";
    width:120%;
    height:100vw;
    background:#fff;
    position:absolute;
    bottom:0;
    left:-10%;
    right:0;
    margin:auto;
    z-index:-1;
}

#top_service .services .service .photo {
    width:100%;
    height:70vw;
    position:relative;
    margin-bottom:120px;
}

#top_service .services .top_urban .photo {
    background:url(../img/service_1.jpg) center;
    background-size:cover;
}

#top_service .services .top_used .photo {
    background:url(../img/service_2.jpg) center;
    background-size:cover;
}

#top_service .services .top_resort .photo {
    background:url(../img/service_3.jpg) center;
    background-size:cover;
}

#top_service .services .top_crowdfunding .photo {
    background:url(../img/service_4.jpg) center;
    background-size:cover;
}

#top_service .services .photo .items {
    width:80%;
    background:rgba(255,255,255,0.9);
    padding:15px 0 0 0;
    display:inline-block;
    position:absolute;
    bottom:-100px;
}

#top_service .services .photo .items .item {
    font-size:220%;
    line-height:125%;
    color:#000;
    margin-bottom:5px;
}

#top_service .services .photo .items .kana {
    letter-spacing:2px;
    color:#000;
}

#top_service .services .detail {
    position:relative;
}

#top_service .services .detail .tx {
    font-size:80%;
    line-height:170%;
    letter-spacing:1.5px;
    color:#969696;
    margin-bottom:20px;
}

#top_service .services .service .more_btn {
    text-align:center;
}





/*TOP RECRUIT*/
#top_recruit {
    padding:0 0 90vw;
    position:relative;
    overflow:hidden;
}

#top_recruit .background {
    width:100%;
    height:200px;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
}

#top_recruit .typo {
    font-size:500%;
    line-height:100%;
    position:absolute;
    bottom:10px;
    left:-15px;
    color:rgba(200,180,120,0.3);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index:999;
}

#top_recruit .details {
    display:flex;
    justify-content:space-between;
}

#top_recruit .details .photos {
    width:95%;
    height:70vw;
    overflow:hidden;
}

#top_recruit .details .photos .top_recruit_gallery {
    width:100%;
    height:100%;
}

#top_recruit .details .photos .top_recruit_gallery .photo {
    width:100%;
    height:100%;
}

#top_recruit .details .photos .top_recruit_gallery .photo1 {
    background:url(../img/recruit_1.jpg) center;
    background-size:cover;
}

#top_recruit .details .photos .top_recruit_gallery .photo2 {
    background:url(../img/recruit_2.jpg) center;
    background-size:cover;
}

#top_recruit .details .photos .top_recruit_gallery .photo3 {
    background:url(../img/recruit_3.jpg) center;
    background-size:cover;
}

#top_recruit .details .detail {
    width:90%;
    padding:25px 25px;
    background:rgba(255,255,255,0.9);
    position:absolute;
    right:0;
    bottom:50px;
    z-index:999;
    text-align:center;
}

#top_recruit .details .detail .subtitles {
    text-align:center;
}

#top_recruit .details .detail h3 {
    font-size:150%;
    line-height:135%;
    letter-spacing:5px;
    color:#c8b478;
    margin-bottom:15px;
}

#top_recruit .details .detail .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    color:#000;
    text-align:left;
}

#top_recruit .details .detail .more_btn {
    margin-top:20px;
    text-align:center;
}




/*-----CTA-----*/
#cta {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    max-height:100vw;
    overflow:hidden;
}

#cta .mask {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    position:absolute;
    top:0;
    left:0;
}

#cta .photos {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

#cta .photos .photo {
    width:33.333%;
}

#cta .detail {
    position:absolute;
    text-align:center;
}

#cta .detail .cta_title {
    text-align:center;
    margin-bottom:30px;
}

#cta .detail .cta_title h2 {
    font-size:300%;
    line-height:100%;
    color:#c8b478;
    position:relative;
    display:inline-block;
    margin-bottom:10px;
}

#cta .detail .cta_title .line {
    height:1px;
    background:#c8b478;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
}

#cta .detail .cta_title .kana {
    color:#fff;
}

#cta .detail .copy {
    width:100%;
    margin:0 auto 25px;
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}




/*----- UNDER -----*/
.under {
    margin:60px 0 0;
}

.under .pagetitles {
    width:100%;
    height:220px;
    background:#000e26;
    margin-bottom:50px;
    position:relative;
    display:flex;
    align-items:center;
}

.under .pagetitles .bg {
    width:70%;
    height:100%;
    position:relative;
    margin:0 0 0 auto;
}

.under .pagetitles .bg:before {
    content:"";
    width:50%;
    height:100%;
    background:linear-gradient(to right,rgba(0,14,38,1),rgba(0,14,38,0));
    position:absolute;
    top:0;
    left:0;
}

.under .pagetitles .bg:after {
    content:"";
    width:100%;
    height:100%;
    background:rgba(0,14,38,0.9);
    position:absolute;
    top:0;
    left:0;
}

.under .pagetitles .pagetitle {
    position:absolute;
    left:30px;
}

.under .pagetitles .pagetitle h2 {
    font-size:300%;
    font-weight:500;
    line-height:100%;
    position:relative;
    display:flex;
    align-items:center;
}

.under .pagetitles .pagetitle h2:before {
    content:"";
    width:50px;
    height:1px;
    background:#fff;
    position:absolute;
    top:25px;
    left:-65px;
}

/*
.under.service .pagetitles .pagetitle h2 {
    font-size:420%;
    font-weight:500;
    line-height:100%;
    position:relative;
    display:flex;
    align-items:center;
}

.under.service .pagetitles .pagetitle h2:before {
    content:"";
    width:50px;
    height:1px;
    background:#fff;
    position:absolute;
    top:35px;
    left:-65px;
}
*/

.under .pagetitles .pagetitle .kana {
    font-size:90%;
    font-weight:500;
    letter-spacing:2px;
    margin-top:5px;
}

.under .pagetitles .pagetitle .bread {
    margin-top:20px;
}

.under .pagetitles .pagetitle .bread p {
    font-size:60%;
    letter-spacing:1px;
    color:#787878;
}

.under .pagetitles .pagetitle .bread p a {
    color:#787878;
}

.under .main {
    padding-bottom:50px;
}

.under .corner {
}

.under .corner .cate_titles {
    display:inline-block;
    margin-bottom:15px;
}

.under .corner .cate_titles .cate_title {
    font-size:90%;
    font-weight:600;
    letter-spacing:1.5px;
    color:#c8b478;
}

.under .corner .cate_titles .line {
    height:1px;
    background:#c8b478;
}




/*----- COMPANY -----*/
#company {
}

#company .pagetitles .bg {
    background:url(../company/img/pagetitle.jpg) center;
    background-size:cover;
}

#company .intro {
    margin-bottom:70px;
}

#company .intro .photo {
    width:95%;
    height:60vw;
    background:url(../company/img/main.jpg) center;
    background-size:cover;
    margin-bottom:30px;
}

#company .intro .details {
    width:90%;
    margin:auto;
}

#company .intro .details .detail {
    width:100%;
}

#company .intro .details .detail .typo {
    font-size:200%;
    font-weight:600;
    line-height:120%;
    letter-spacing:3px;
    color:#c8b478;
    margin-bottom:15px;
}

#company .intro .details .detail .line {
    height:1px;
    background:#fff;
    margin-bottom:20px;
}

#company .intro .details .detail .copy {
    font-size:150%;
    letter-spacing:5px;
    margin-bottom:15px;
}

#company .intro .details .detail .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#company #overview {
    margin-bottom:70px;
    display:flex;
}

#company #overview .cts {
    width:100%;
    display:flex;
    justify-content:space-between;
}

#company #overview .cts .blank {
    width:5%;
}

#company #overview .cts .white {
    width:5%;
    background:#fff;
}

#company #overview .contents {
    width:100%;
    background:#fff;
    padding:35px 10px 30px 25px;
}

#company #overview .contents .corner {
    text-align:center;
    margin-bottom:10px;
}

#company #overview .contents .overviews {
}

#company #overview .contents .overviews .overview {
    border-bottom:#f0f0f0 1px solid;
    padding:15px 0;
}

#company #overview .contents .overviews .overview p {
    color:#000;
}

#company #overview .contents .overviews .overview:first-child {
    border-top:#f0f0f0 1px solid;
}

#company #overview .contents .overviews .overview:last-child {
    padding-bottom:0;
    border-bottom:none;
}

#company #overview .contents .overviews .overview .item {
    width:100%;
    font-size:90%;
    font-weight:600;
    line-height:180%;
    letter-spacing:2px;
}

#company #overview .contents .overviews .overview .detail {
    width:100%;
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#company #overview .contents .overviews .overview .detail .office {
}

#company #overview .contents .overviews .overview .detail .office li {
    margin-bottom:10px;
}

#company #overview .contents .overviews .overview .detail .office li:last-child {
    margin-bottom:0;
}

#company #overview .contents .overviews .overview .detail .office li p {
}

#company #overview .contents .overviews .overview .detail .office li p span:first-child {
    white-space:nowrap;
}

#company #overview .contents .overviews .overview:last-child .detail .office li p {
    display:block;
}

#company #overview .contents .overviews .overview .branch {
}

#company #overview .contents .overviews .overview .branch li {
    display:block;
    margin-bottom:10px;
}

#company #overview .contents .overviews .overview .branch li:last-child {
    margin-bottom:0;
}

#company #overview .contents .overviews .overview .branch li span {
}

#company #overview .contents .overviews .overview .branch li span:first-child {
    font-weight:500;
}

#company #overview .contents .overviews .overview .branch li:last-child {
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:0;
}

#company #access {
}

#company #access .corner {
    text-align:center;
    margin-bottom:10px;
}

#company #access .main_map {
    margin-bottom:50px;
}

#company #access .main_map .map {
    width:100%;
    height:70vw;
    margin-bottom:20px;
    filter: grayscale(100%);
}

#company #access .main_map .detail {
}

#company #access .main_map .detail .company {
    font-size:100%;
    font-weight:600;
    line-height:180%;
    letter-spacing:2px;
}

#company #access .main_map .detail .address {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#company #access .main_map .detail .access {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#company #access .branch_map {
}

#company #access .branch_map .maps {
}

#company #access .branch_map .maps .branch {
    width:100%;
    margin-bottom:35px;
}

#company #access .branch_map .maps .branch:last-child {
    margin-bottom:0;
}

#company #access .branch_map .maps .branch .map {
    width:100%;
    height:70vw;
    filter: grayscale(100%);
    margin-bottom:15px;
}

#company #access .branch_map .maps .branch .detail {
}

#company #access .branch_map .maps .branch .detail .office {
    font-weight:600;
    line-height:180%;
    letter-spacing:2px;
}

#company #access .branch_map .maps .branch .detail .address {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}


 

/*----- SERVICE -----*/
.service {
}

.service .intro {
    padding-top:60vw;
    margin-bottom:70px;
    position:relative;
}

.service .intro .photo {
    width:100%;
    height:70vw;
    background:#000;
    position:absolute;
    top:0;
    left:0;
}

.service .intro .details {
    width:90%;
    background:rgba(255,255,255,0.9);
    margin:0 auto;
    padding:30px 25px 25px;
    position:relative;
}

.service .intro .details .detail {
    width:100%;
}

.service .intro .details .detail .typo {
    font-size:150%;
    font-weight:600;
    line-height:120%;
    letter-spacing:3px;
    color:#c8b478;
    margin-bottom:15px;
    text-align:center;
}

.service .intro .details .detail .line {
    height:1px;
    background:#000;
    margin:0 auto 15px;
}

.service .intro .details .detail .copy {
    font-size:150%;
    letter-spacing:5px;
    margin-bottom:10px;
    color:#000;
    text-align:center;
}

.service .intro .details .detail .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    color:#000;
}

.service .explains {
    width:90%;
    margin:auto;
    margin-bottom:50px;
}

.service .explains .photo {
    width:100%;
    height:60vw;
    max-height:450px;
    background:#000;
}

.service .explains .explain {
    width:100%;
}

.service .explains .explain .copies {
    margin-bottom:30px;
}

.service .explains .explain .copies .corner {
    text-align:center;
}

.service .explains .explain .copies .corner .cate_titles {
    margin-bottom:15px;
}

.service .explains .explain .copies .copy {
    font-size:150%;
    letter-spacing:5px;
    margin-bottom:15px;
    text-align:center;
}

.service .explains .explain .copies .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}




/*----- SERVICE URBAN -----*/
#urban {
}

#urban .pagetitles .bg {
    background:url(../service/urban/img/pagetitle.jpg) center;
    background-size:cover;
}

#urban .intro {
}

#urban .intro .photo {
    background:url(../service/urban/img/intro.jpg) center;
    background-size:cover;
}

#urban .explains .photo {
    background:url(../service/urban/img/about.jpg) center;
    background-size:cover;
}

#urban .cases {
}

#urban .cases .case {
    display:flex;
    margin-bottom:30px;
}

#urban .cases .case:last-child {
    margin-bottom:0;
}

#urban .cases .case:nth-child(odd) {
    flex-direction:row-reverse;
}

#urban .cases .case .blank {
    width:5%;
}

#urban .cases .case .white {
    width:5%;
    background:#fff;
}

#urban .cases .case .case_cts {
    width:90%;
    background:#fff;
    padding:35px 5% 35px 2%;
}

#urban .cases .case:nth-child(even) .case_cts {
    padding:35px 0 35px 7%;
}

#urban .cases .case .case_cts .corner {
    text-align:center;
}

#urban .cases .case .case_cts .corner .cate_titles {
    margin-bottom:10px;
}

#urban .cases .case .case_cts .copy {
    font-size:150%;
    line-height:150%;
    letter-spacing:5px;
    margin-bottom:20px;
    color:#000;
    text-align:center;
}

#urban .cases .case:last-child .copy {
    margin-bottom:15px;
}

#urban .cases .case .case_cts .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    color:#000;
}

#urban .cases .case:last-child .case_cts .tx {
    margin-bottom:20px;
}

#urban .cases .case .case_cts .flows {
    display:flex;
    justify-content:center;
}

#urban .cases .case .case_cts .flows .arrow {
    width:20px;
    margin:30px 10px 0 10px;
}

#urban .cases .case .case_cts .flows .flow {
    width:30%;
    text-align:center;
}

#urban .cases .case .case_cts .flows .flow .illust {
}

#urban .cases .case .case_cts .flows .flow .status {
    width:100%;
    font-size:60%;
    line-height:150%;
    letter-spacing:0;
    padding:6px 5px;
    color:#000;
    border:#000 1px solid;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:15px;
}

#urban .cases .case:nth-child(-n+2) .case_cts .flows .flow .status {
    margin-bottom:20px;
}

#urban .cases .case:nth-child(n+2) .case_cts .flows .flow .status {
    min-height:40px;
}

#urban .cases .case:last-child .case_cts .flows .flow .status {
    margin-bottom:15px;
}

#urban .cases .case:last-child .case_cts .flows .flow .ex {
    font-size:70%;
    line-height:160%;
    letter-spacing:1px;
    color:#000;
    text-align:left;
}

#urban .cases .case:last-child .case_cts .flows .flow .attention {
    font-size:60%;
    line-height:150%;
    letter-spacing:1px;
    color:#000;
    display:flex;
    text-align:left;
    margin-top:5px;
}




/*----- SERVICE VALUEUP -----*/
#valueup {
}

#valueup .pagetitles .bg {
    background:url(../service/valueup/img/pagetitle.jpg) center;
    background-size:cover;
}

#valueup .intro {
}

#valueup .intro .photo {
    background:url(../service/valueup/img/intro.jpg) center;
    background-size:cover;
}

#valueup .explains .photo {
    background:url(../service/valueup/img/about.jpg) center;
    background-size:cover;
}

#valueup .case {
    width:90%;
    margin:0 auto 70px;
    background:#fff;
    padding:35px 25px;
}

#valueup .case .copy {
    font-size:150%;
    line-height:150%;
    letter-spacing:3px;
    margin-bottom:20px;
    color:#000;
    text-align:center;
}

#valueup .case .corner {
    text-align:center;
}

#valueup .case .cate_titles {
}

#valueup .case .flows {
    display:flex;
    justify-content:center;
    margin-bottom:25px;
}

#valueup .case .flows p {
    color:#000;
}

#valueup .case .flows .flow {
    width:180px;
    text-align:center;
}

#valueup .case .flows .arrow {
    width:30px;
    margin:60px 5px 0 5px;
}

#valueup .case .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    color:#000;
}

#valueup .case .flows .flow .status {
    width:100%;
    font-size:65%;
    line-height:100%;
    letter-spacing:0;
    display:inline-block;
    border:#000 1px solid;
    padding:7px 3px;
}

#valueup .case .flows .flow:last-child .status {
    border:#c84632 1px solid;
    color:#c84632;
}

#valueup .case .flows .flow .illust {
    margin:10px 0;
}

#valueup .case .flows .flow .owner {
    font-size:70%;
    line-height:180%;
    letter-spacing:2px;
}

#valueup .case .flows .flow:last-child .owner {
    color:#c84632;
}

#valueup .about {
    width:90%;
    margin:auto;
}

#valueup .about .corner {
    text-align:center;
}

#valueup .about .corner .cate_titles {
    margin-bottom:25px;
}

#valueup .about .details {
}

#valueup .about .details .detail {
    width:100%;
}

#valueup .about .details .detail:first-child {
    margin-bottom:50px;
}

#valueup .about .details .detail .photo {
    margin-bottom:25px;
}

#valueup .about .details .detail .item {
    font-size:135%;
    letter-spacing:5px;
    margin-bottom:25px;
    text-align:center;
    margin-bottom:15px;
}

#valueup .about .details .detail .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}





/*----- SERVICE RESORT -----*/
#resort {
}

#resort .pagetitles .bg {
    background:url(../service/resort/img/pagetitle.jpg) center;
    background-size:cover;
}

#resort .resorts {
}

#resort .resorts .resort {
    margin-bottom:100px;
}

#resort .resorts .resort:last-child {
    margin-bottom:0;
}

#resort .intro {
}

#resort .intro .photo {
    background:url(../service/resort/img/intro.jpg) center;
    background-size:cover;
}

#resort .explains {
    margin-bottom:30px;
}

#resort .resorts #atami .explains .photo {
    background:url(../service/resort/img/atami_main.jpg) center;
    background-size:cover;
}

#resort .resorts #shimotaga .explains .photo {
    background:url(../service/resort/img/shimotaga_main.jpg) center;
    background-size:cover;
}

#resort .resorts #shimotaga .explains {
    flex-direction:row-reverse;
}

#resort .resorts #shimotaga .explains .explain .copies {
    margin-bottom:30px;
}

#resort .gallery_list {
    width:90%;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
}

#resort .gallery_list li {
    width:32%;
    margin:0 2% 2% 0;
}

#resort .gallery_list li:nth-child(3n) {
    margin-right:0;
}

#resort .gallery_list li:nth-last-child(-n+3) {
    margin-bottom:0;
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	opacity: 0;
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0px;
	background: transparent;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: auto;
}







/*----- TOPICS -----*/
#topics_index {
}

#topics_index .pagetitles .bg {
    background:url(../topics/img/pagetitle.jpg) center;
    background-size:cover;
}

#topics_index .category {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:20px;
}

#topics_index .category nav {
    margin:0 20px 18px 0;
}

#topics_index .category nav a {
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:100%;
}

#topics_index .category nav a p {
    font-size:90%;
    font-weight:500;
    line-height:100%;
    letter-spacing:1px;
}

#topics_index .category nav.now a {
    pointer-events:none;
    border-bottom:#fff 1px solid;
}

#topics_index .category nav.now a p {
    line-height:100%;
}

#topics_index .category nav.none a {
    pointer-events:none;
    opacity:0.5;
    display:none;
}

#topics_index .topics {
    position:relative;
    margin-bottom:25px;
}

#topics_index .topics .topic {
    position:relative;
    margin-bottom:15px;
}

#topics_index .topics .topic:last-child {
    margin-bottom:0;
}

#topics_index .topics .topic a {
    padding:20px 25px;
    display:block;
    position:relative;
    background:rgba(0,0,0,0.5);
}

#topics_index .topics .topic a .date_cate {
    width:100%;
    display:flex;
    align-items:center;
    margin-right:30px;
}

#topics_index .topics .topic a .date_cate .date {
    margin-right:20px;
}

#topics_index .topics .topic a .date_cate .cate {
    font-size:90%;
    text-decoration:underline;
}

#topics_index .topics .topic a .date_cate .cate p {
    font-size:100%;
    line-height:150%;
    letter-spacing:1px;
    color:#fff;
}

#topics_index .topics .topic a .subject {
    width:100%;
}


.pagenation {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:30px;
}

.pagenation nav {
    line-height:100%;
    margin:0 10px;
}

.pagenation nav:first-child {
}

.pagenation nav a {
    font-size:90%;
}

.pagenation nav.now a {
    pointer-events:none;
    text-decoration:underline;
}

.pagenation nav.now a p {
    color:#fff;
    line-height:100%;
}

.pagenation nav.none a {
    pointer-events:none;
    opacity:0.5;
    display:none;
}



/*-----TOPICS DETAIL-----*/
#topics_detail {
}

#topics_detail .cts {
}

#topics_detail .pagetitles .bg {
    background:url(../topics/img/pagetitle.jpg) center;
    background-size:cover;
}

#topics_detail article {
    background:#fff;
    padding:35px 25px 25px;
}

#topics_detail article p {
    color:#000;
}

#topics_detail article .corner {
    text-align:center;
}

#topics_detail article .corner .cate_titles {
    margin-bottom:15px;
}

#topics_detail article .corner .cate_title {
    color:#c8b478;   
}

#topics_detail article h3 {
    font-size:150%;
    line-height:135%;
    letter-spacing:3px;
    color:#000;
    margin-bottom:10px;
}

#topics_detail article .date_cate {
    display:flex;
    align-items:center;
}

#topics_detail article .date_cate .date {
    margin-right:15px;
}

#topics_detail article .date_cate .cate {
    font-size:90%;
    text-decoration:underline;
}

#topics_detail article .photo {
    margin-top:40px;
}

#topics_detail article .ex {
    margin-top:40px;
}

#topics_detail article .ex p {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#topics_detail article .youtube {
    margin:40px auto 0;
    padding-top: 56.25%;
    position:relative;
}

#topics_detail article .youtube iframe {
    position: absolute;
    top:0;
    right:0;
    width:100% !important;
    height:100% !important;
}

#topics_detail article .btns {
    margin-top:40px;
}

#topics_detail article .btns .btn {
    position:relative;
    display:flex;
    align-items:center;
}

#topics_detail article .btns .btn:first-child {
}

#topics_detail article .btns .btn:last-child {
    margin-bottom:0;
}

#topics_detail article .btns .btn .icon {
    width:25px;
    margin-right:10px;
}

#topics_detail article .btns .btn a {
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
}

#topics_detail article .btns .btn a p {
    font-weight:500;
    letter-spacing:2px;
    color:#c8b478;
}

#topics_detail .back_btn {
    text-align:center;
    margin-top:25px;
}







/*----- CONTACT -----*/
#contact {
}

#contact .pagetitles .bg {
    background:url(../contact/img/pagetitle.jpg) center;
    background-size:cover;
}

#contact .cts {
    background:#fff;
    padding:35px 25px 25px;
}

#contact .corner {
    text-align:center;
}

#contact .intro {
}

#contact .intro p {
    color:#000;
    text-align:center;
}

#contact .intro .copy {
    font-size:120%;
    letter-spacing:5px;
    margin-bottom:5px;
}

#contact .intro .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    text-align:left;
}

#contact .guide {
    background:#f4f0e4;
    padding:20px 20px;
    margin:15px 0 20px;
}

#contact .guide p {
    color:#000;
}

#contact .guide .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    color:#000;
}

#contact .guide .attention {
    margin-top:5px;
}

#contact .guide .attention p {
    display:flex;
    font-size:70%;
    letter-spacing:1px;
}

#contact #contact_form {
}

#contact #contact_form p {
    color:#000;
}

#contact #contact_form .form_cts {
}

#contact #contact_form .form_cts .forms {
}

#contact #contact_form .form_cts .forms .form {
    border-bottom:#f0f0f0 1px solid;
    padding:20px 0;
}

#contact #contact_form .form_cts .forms .form:first-child {
    border-top:#f0f0f0 1px solid;
}

#contact #contact_form .form_cts .forms .form .items {
    width:100%;
    display:flex;
    align-items:center;
    margin-bottom:6px;
}

#contact #contact_form .form_cts .forms .form .items .required {
    font-size:60%;
    line-height:100%;
    padding:3px 5px;
    margin-right:10px;
    border:#c84632 1px solid;
    color:#c84632;
}

#contact #contact_form .form_cts .forms .form .items .any {
    font-size:60%;
    line-height:100%;
    padding:3px 5px;
    margin-right:10px;
    border:#c8b478 1px solid;
    color:#c8b478;
}

#contact #contact_form .form_cts .forms .form .items .item {
    font-size:90%;
    font-weight:400;
    letter-spacing:2px;
}

#contact #contact_form .form_cts .forms .form .detail {
    width:100%;
}

#contact #contact_form .form_cts .forms .form:nth-last-child(-n+2) {
    align-items:flex-start;
}




/*THANKS*/
#contact #contact_form .thanks {
    text-align:center;
    padding:50px 0;
}

#contact #contact_form .thanks h3 {
    font-size:150%;
    font-weight:bold;
    color:#c84632;
    padding-bottom:30px;
}

#contact #contact_form .thanks .tx {
    padding-bottom:15px;
}

#contact #contact_form .thanks .attention {
    font-size:80%;
    color:#969696;
    padding-top:5px;
}


/*FORM*/
input,textarea,select {
    padding:15px 20px;
}

form .style_name {
    width:100%;
}

form .style_kana {
    width:100%;
}

form .style_mail {
    width:100%;
}

form .style_tel {
    width:100%;
}

form .style_select {
    width:100%;
}

form .style_detail {
    width:100%;
    height:250px;
    vertical-align:top;
}

form .btns {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:20px;
}

form .warning {
    font-size:80%;
}

form .warning.block {
    display:block;
    line-height:100%;
    margin-top:10px;
    color:#c84632;
}

form .btns .btn {
    margin:0 10px;
}

form .btns .btn input:hover {
    -webkit-animation:hover 0.5s ease forwards;
    animation:hover 0.5s ease forwards;
}

form .btns .btn .style_submit {
    border:none;
    background:#c84632;
    width:200px;
    padding:15px;
    cursor:pointer;
    color:#fff;
    font-weight:600;
}

#contact .btns .btn .accepted:disabled {
    background:#ddd;
    pointer-events:none;
}

form .btns .btn .style_fix {
    border:none;
    background:#f4f0e4;
    width:200px;
    padding:15px;
    cursor:pointer;
}

form .detail .privacy_policy {
}

form .detail .privacy_policy .privacies {
    height:250px;
    border:#eee 1px solid;
    padding:20px 25px;
    overflow-y:scroll;
    margin-bottom:12px;
}

form .detail .privacy_policy .privacies .privacy {
    border-bottom:#f0f0f0 1px solid;
    padding-bottom:15px;
    margin-bottom:15px;
}

form .detail .privacy_policy .privacies .privacy:last-child {
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:0;
}

form .detail .privacy_policy .privacies .privacy .tx {
    font-size:80%;
}

form .detail .privacy_policy .privacies .privacy .attention {
    display:flex;
    font-size:80%;
    padding-top:5px;
}

form .detail .privacy_policy .privacies .privacy .item {
    font-size:80%;
    font-weight:500;
    margin-bottom:5px;
}

form .detail .privacy_policy .privacies .privacy ul {
}

form .detail .privacy_policy .privacies .privacy ul li {
    display:flex;
}

form .detail .privacy_policy .privacies .privacy ul li p {
    font-size:80%;
}

form .detail .consent_cap {
    font-size:90%;
    letter-spacing:1px;
    padding-bottom:12px;
}

form .detail .consent {
    display:flex;
    align-items:center;
    position:relative;
}

form .detail .consent label {
    cursor:pointer;
    padding-left:5px;
    font-size:90%;
    font-weight:500;
    letter-spacing:1px;
    color:#000;
    position:relative;
}

form .detail .consent label:before {
    content:"";
    width:15px;
    height:15px;
    border:#c8b478 1px solid;
    display:inline-block;
    position:absolute;
    top:5px;
    left:-20px;
}

form .detail .consent label:after {
    content:"";
    width:10px;
    height:15px;
    border-right:#c84632 2px solid;
    border-bottom:#c84632 2px solid;
    display:block;
    transform:rotate(45deg);
    position:absolute;
    top:0;
    left:-13px;
    opacity:0;
}

form .detail input[type="checkbox"] {
width:20px;
visibility:hidden;
}

form .detail input[type="checkbox"]:checked + label:after {
opacity:1;
}






/*----- RECRUIT -----*/
#recruit {
}

#recruit .pagetitles .bg {
    background:url(../recruit/img/pagetitle.jpg) center;
    background-size:cover;
}

#recruit .main {
    min-height:200px;
}

#recruit .main .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#recruit .intro {
    margin-bottom:70px;
}

#recruit .intro .photo {
    width:95%;
    height:60vw;
    background:url(../company/img/main.jpg) center;
    background-size:cover;
    margin-bottom:30px;
}

#recruit .intro .details {
    width:90%;
    margin:auto;
}

#recruit .intro .details .detail {
    width:100%;
}

#recruit .intro .details .detail .typo {
    font-size:200%;
    font-weight:600;
    line-height:120%;
    letter-spacing:3px;
    color:#c8b478;
    margin-bottom:15px;
}

#recruit .intro .details .detail .line {
    height:1px;
    background:#fff;
    margin-bottom:20px;
}

#recruit .intro .details .detail .copy {
    font-size:150%;
    letter-spacing:5px;
    margin-bottom:15px;
}

#recruit .intro .details .detail .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#recruit #job {
    margin-bottom:70px;
    display:flex;
}

#recruit #job .cts {
    width:100%;
    display:flex;
    justify-content:space-between;
}

#recruit #job .cts .blank {
    width:5%;
}

#recruit #job .cts .white {
    width:5%;
    background:#fff;
}

#recruit #job .contents {
    width:100%;
    background:#fff;
    padding:35px 10px 30px 25px;
}

#recruit #job .contents .corner {
    text-align:center;
    margin-bottom:10px;
}

#recruit #job .contents .jobs {
}

#recruit #job .contents .jobs .job {
    border-bottom:#f0f0f0 1px solid;
    padding:15px 0;
}

#recruit #job .contents .jobs .job p {
    color:#000;
}

#recruit #job .contents .jobs .job:first-child {
    border-top:#f0f0f0 1px solid;
}

#recruit #job .contents .jobs .job:last-child {
    padding-bottom:0;
    border-bottom:none;
}

#recruit #job .contents .jobs .job .item {
    width:100%;
    font-size:90%;
    font-weight:600;
    line-height:180%;
    letter-spacing:2px;
}

#recruit #job .contents .jobs .job .detail {
    width:100%;
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#recruit #process {
    margin-bottom:30px;
}

#recruit #process .corner {
    text-align:center;
    margin-bottom:0;
}

#recruit #process .copy {
    text-align:center;
}

#recruit #process .attention {
    margin-top:5px;
}

#recruit #process .attention p {
    font-size:70%;
    color:#969696;
    display:flex;
    justify-content:center;
}

#recruit #process .flows {
    margin-top:20px;
}

#recruit #process .flows .flow {
    width:100%;
    position:relative;
    border:#fff 1px solid;
    margin-bottom:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:10px 0 10px 40px;
}

#recruit #process .flows .flow:after {
    content:"";
    width:20px;
    height:30px;
    background:#c8b478;
    position:absolute;
    left:0;
    right:0;
    bottom:-31px;
    margin:auto;
}

#recruit #process .flows .flow:last-child {
    margin-bottom:0;
}

#recruit #process .flows .flow:last-child:after {
    display:none;
}

#recruit #process .flows .flow .number {
    width:80px;
    height:30px;
    font-size:80%;
    line-height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:#fff 1px solid;
    border-left:none;
    position:absolute;
    left:0;
    margin:auto;
    text-align:center;
}

#recruit #process .flows .flow .scene {
    width:80px;
    display:flex;
    margin-right:15px;
}

#recruit #process .flows .flow .scene img {
}

#recruit #process .flows .flow .status {
    width:30%;
    font-size:90%;
    font-weight:600;
    color:#c8b478;
}

#recruit .more_btn {
    text-align:center;
}





/*----- PRIVACY -----*/
#privacy {
}

#privacy .pagetitles .bg {
    background:url(../privacy/img/pagetitle.jpg) center;
    background-size:cover;
}

#privacy .pagetitles .pagetitle h2 {
}

#privacy .corner {
    text-align:center;
}

#privacy .corner .cate_titles {
    margin-bottom:20px;
}

#privacy .cts {
    width:100%;
    display:flex;
}

#privacy .cts .white {
    background:#fff;
    width:5%;
}

#privacy .cts .blank {
    width:5%;
}

#privacy .cts .privacy_cts {
    width:100%;
    background:#fff;
    padding:45px 5% 25px 5%;
}

#privacy .privacies {
}

#privacy .privacies .privacy {
    border-bottom:#f0f0f0 1px solid;
    padding-bottom:20px;
    margin-bottom:20px;
}

#privacy .privacies .privacy:last-child {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none;
}

#privacy .privacies .privacy .item {
    font-size:100%;
    letter-spacing:2px;
    margin-bottom:5px;
    color:#000;
}

#privacy .privacies .privacy .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
    color:#000;
}







/*GROBAL*/
#grobal {
}

#grobal .nav_btn {
width:40px;
height:22px;
position:fixed;
top:18px;
right:15px;
display:flex;
justify-content:center;
align-items:center;
z-index:9998;
cursor:pointer;
}

#grobal .nav_btn span {
width:100%;
height:1px;
background:#c8b478;
position:absolute;
}

#grobal .nav_btn span:first-child {
top:0;
transition:0.5s;
}

#grobal .nav_btn span.show:first-child {
top:11px;
transform:rotate(45deg);
}

#grobal .nav_btn span:nth-child(2) {
transition:0.5s;
}

#grobal .nav_btn span.show:nth-child(2) {
opacity:0;
}

#grobal .nav_btn span:last-child {
bottom:0;
transition:0.5s;
}

#grobal .nav_btn span.show:last-child {
bottom:11px;
transform:rotate(-45deg);
}

#grobal .nav_close {
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
position:fixed;
top:0;
left:0;
display:none;
cursor:pointer;
z-index:9998;
}

#grobal .grobal_nav {
width:80vw;
height:100%;
position:fixed;
top:0;
left:0;
background:linear-gradient(rgba(0,20,50,0.9),rgba(0,30,70,0.9),rgba(0,20,50,0.9));
display:flex;
justify-content:center;
align-items:flex-start;
flex-direction:column;
transform:translate(-100%,0);
transition:0.5s;
z-index:9999;
padding-left:50px;
}

#grobal .grobal_nav.show {
transform:translate(0,0);
}

#grobal .grobal_nav nav {
    margin-bottom:20px;
}

#grobal .grobal_nav nav a {
    display:flex;
    align-items:center;
}

#grobal .grobal_nav nav p {
    font-size:115%;
    font-weight:500;
    letter-spacing:1.5px;
    color:#fff;
}

#grobal .grobal_nav .open_nav {
    margin-bottom:20px;
}

#grobal .grobal_nav .open_nav nav {
    margin-bottom:5px;
}

#grobal .grobal_nav .navies {
    margin:0 0 20px 20px;
}

#grobal .grobal_nav .navies .navi {
    margin-top:20px;
}

#grobal .grobal_nav .navies .navi a {
}

#grobal .grobal_nav .navies .navi a p {
    font-size:95%;
    font-weight:400;
    line-height:135%;
    letter-spacing:1.5px;
    position:relative;
    display:flex;
    align-items:center;
}

#grobal .grobal_nav .navies .navi a p:before {
    content:"";
    width:15px;
    height:1px;
    background:#fff;
    position:absolute;
    left:-20px;
}

#grobal .grobal_nav .navies.show {
    display:block;
}





/*HEADER BG*/
.header_bg {
position:fixed;
width:100%;
height:60px;
background:linear-gradient(rgba(0,20,50,0.9),rgba(0,30,70,0.9),rgba(0,20,50,0.9));
top:0;
left:0;
z-index:1000;
display:none;
}



/*SPONSOR*/
#sponsor {
    width:100%;
    padding:30px 0;
    background:#000;
}

#sponsor .cts {
    width:100%;
}

#sponsor .item {
    margin-bottom:15px;
    text-align:center;
}

#sponsor .item p {
    font-size:200%;
    color:#c8b478;
}

#sponsor .banners {
    display:flex;
    align-items:center;
}

#sponsor .banners .banner {
    width:50%;
}

#sponsor .banners .banner:first-child {
    border-right:#141414 1px solid;
}

#sponsor .banners .banner a {
    text-align:center;
}

#sponsor .banners .banner .icon {
    width:120px;
    height:70px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 10px;
}

#sponsor .banners .banner:last-child .icon img {
    width:50px;
}

#sponsor .banners .banner .name {
    font-size:70%;
    font-weight:600;
}

#sponsor .banners .banner .genre {
    font-size:70%;
    color:#787878;
}




/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:15px;
height:40px;
right:15px;
bottom:0;
z-index:100;
display:none;
}



/*FOOTER*/
footer {
padding:0 0 25px;
}

footer .footer_nav {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:50px;
}

footer .footer_nav nav {
    width:50%;
    border-bottom:#001e46 1px solid;
}

footer .footer_nav nav:nth-child(odd) {
    border-right:#001e46 1px solid;
}

footer .footer_nav nav:first-child {
    border-top:#001e46 1px solid;
}

footer .footer_nav nav a {
    padding:15px;
    display:block;
}

footer .footer_nav nav a p {
    font-size:70%;
    font-weight:500;
    letter-spacing:1px;
    color:#c8b478;
}

footer .data {
    text-align:center;
    margin-bottom:35px;
}

footer .footer_logo {
    width:150px;
    margin:0 auto 30px;
}

footer .company {
    font-size:90%;
    font-weight:600;
    letter-spacing:1.5px;
    margin-bottom:5px;
}

footer .address {
    font-size:80%;
    letter-spacing:1.5px;
}

footer .copyright {
font-size:60%;
letter-spacing:1px;
color:#c8b478;
text-align:center;
}





}