@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul{
    list-style: none;
}

.biz-udpgothic-regular {
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 400;
    font-style: normal;
}
  .biz-udpmincho-regular {
    font-family: "BIZ UDPMincho", serif;
    font-weight: 400;
    font-style: normal;
}

/*---------------------------
 Default Styling
---------------------------*/
/* *, *::before, *::after{
    box-sizing: border-box;
} */

body{
    background-color: #ffffff;
    font-family:"BIZ UDPGothic", sans-serif;
}

a{
    text-decoration: none;
    color: inherit;
}

img{
    max-width: 100%;
}

/*---------------------------
 Reusable Classes
 ---------------------------*/

.container{
    max-width: 1366px;
    margin: 0 auto;
}

/*---------------------------
 Header
---------------------------*/
.header{
    align-items: center;
    width: 100%;
    background-color: #0b3c5d;
    color:#ecf0f1;
    position: fixed;
    z-index: 2;
}

.header-logo{
    display: flex;
    justify-content: space-around;
    color:#ecf0f1;
}

.header-logo-title{
    color:#ecf0f1;
    font-family: "BIZ UDPMincho", serif;
}

.header-nav-menu{
    display: flex;
}

.header-nav-menu-item{
    color:#ecf0f1;
}

.header-nav-menu-item > a{
    color: #ecf0f1;
}

/*---------------------------
 Main - Hero
 ---------------------------*/

.main-hero{
    background: url(../minaduki-images/yokohama.jpg);
    background-size: cover;
    background-position: center top;
    height: 1000px;
    position: relative;
}

.main-hero h1{
    font-family: "BIZ UDPMincho", serif;
    position: absolute;
    top: 20%;
    left:70%;
    text-align: right;
    color: #ecf0f1;
    background:rgba(11,60,93,.5);
}

/*---------------------------
 Main - Philosophy
 ---------------------------*/

.main-philosophy{
    background-color: #ffffff;
}

h2{
    font-family: "BIZ UDPMincho", serif;
    text-align: center;
}

/*---------------------------
 Main - Works
---------------------------*/

.main-works{
    background-color: #ecf0f1;
}

.main-works-item{
    background-color: #ffffff;
}

/*---------------------------
 Main - About
---------------------------*/


/*---------------------------
 Main - Access
---------------------------*/

.main-access{
    background-color: #ecf0f1;
}


/*---------------------------
 Main - Contact
---------------------------*/


/*---------------------------
 Footer
---------------------------*/

.footer{
    align-items: center;
    width: 100%;
    background-color: #0b3c5d;
    color:#ecf0f1;
}

.footer-logo{
    color:#ecf0f1;
}

.footer-logo-title{
    font-family: "BIZ UDPMincho", serif;
}

.footer-nav-menu-item{
    color:#ecf0f1;
}

.footer-nav-menu-item > a{
    color: #ecf0f1;
}

.footer-info{
    color:#ecf0f1;
}

.footer-info-copy{
    text-align: center;
    color:#ecf0f1;
}


/*---------------------------
 Page - Works
---------------------------*/

.works-fv{
    background: url(../minaduki-images/philosophy.jpg);
    background-size: cover;
    background-position: center top;
    height: 1000px;
    position: relative;
}

.works-fv h2{
    font-family: "BIZ UDPMincho", serif;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    color: #0b3c5d;
    background:rgba(250,250,250,0.5);
}

.works-fv-text{
    background-color: #ffffff;
    font-family:"BIZ UDPGothic", sans-serif;
    color: #0b3c5d;
}

.page-works1{
    background: #ecf0f1;
}

.page-works2{
    background: #ffffff;
}

.page-works3{
    background: #ecf0f1;
}

.page-works4{
    background: #ffffff;
}

.page-works h3{
    font-family: "BIZ UDPMincho", serif;
    text-align: center;
}

.page-works p{
    font-family:"BIZ UDPGothic", sans-serif;
    color: #0b3c5d;
}

/*---------------------------
 Page - About
---------------------------*/

.about-fv{
    background: url(../minaduki-images/conference-room.jpg);
    background-size: cover;
    background-position: center top;
    height: 1000px;
    position: relative;
}

.about-fv h2{
    font-family: "BIZ UDPMincho", serif;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    color: #0b3c5d;
    background:rgba(250,250,250,0.5);
}

.about-fv-text{
    background-color: #ffffff;
    font-family:"BIZ UDPGothic", sans-serif;
    color: #0b3c5d;
}

.page-about h3{
    font-family: "BIZ UDPMincho", serif;
    text-align: center;
}

.page-about p{
    font-family:"BIZ UDPGothic", sans-serif;
    color: #1d2731;
}

.page-about3{
    background: #ecf0f1;
}

.page-about-office-profile{
    border-collapse: collapse;
    margin: 0 auto;
}

/*---------------------------
 Page - Access
---------------------------*/

.access-fv{
    background: url(../minaduki-images/yokohama.jpg);
    background-size: cover;
    background-position: center top;
    height: 1000px;
}

/*---------------------------
 Page - Contact
---------------------------*/

.contact-fv{
    background: url(../minaduki-images/yokohama.jpg);
    background-size: cover;
    background-position: center top;
    height: 1000px;
    position: relative;
}

.contact-fv h2{
    font-family: "BIZ UDPMincho", serif;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    color: #0b3c5d;
    background:rgba(250,250,250,0.5);
}

.page-contact2 h3{
    font-family: "BIZ UDPMincho", serif;
    text-align: center;
}