@charset "utf-8";
/* CSS Document */

#contact > .txt , #inquiry > .txt {
    max-width: 1200px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: column;
    gap: 30px;
}

#contact > .txt > div , #inquiry > .txt > div {
    color: #55636b;
}

#contact > .txt > a , #inquiry > .txt > a {
    margin-left: auto;
    margin-right: auto;
}

#contact {
    padding-bottom: 80px;
}

#inquiry{
    position: relative;
}

#inquiry::before{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
    to right, 
    #008bd5 0%, #008bd5 25%, /*ピンク*/
    #f8b800 25%, #f8b800 50%, /*黄色*/
    #7cb12a 50%, #7cb12a 75%, /*緑*/
    #e62a40 75%, #e62a40 100% /*青*/
    );
}


/***********************************************************/
@media only screen and (min-width:768px) {

h2.h2 {
    padding: 32px 0 20px;
}

#contact > .txt , #inquiry > .txt {
    flex-flow: row;
    gap: 40px;
}

#contact > .txt > a , #inquiry > .txt > a {
    margin-left: auto;
    margin-right: 0;
}


}




/***********************************************************/
@media only screen and (min-width:1200px) {


}