@charset "UTF-8";
/* CSS Document */


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a{text-decoration: none;}

ul li{margin: 0;
padding: 0;}

li {list-style: none;}

.wrap{position: relative;}
    
/*位置系*/
.flex{display: flex;
 gap: 2rem 1rem;
}

.ai-st{align-items:stretch;}
.ai-c{align-items: center;}
.ai-end{align-items: flex-end;}

.vt-m{vertical-align: middle;}

.float{float: left;}

.discript {flex-grow: 1;}




/*幅系*/

.w20{width:20%;}
.w30{width:30%;}
.w40,.w40s{width:40%;}
.w50{width:50%;}
.w60,.w60s{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}



/*moji*/
.mini{font-size:.8rem;}
.prohivit{font-size: .5rem;}
.white{color:white;}
.f-red{color:red;}
.black{color:black !important;}


.fs-05{font-size: .5rem;}
.fs-08{font-size: .8rem;}
.fs-1{font-size: 1rem;}
.fs-12{font-size: 1.2rem;}
.fs-15{font-size: 1.5rem;}
.fs-2{font-size: 2rem;}
.fs-3{font-size: 3rem;}

/*レイアウト*/

.mt-1{margin-top:1rem;}
.mt-2{margin-top:2rem;}
.mt-3{margin-top:3rem;}

.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}

.mar-a{margin: auto;}

.pad-b1{padding-bottom: 1rem;}
.pad-b2{padding-bottom: 2rem;}
.pad-b3{padding-bottom: 3rem;}
.pad-t1{padding-top: 1rem;}
.pad-t2{padding-top: 2rem;}
.pad-t3{padding-top: 3rem;}
.pad-1{padding:1rem;}
.pad-2{padding:2rem;}

.right-1{margin-right: -10%;}
.right-2{margin-right: -20%;}
.left-1{margin-left: -10%;}
.left-2{margin-left: -20%;}

.text-l{text-align: left;}
.text-c{text-align: center;}

/*透過*/
.op-8{opacity: .8;}
.op-5{opacity: .5;}