.contentArea {
    background:none;
}

.contentArea .titleA{background-image: url(../images/bgA_m.jpg);}
.contentArea .titleB{background-image: url(../images/bgB_m.jpg);}
.contentArea .titleC{background-image: url(../images/bgC_m.jpg);}
.contentArea .titleD{background-image: url(../images/bgD_m.jpg);}

.contentArea .title {
    background-size: 98%;
        height: 148vw;
}

.contentArea .title h2 {
    margin: 93% 0 0 -44%;
    text-indent: inherit;
    letter-spacing: -0.05em; font-size: 22px;
}
.contentArea .title.titleC h2 , .contentArea .title.titleD h2{ margin: 93% 0 0 -44%;}


.contentArea .title p {
        margin: 70% 0 0 -5%;
    width: 50vw;
    font-size: 14px;
    line-height: 1.2;
}
@media screen and (max-width:410px){
	.contentArea .title h2{font-size: 5vw;}
	.contentArea .title p{font-size: 3.5vw;}
}/*media*/


.contentArea .area {
       margin: 0 auto 25px auto;
}


.contentArea .intro {
    width: 100%;
}

.contentArea .mainArea .pic {
    width: 100%;
    margin: 25px 0 0 0;
}
.contentArea .more {
    margin: 5px 0 0 0;
}


.actTop small span {
    padding: 0 15px;
}
.actTop small:before , .actTop small:after{ width: 8%; }

.actTop h6{width: 85%;
    margin: 0 auto;     font-size: 18px;}

.actTop{padding-bottom: 18px;}



.actContent dl dd img{display: none;}
.actContent dl dt img {
    bottom: -12px;
}
.actContent ul.step{width: 90%;}

.actExplain small:before, .actExplain small:after{width: 24%;}


.btnArea.fixed{height: 12.5vw;}


a.btnActivity {
    width: 25%;
    margin: 16vw 0 0 0;
}