@charset "utf-8";
.main {
    padding: 60px 30px 60px;
    color: #c9c9c9;
    background-image: url(images/back1.jpg);
    background-size: 240px;
}
.description , .description2 {
    margin: 20px 40px;
}
h2 {
    font-size: 24px;
    margin-bottom: 2px;
}
h2:before {
    content: "■";
    color: #8f7f4a;
    position: relative;
    bottom: 0.05em;
    right: 0.1em;
}
p {
    font-size: 20px;
}
.box {
    height: 17px;
    width: 17px;
}
.card1 img {
    width: 31%;
    float: left;
    margin-bottom: 20px;
    margin-right: 40px;
}
.card1 p {
    width: 65%;
    float: right;
}
.description2 {
    display: flex;
    flex-wrap: wrap;
}
.card2 {
    width: 33%;
}
.card2 img {
    width: 95%;
    margin-top: 40px;
}
iframe {
    margin-top: 40px;
    margin-left: 40px;
}