@charset "UTF-8";
@media(min-width:960px) {
   

    /* PCcss */

body {
    min-width: 960px;
    color: #383E45;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.contener {
    width: 100%;
    /* padding: 0 38.3984px; */
}

.header {
    width: 100%;
    height: 60px;
    padding: 0 38px;
}

.header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
}

.header-left li {
    width: 120px;
    height: 40px;
}

.header-left img {
    width: 100%;
    height: 100%;
}

.header-right {
    display: flex;
    font-size: 14px;
}

.header-right li {
    margin: 0 0 0 30px;
}

.header li a {
    color: #24292E;
}

.main img {
    width: 100%;
    height: 600px;
    margin: 0 auto 80px;
    padding: 0;
}

h2 {
    /* text-align: center; */
    font-size: 32px;
    margin: 0 0 60px;
    border-bottom: 1px solid red;
    display: inline-block;
}
.ttl{
    text-align: center;
}

.about{
    display: flex;
    justify-content: center;
    margin: 0 0 100px;
}

.about img {
    width: 100px;
    height: 100px;
    margin: 0 30px 0 0;
    border-radius: 50%;
}

.about-right h3 {
    margin: 10px 0;
}

.about-right p {
    font-size: 14.4px;
}

.bicycle {
   width: 90%;
    margin: 0 auto 100px;
}

.bicycle ul {
    display: flex;
    justify-content: space-between;
}

.bicycle img {
    width: 282.63px;
    height: 182.73px;
}

.bicycle h3 {
    margin: 10px 0;
    text-align: center;
}

.bicycle p {
    text-align: center;
    font-size: 14.4px;
}

.footer {
    padding: 10px 0;
    font-size: 8px;
    text-align: center;
}
}
@media(min-width:600px) and (max-width:959px) {
    body {
        min-width: 600px;
        max-width: 959px;
        color: #383E45;
    }

    /* PCcss */
    
    a {
        text-decoration: none;
    }
    
    li {
        list-style: none;
    }
    
    .contener {
        width: 100%;
        /* padding: 0 38.3984px; */
    }
    .header {
        width: 100%;
        height: 60px;
        padding: 0 38px;
    }
    
    .header ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .header-left li {
        width: 120px;
        height: 40px;
    }
    
    .header-left img {
        width: 100%;
        height: 100%;
    }
    
    .header-right {
        display: flex;
        font-size: 14px;
    }
    
    .header-right li {
        margin: 0 0 0 30px;
    }
    .header li a {
        color: #24292E;
    }
    
    .main img {
        width: 100%;
        height: 600px;
        margin: 0 auto 80px;
        padding: 0;
        object-fit: cover;
    }
    
    h2 {
        /* text-align: center; */
        font-size: 32px;
        margin: 0 0 60px;
        border-bottom: 1px solid red;
        display: inline-block;
    }
    .ttl{
        text-align: center;
    }
    
    .about{
        display: flex;
        justify-content: center;
        margin: 0 0 100px;
    }
    
    .about img {
        width: 100px;
        height: 100px;
        margin: 0 30px 0 0;
        border-radius: 50%;
    }
    .about-right h3 {
        margin: 10px 0;
    }
    
    .about-right p {
        font-size: 14.4px;
    }
    
    .bicycle {
       width: 90%;
        margin: 0 auto 100px;
    }
    
    .bicycle ul {
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .bicycle img {
        width: 90%;
    }
    
    .bicycle h3 {
        margin: 10px 0;
        /* text-align: center; */
    }
    
    .bicycle p {
        /* text-align: center; */
        font-size: 14.4px;
    }
    .footer {
        padding: 10px 0;
        font-size: 8px;
        text-align: center;
    }
}
@media (max-width:599px) {
    body {
        max-width: 599px;
        color: #383E45;
    }

    /* タブレットcss */
    
    a {
        text-decoration: none;
    }
    
    li {
        list-style: none;
    }
    
    .contener {
        width: 100%;
        /* padding: 0 38.3984px; */
    }
    .header {
        width: 100%;
        height: 60px;
        padding: 0 38px;
    }
    
    .header ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .header-left li {
        width: 120px;
        height: 40px;
    }
    
    .header-left img {
        width: 100%;
        height: 100%;
    }
    
    .header-right {
        display: flex;
        font-size: 14px;
    }
    
    .header-right li {
        margin: 0 0 0 30px;
    }
    .header li a {
        color: #24292E;
    }
    
    .main img {
        width: 100%;
        height: 600px;
        margin: 0 auto 80px;
        padding: 0;
        object-fit: cover;
    }
    
    h2 {
        /* text-align: center; */
        font-size: 32px;
        margin: 0 0 60px;
        border-bottom: 1px solid red;
        display: inline-block;
    }
    .ttl{
        text-align: center;
    }
    
    .about{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 0 100px;
    }
    
    .about img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
    .about-img{
        text-align: center;
        margin: 0 0 10%;
    }
    .about-right h3 {
        margin: 10px 0;
    }
    
    .about-right p {
        font-size: 14.4px;
    }
    .about-right{
        background-color: blue;
        width: 80%;
        margin: 0 auto;
    }
    .bicycle {
       width: 90%;
        margin: 0 auto 100px;
    }
    
    .bicycle ul {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
    }
    .bicycle img {
        width: 90%;
    }
    
    .bicycle h3 {
        margin: 10px 0;
        /* text-align: center; */
    }
    
    .bicycle p {
        /* text-align: center; */
        font-size: 14.4px;
    }
    .footer {
        padding: 10px 0;
        font-size: 8px;
        text-align: center;
    }
}