@media screen and (min-width : 768px) {
/*--------pc add-------*/
#mtma h1.mainCatch {
    width: 750px;
    height: 150px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background-color: #f4d7bd;
    padding: 0 50px;
    font-size: 24px;
    line-height: 1.4;
    color: #663300;
    background-image: url(/special/mtma/h1_bg_fix.png);
    background-repeat: no-repeat;
    background-position: right;
}
.mainCatchInner {
    padding-bottom: 10px;
}
h1 .mainCatchInner span {
    font-size: 12px;
}
/*----add_banner_upper-----*/
.prBnrArea {
    width: 100%;
    background-color: #f3f3f3;
    margin-bottom: 20px;
    padding: 20px 0;
}

.prBnrArea a.prBnrAreaInner {
    width: 500px;
    display: block;
    margin: 0 auto 8px;
}
.prBnrArea a img {
    max-width: 100%;
}
p.prBnrTxt {
    text-align: center;
    font-weight: bold;
    color: #7c4900;
}
/*----add_banner_upper-----*/

.seller, .buyer, .newOpen {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.newOpen img, .seller img, .buyer img {
    width: 400px;
    height: 300px;
    background-color: #ddd;
}
.seller .rightArea, .buyer .leftArea, .newOpen .rightArea {
    width: 410px;
    padding: 20px;
}

.buyer img {
    order: 2;
}
.prArea {
    text-align: center;
    margin-bottom: 40px;
}

p.leadTxt {
    margin-bottom: 12px;
    font-size: 12px;
}
li.cvLinkWrap {
    padding-top: 20px;
}
a.commonLink {
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
}

a.commonLink:before, a.commonLink:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #2c7bc2;
    border-right: 1px solid #2c7bc2;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
a.commonLink:after {
    left: 0px;
}
.seller ul li a.cvLink, .buyer ul li a.cvLink {
    padding: 5px 10px 7px;
    border: 1px solid #5996cf;
    border-radius: 25px;
    width: 380px;
    display: block;
    text-align: center;
    line-height: 1.4;
    position: relative;
}
.seller ul li a.cvLink:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #2c7bc2;
    border-right: 1px solid #2c7bc2;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


}

@media screen and (max-width : 768px) {
/*--------sp add-------*/
#mtma .flex_container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

h1.mainCatch {
    height: 30vw;
    display: flex;
    align-items: center;
    margin-bottom: 6vw;
    background-color: #f4d7bd;
    color: #663300;
    font-size: 4.5vw;
    background-image: url(/special/mtma/sp_h1_bg_fix.png);
    background-repeat: no-repeat;
    background-position: 58vw 0;
    background-size: 50%;
}
h1.mainCatch .mainCatchInner {
    padding: 2vw 4vw 2vw 5vw;
}
h1.mainCatch .mainCatchInner span {
    font-size: 3.5vw;
}

/*----add_banner_upper-----*/
.prBnrArea {
    margin-bottom: 4vw;
    padding: 2vw;
    background-color: #f3f3f3;
}
a.prBnrAreaInner {
    display: block;
}
a.prBnrAreaInner img {
    max-width: 100%;
    margin-bottom: 1vw;
}
p.prBnrTxt {
    text-align: left;
    font-weight: bold;
    color: #7c4900;
    font-size: 4vw;
}
/*----add_banner_upper-----*/

.contentWrapper .seller, .contentWrapper .buyer, .contentWrapper .newOpen {
    margin-bottom: 8vw;
}
.seller img, .buyer img, .newOpen img {
    width: 96vw;
    background-color: #ddd;
    height: 62vw;
    margin-bottom: 2vw;
}

.contentWrapper .rightArea h2, .contentWrapper .leftArea h2 {
    margin-bottom: 1vw;
    font-size: 4.2vw;
}

.contentWrapper p.leadTxt {
    font-size: 3.8vw;
    margin-bottom: 2vw;
}

.contentWrapper ul li.cvLinkWrap {
    padding-top: 5vw;
}


a.commonLink {
    position: relative;
    padding-left: 5vw;
}
a.commonLink:before, a.commonLink:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #2c7bc2;
    border-right: 1px solid #2c7bc2;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    transform: rotate(45deg);
}
a.commonLink:after {
    left: 0px;
}

a.cvLink {
    padding: 5px 10px 7px;
    border: 1px solid #5996cf;
    border-radius: 25vw;
    width: 80vw;
    display: block;
    text-align: center;
    line-height: 1.4;
    position: relative;
    margin: 0 auto 0;
}
a.cvLink:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #2c7bc2;
    border-right: 1px solid #2c7bc2;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}




.prArea {
    display: block;
    margin-bottom: 8vw;
    text-align: center;
}


}

</style>