@charset "utf-8";

/* サポート用 */


.indexbody {
    background-image: none;
 }

 .indexbody>div {
    padding-left: 0;
    padding-right: 0;
 }

 .purchase-flex p {
    margin: 10px 0;
    padding: 1.0em 0;
    font-size: 14px;
 }

 .bold-link-thin {
    font-weight: 100;
 }

 .purchase-flex {
    max-width: 1200px;
    margin-top: 50px;
    gap: 0;
 }
 .purchase-flex>div {
    width:180px;
    margin:30px;
    padding: 0;
 }
 

 h2#dsk,h2#sys {
    margin-bottom: 10px;
 }

 .common-pageTop-area p:last-of-type {
    margin-bottom:0px;
    margin-top: 10px;
 }
 .common-pageTop-area ul {
     margin: 20px auto 30px;
     text-align: center;
     display: inline-block;
     padding-left: 70px;
     padding-right: 70px;
     width:auto;
 }
 .common-pageTop-area ul li {
     width:auto;
     text-align: left;
 }
 




/*-------------------------- レスポンシブ用CSS ここから -----------------------------------------*/
@media screen and (max-width:640px) {
	/* ↓ここに個別のスマホ用スタイルを指定 */
    .purchase-flex {
        display:flex;
        flex-wrap: wrap;
     }
      .purchase-flex>div {
    width:160px;
    margin:30px auto;
    padding: 0;
 }
 .common-pageTop-area ul {
     margin: 20px auto 30px;
     text-align: center;
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
     width:auto;
 }
 .common-pageTop-area ul li {
    width:auto;
    text-align: left;
    margin-left: 1.2em;
    margin-right: 0;
    padding-right: 0;
}


	/* ↑ここまでに個別のスマホ用スタイルを指定 */
}


/*-------------------------- レスポンシブ用CSS ここまで ----------------------*/