@charset "utf-8";

.pageLead .pl {margin-top: 20px;}
.pageLead .plb {
    margin-top: 30px;
    font-weight: bold;
}
.pageLead .linkBtn2 {margin-top: 20px;}
.pageLead .linkBtn2 a {color: #fff;}

.block {
    position: relative;
    width: 800px;
    margin: 30px auto;
}
.block .title {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    border-bottom: solid 1px #ccc;
	padding-bottom:  5px;
}
.block .txt {
    width: 100%;
    margin-top: 20px;
}
.block .txt a {
	text-decoration: underline;	
}

.block .linkBtn2 {margin-top: 20px;}
.block .linkBtn2 a {color: #fff;}

.block table {
    margin-top: 20px;
    border-collapse: collapse;
}
.block table th {
    width: 150px;
    background-color: #dcdcdc;
    border: solid 1px #999999;
    padding: 16px;
}
.block table td {
    background-color: #fff;
    border: solid 1px #999999;
    padding: 16px;
}

.block table td a {
	text-decoration: underline;	
}

.block table td ol li {
    list-style-type: decimal;
    margin-left: 16px;
}
.block .txt img {
    width: 18px;
    vertical-align: middle;
    margin: 0 4px;    
}
.block .img-cd {
    max-width: 300px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;    
}
.block .img-sp {
    max-width: 240px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;    
    border: 1px solid #ccc;
}
_:-ms-lang(x)::-ms-backdrop, .block .img-sp {
    border: none;
}

#appsInner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    justify-content: center;
    width: 100%;
    margin: 30px 0;
}
#appsInner div:nth-child(2) {margin-left: 30px;}

@media only screen and (min-width:641px) and (max-width:999px) {
    .block {width: 80%;}
}

@media only screen and (max-width: 640px) {
    .pageLead .pl {margin-top: 4vw;}
    .pageLead .plb {margin-top: 4vw;}
    .pageLead .linkBtn2 {margin-top: 4vw;}
    .block {
        position: relative;
        width: 80%;
        margin: 4vw auto;
    }
    .block .title {
        width: 100%;
        height: auto;
        font-size: 5vw;
        line-height: 1.5;
        margin: 4vw 0;
    }
    .block .txt {margin-top: 4vw;}
    #appsInner div:nth-child(2) {margin-left: 3vw;}
    .figItems .linkBtn1 {margin-top: 4vw;}
    #footer {margin-top: 12vw;}
}
