@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 45%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 50%;}
}
/*===============================================
 *	見出し
===============================================*/
.basic-hdttl {text-align: center;}

@media only screen and (max-width: 568px) {
.icon-case {height: auto;width: 100%;max-width: 30px;}
.basic-hdttl {padding: .5em;}
.basic-hdttl span {font-size: 16px;letter-spacing: 0;}
}
/*===============================================
 *	Example
===============================================*/
.purchase-list {gap: 2.5vw 2.5%; margin-bottom: 3.5vw;}
@media only screen and (max-width: 568px) {
  .purchase-list {gap: 2.0vw 2.5%;margin-bottom: 5.5vw;}
}