@charset "utf-8";


/* width */
/******************************************************************/
.w_200 {
  max-width: 200px;
  margin-inline: auto;
}
.w_300 {
  max-width: 300px;
  margin-inline: auto;
}
.w_400 {
  max-width: 400px;
  margin-inline: auto;
}
.w_500 {
  max-width: 500px;
  margin-inline: auto;
}
.w_600 {
  max-width: 600px;
  margin-inline: auto;
}
.w_700 {
    max-width: 700px;
    margin-inline: auto;
}
.w_800 {
    max-width: 800px;
    margin-inline: auto;
}
.w_900 {
    max-width: 900px;
    margin-inline: auto;
}
.w_1000 {
    max-width: 1000px;
    margin-inline: auto;
}
.w_1200 {
    max-width: 1200px;
    margin-inline: auto;
}




/*******************************************************************/
/*　Font-size
/*******************************************************************/
.t8 { font-size: 8px;}
.t9 { font-size: 9px;}
.t10 { font-size:10px;}
.t11 { font-size: 11px;}
.t12 { font-size: 12px; } .t13 {  font-size: 13px; } .t14 { font-size: 14px;} .t15 {  font-size:15px;}
.t16 {  font-size: 16px; } .t17 {  font-size: 17px;}.t18 {  font-size: 18px;}.t19 {  font-size: 19px;} .t20 { font-size: 20px; } .t21 {  font-size: 21px;}.t22 {  font-size: 22px;}
.t23 { font-size: 23px; } .t24{  font-size: 24px;} .t25 {  font-size: 25px;} .t26 { font-size: 26px;} .t27 { font-size: 27px;} .t28 {  font-size: 28px;} .t29 { font-size: 29px;} .t30 { font-size: 30px;}  .t32 { font-size: 32px;} .t34 { font-size: 34px;} .t36 { font-size: 36px;} .t38 { font-size: 38px;} .t40 { font-size: 40px;} .t42 { font-size: 42px;} .t44 { font-size: 44px;} .t46 { font-size: 46px;} .t48 { font-size: 48px;} .t50 { font-size: 50px;} .t54 { font-size: 54px;} .t55 { font-size:55px;} .t60 { font-size:65px;} .t70 { font-size:75px;} .t80 { font-size:85px;} .t90 { font-size:95px;} .t100 { font-size:100px;}
  .t20 {
    line-height: 1.5;
  }
  @media screen and (max-width: 768px) {
    .t24 {font-size: 14px;}

}


/*******************************************************************/
/*　Margin
/*******************************************************************/
.mt2 { margin-top:2px !important;} .mt3 { margin-top:3px !important;} .mt4 { margin-top:4px !important;} .mt5 { margin-top:5px !important;} .mt10 { margin-top:10px !important;}.mt12 { margin-top:12px !important;}.mt15 { margin-top:15px !important;}.mt20 { margin-top:20px !important;}.mt25 { margin-top:25px !important;}.mt30 { margin-top:30px !important;}.mt35 { margin-top:35px !important;}.mt40 { margin-top:40px !important;}.mt45 { margin-top:45px !important;}.mt50 { margin-top:50px !important;}.mt55 { margin-top:55px !important;}.mt60 { margin-top:60px !important;}.mt65 { margin-top:65px !important;}.mt70 { margin-top:70px !important;}.mt75 { margin-top:75px !important;}.mt80 { margin-top:80px !important;}.mt85 { margin-top:85px !important;}.mt90 { margin-top:90px !important;}.mt95 { margin-top:95px !important;}.mt100 { margin-top:100px !important;}
.mb5 { margin-bottom:5px !important;}.mb10 { margin-bottom:10px !important;}.mb15 { margin-bottom:15px !important;}.mb20 { margin-bottom:20px !important;}.mb25 { margin-bottom:25px !important;}.mb30 { margin-bottom:30px !important;}.mb35 { margin-bottom:35px !important;}.mb40 { margin-bottom:40px !important;}.mb45 { margin-bottom:45px !important;}.mb50 { margin-bottom:50px !important;}.mb55 { margin-bottom:55px !important;}.mb60 { margin-bottom:60px !important;}.mb65 { margin-bottom:65px !important;}.mb70 { margin-bottom:70px !important;}.mb75 { margin-bottom:75px !important;}.mb80 { margin-bottom:80px !important;}.mb85 { margin-bottom:85px !important;}.mb90 { margin-bottom:90px !important;}.mb95 { margin-bottom:95px !important;}.mb100 { margin-bottom:100px !important;}.mb120 { margin-bottom:120px !important;}
.m5 { margin:5px !important;}.m10 { margin:10px !important;}.m15 { margin:15px !important;}.m20 { margin:20px !important;}.m25 { margin:25px !important;}.m30 { margin:30px !important;}.m35 { margin:35px !important;}.m40 { margin:40px !important;}
@media screen and (max-width: 768px) {
    .mb10 { margin-bottom:5px !important;}.mb15 { margin-bottom:10px !important;}.mb20 { margin-bottom:10px !important;}.mb25 { margin-bottom:13px !important;}.mb30 { margin-bottom:15px !important;}.mb35 { margin-bottom:17px !important;}.mb40 { margin-bottom:20px !important;}.mb45 { margin-bottom:23px !important;}.mb50 { margin-bottom:25px !important;}.mb55 { margin-bottom:27px !important;}.mb60 { margin-bottom:30px !important;}.mb65 { margin-bottom:33px !important;}.mb70 { margin-bottom:35px !important;}.mb75 { margin-bottom:37px !important;}.mb80 { margin-bottom:40px !important;}.mb85 { margin-bottom:43px !important;}.mb90 { margin-bottom:45px !important;}.mb95 { margin-bottom:47px !important;}.mb100 { margin-bottom:40px !important;}
}

/*******************************************************************/
/*　Padding
/*******************************************************************/
.pt5 { padding-top:5px !important;}.pt10 { padding-top:10px !important;}.pt12 { padding-top:12px !important;}.pt15 { padding-top:15px !important;}.pt20 { padding-top:20px !important;}.pt25 { padding-top:25px !important;}.pt30 { padding-top:30px !important;}.pt35 { padding-top:35px !important;}.pt40 { padding-top:40px !important;}.pt45 { padding-top:45px !important;}.pt50 { padding-top:50px !important;}.pt55 { padding-top:55px !important;}.pt60 { padding-top:60px !important;}.pt65 { padding-top:65px !important;}.pt70 { padding-top:70px !important;}.pt75 { padding-top:75px !important;}.pt80 { padding-top:80px !important;}.pt85 { padding-top:85px !important;}.pt90 { padding-top:90px !important;}.pt95 { padding-top:95px !important;}.pt100 { padding-top:100px !important;}.pt120 { padding-top:120px !important;}
.pb5 { padding-bottom:5px !important;}.pb10 { padding-bottom:10px !important;}.pb15 { padding-bottom:15px !important;}.pb20 { padding-bottom:20px !important;}.pb25 { padding-bottom:25px !important;}.pb30 { padding-bottom:30px !important;}.pb35 { padding-bottom:35px !important;}.pb40 { padding-bottom:40px !important;}.pb45 { padding-bottom:45px !important;}.pb50 { padding-bottom:50px !important;}.pb55 { padding-bottom:55px !important;}.pb60 { padding-bottom:60px !important;}.pb65 { padding-bottom:65px !important;}.pb70 { padding-bottom:70px !important;}.pb75 { padding-bottom:75px !important;}.pb80 { padding-bottom:80px !important;}.pb85 { padding-bottom:85px !important;}.pb90 { padding-bottom:90px !important;}.pb95 { padding-bottom:95px !important;}.pb100 { padding-bottom:100px !important;}.pb120 { padding-bottom:120px !important;}
.p5 { padding:5px !important;}.p10 { padding:10px !important;}.p12 { padding:12px !important;}.p15 { padding:15px !important;}.p20 { padding:20px !important;}.p25 { padding:25px !important;}.p30 { padding:30px !important;}.p35 { padding:35px !important;}.p40 { padding:40px !important;}

/*padding-block*/
.pa_b10 { padding-block: 10px !important; }.pa_b15 { padding-block: 15px !important; }.pa_b20 { padding-block: 20px !important; }.pa_b30 { padding-block: 30px !important; }.pa_b40 { padding-block: 40px !important; }.pa_b50 { padding-block: 50px !important; }.pa_b60 { padding-block: 60px !important; }.pa_b70 { padding-block: 70px !important; }.pa_b80 { padding-block: 80px !important; }.pa_b90 { padding-block: 90px !important; }.pa_b100 { padding-block: 100px !important; }.pa_b150 { padding-block: 150px !important; }

@media screen and (max-width: 768px) {
    .pa_b10 { padding-block: 5px !important; }.pa_b20 { padding-block: 10px !important; }.pa_b30 { padding-block: 15px !important; }.pa_b40 { padding-block: 20px !important; }.pa_b50 { padding-block: 25px !important; }.pa_b60 { padding-block: 35px !important; }.pa_b70 { padding-block: 35px !important; }.pa_b80 { padding-block: 40px !important; }.pa_b90 { padding-block: 45px !important; }.pa_b100 { padding-block: 40px !important; }.pa_b150 { padding-block: 70px !important; }
    .pt100 {padding-top: 40px !important;}
    .pb100 {padding-bottom: 40px !important;}
}



/*-------------------------------------------------------------------------------------*/
/*Flex*/
/*-------------------------------------------------------------------------------------*/
.flex0 {
  display: flex;
}
.flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.flex2 {
  display: flex;
  flex-direction: column;
}
.flex3 {
  display: flex;
  justify-content: space-between;
}
.flex4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.grid{
  max-width: 900px;
  margin-inline: auto;
  display: block grid;
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  justify-items: center;
  gap: 10px 20px;
}
.f_between { -webkit-justify-content: space-between; justify-content: space-between; }/*ジャスティファイ配置*/
.f_between_space { justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ }
.f_left { -webkit-justify-content: flex-start; justify-content: flex-start; }/*横左寄り*/
.f_right { -webkit-justify-content: flex-end; justify-content: flex-end; }/*横右寄り*/
.f_center { justify-content: center; }/*横中央寄り*/
.f_top { -webkit-align-items: center; align-items: flex-start; }/*縦真ん上揃え*/
.f_middle { -webkit-align-items: center; align-items: center; }/*縦真ん中揃え*/
.f_bottom { -webkit-align-items: flex-end; align-items: flex-end; }/*縦下揃え*/
.f_stretch { -webkit-align-items: stretch; /* Safari */ align-items: stretch; }

.gap5 {gap: 5px;}.gap10 {gap: 10px;}.gap20 {gap: 20px;}.gap30 {gap: 30px;}.gap40 {gap: 40px;}.gap50 {gap: 50px;}.gap60 {gap: 60px;}

@media screen and (max-width: 768px) {
  .gap50{gap:20px;}
}


/*******************************************************************/
/*　Color
/*******************************************************************/

.red { color: #d80000;}
.white { color: #fff;}
.yellow{color:#ffe557;}

/*******************************************************************/
/*　Background-color
/*******************************************************************/

.bg_whiteA { background-color: rgba( 255, 255, 255, 0.7 );}
.bg_white { background-color: #FFF;}
.bg_blackA { background-color: rgba( 0, 0, 0, 0.6 );}
.bg_black { background-color: #000;}
.bg_red {background-color: #d80000;}
.bg_yellow{background-color: #fcdb01;}
.bg_gray {background-color: #f2f2f2;}