/* カスタマイズ用CSS */
.Box3h2 {
    width:100%;
    text-align: center;
    color:#fff;
}

.Box3 h3 {
    width:100%;
    text-align: center;
}

/* スマホ向け（画面幅が600px以下） */
@media (max-width: 600px) {
.logo {
    width:150px;
    height:auto;
    margin:50px 0;
}

.Box3 {
    width:98%;
    float:left;
    margin:0 1%;
    color: #fff;
}
}

/* タブレット向け（画面幅が601pxから900px） */
@media (min-width: 601px) and (max-width: 900px) {
.logo {
    width:150px;
    height:auto;
    margin:50px 0;
}

.Box3 {
    width:98%;
    float:left;
    margin:0 1%;
    color: #fff;
}
}

/* PC向け（画面幅が901px以上） */
@media (min-width: 901px) {
.logo {
    width:200px;
    height:auto;
}

.Box3 {
    width:30.3%;
    float:left;
    margin:0 1.5%;
    color: #fff;
}
}