@charset "utf-8";

img {
    width: 100%;
    padding: 0 24px;
    margin-top: 120px;
}

.h1-text {
    padding: 0 24px;
}

section {
    margin: 0 24px;
}

h1 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 18px;
    color: #CD8858;
    transition: all 0.3s ease;
    /* アニメーション用 */
}

a:hover h1 {
    font-size: 22px;
    /* ホバー時に大きくする */
}

h2 {
    font-size: 16px;
    color: #CD8858;
}

.one-text {
    margin-bottom: 20px;
}

.two-text {
    margin-bottom: 20px;
}

.three-text {
    margin-bottom: 40px;
}

.target {
    border-top: 1px solid #CD8858;
    border-bottom: 1px solid #CD8858;
    padding: 20px 0 20px 0;
}

.concept {
    border-bottom: 1px solid #CD8858;
    padding: 20px 0 20px 0;
}

.nizu {
    border-bottom: 1px solid #CD8858;
    padding: 20px 0 20px 0;
}

.dezain {
    border-bottom: 1px solid #CD8858;
    padding: 20px 0 20px 0;
}

.introspection {
    border-bottom: 1px solid #CD8858;
    padding: 20px 0 20px 0;
}

.period {
    border-bottom: 1px solid #CD8858;
    padding: 20px 0 20px 0;
}

.tool {
    border-bottom: 1px solid #CD8858;
    padding: 20px 0 20px 0;
}



/* ここからpc */
@media (min-width: 960px) {
    main {
        max-width: 900px;
        margin: 0 auto;
    }
}