@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;
}

.tocBlock {
    position: relative;
    margin: 10px auto 30px;
}
.tocBlock .toc {
		display: inline-block;
		min-width: 50%;
    margin: 0 auto;
}
.toc .txt {
		font-weight: bold;
    margin-bottom: 5px;
}

.block .note {
    width: 100%;
    margin-top: 16px;
    text-align: center;    
}
.block .remark {
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
}
.block .txt a {
    text-decoration: underline;	
}
.block .txt ul li {
    list-style-type: disc;
    margin-left: 16px;
}

.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-sp {
    width: 240px;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 20px;
}

.block .img-sp img {
	border: 1px solid #ccc;
}

.block .img-pc {
    width: 560px;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 20px;
}

.block .img-pc img {
	border: 1px solid #ccc;
}

.block .plans {
    width: 100%;
    margin: 30px auto;
}
.block .plans table {
	border-collapse: collapse;
	width: 100%;		
}
.block .plans table th {
	max-width: 400px;
    background-color: #dcdcdc;
    border: solid 1px #999999;
    padding: 16px;
}
.block .plans table td {
    background-color: #fff;
    border: solid 1px #999999;
    padding: 16px;
}
.block .plans table td img {
   	width: 22px;
   	vertical-align: middle;
   	margin: 0 4px;
}
.block .plans table td ol li {
    list-style-type: decimal;
    margin-left: 16px;
}


#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%;}
	.block .plans table { width: 100%; }
}

@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;}
    .block .img-sp { max-width: 300px; }
    .block .img-pc { max-width: 300px; }
    #appsInner div:nth-child(2) {margin-left: 3vw;}
    .figItems .linkBtn1 {margin-top: 4vw;}
    #footer {margin-top: 12vw;}
    .block .plans {
		width: 100%;
    }
    .block .plans table {
         width: 100%; 
		table-layout: fixed;
    }
    .block .plans table tbody {
        display: block;
    }
    .block .plans table tr {
        display: block;
    }
   .block .plans table th {
		max-width: initial;
       	display: block;
       	width: auto;        
       	padding: 3vw;
    }
    .block .plans table td {
        display: block;
        padding: 3vw;
    }
    .block .plans table td img {
        width: 6vw;
        vertical-align: middle;
        margin: 0 1vw;
    }
    .block .plans table td ol li {margin-left: 4vw;}
		.tocBlock { margin: 10px 20px 30px; }
}

}