@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

body {
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

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

.header .container {
    padding: 1rem;
    text-align: center;
}
.header .container img {
    width: 215px;
    height: auto;
}

.main .container {
    width: 600px;
    margin: 0 auto;
}

.subtitle {
    padding-top: 1rem; 
    font-size: 1.4rem;
}

.value {
    padding: 1.4rem;
}

.company_profile,
.history {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 1.4rem;
    padding-left: 0;
}
.company_profile dt,
.history dt {
    flex-basis: 25%;
    padding: 0.5rem;
}
.company_profile dd, 
.history dd {
    flex-basis: 75%;
    padding: 0.5rem;
}

.footer .container {
    padding: 2rem;
    text-align: center;
}

@media screen and (max-width: 599px) {
    .header .container {
        padding-bottom: 0;
    }

    .main .container {
        padding: 1rem;
        width: 100%;
    }

    .company_profile,
    .history {
        display: block;
        width: 100%;
        padding: 1.4rem;
        padding-left: 0;
    }

    .company_profile dt {
        padding-bottom: 0;
        font-weight: 600;
    }
    .history dt {
        padding-bottom: 0;
    }
    .company_profile dd, 
    .history dd {
        padding-top: 0;
    }    
}