@charset "UTF-8";

/*
    module.css
*/

/*---------------------------------------------

text

-----------------------------------------------*/
/*    size/weight/decoration
-----------------------------------------------*/
.xsf {font-size: 75% !important;}
.sf {font-size: 85% !important;}
.mf {font-size: 95% !important;}
.lf {font-size: 115% !important;}
.xlf {font-size: 125% !important;}
.fs14{font-size:1.4rem !important;
line-height: 1.8}
.fs12{font-size:1.2rem !important;
line-height: 1.5}
@media screen and (max-width:640px) {
.spxsf {font-size: 75% !important;}
.spsf {font-size: 85% !important;}
.spmf {font-size: 95% !important;}
.splf {font-size: 115% !important;}
.spxlf {font-size: 125% !important;}
.fs14{font-size:1.4rem !important;}
}
.fb {font-weight: bold !important;}
.fn {font-weight: normal !important;}
.nowrap{white-space: nowrap;
}
.morl {-webkit-writing-mode: vertical-rl;
       -ms-writing-mode: tb-rl;
       writing-mode: vertical-rl;
       white-space: nowrap;
       letter-spacing: 8px;
}
.w-break{word-wrap: break-word;}
.l-h{line-height: 1.5;}
.l-h2{line-height: 2;}
/*---------------------------------------------

layout

-----------------------------------------------*/
/*    none
-----------------------------------------------*/
.none {display: none !important;}
.pcnone{ display: none !important; }

@media screen and (max-width:768px) {
.pcnone{ display: block !important; }
.spnone{ display: none !important; }
}
/*    float
-----------------------------------------------*/
.fl-r {float: right;}
.fl-l {float: left;}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*    position
-----------------------------------------------*/
.al_c {text-align: center !important;}
.al_cen {text-align: center !important;}
.al_r {text-align: right !important;}
.al_l {text-align: left !important;}
.val_t {vertical-align: top !important;}
.val_m {vertical-align: middle !important;}
.val_b {vertical-align: bottom !important;}
.word-break {word-break:break-all !important;}
@media print, screen and (min-width:767px){
    .pc_al_c {text-align: center !important;}
    .pc_al_r {text-align: right !important;}
    .pc_al_l {text-align: left !important;}
}
@media screen and (max-width:767px) {
    .sp_al_c {text-align: center !important;}
    .sp_al_r {text-align: right !important;}
    .sp_al_l {text-align: left !important;}
}
    
/*    display
-----------------------------------------------*/
.block {display:block !important;}
.inblock {display:inline-block !important;}
.inline {display:inline !important;}
.table {display:table !important;}
.table-cell {display:table-cell !important; vertical-align: top;}
.flex{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
.flex_bet{
	display: flex;
	justify-content: space-between;
}
.wrapp{
-ms-flex-wrap: wrap; /*IE10*/ /* Safari6.1 */
flex-wrap: wrap;
}
.dircolmn {
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
.dir-reverse{
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.justistart{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.justibetween{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.justiaround{
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content: space-around;
}

.justiend {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.justicen {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.aligncen{
	-webkit-box-align:center;/*--- Android ---*/
	-ms-flex-align:center;/*--- IE10 ---*//*--- safari ---*/
	align-items:center;
}
.alignstart {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.alignend {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.col_1{
    width: 100%;
}
.col_2{
    width: calc(100% / 2.1);
}

.trans3{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
@media print, screen and (max-width:640px){
    .spblock {display:block !important;}
    .spal_c {text-align: center !important;}
    .spjusticen {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
}
/*    margin
-----------------------------------------------*/
.m00{margin:0 !important;}
.m05{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}

.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt-25{margin-top:-25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt-80{margin-top:-80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb00{margin-bottom:0 !important;}
.mb05{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;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb120{margin-bottom:120px !important;}

.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mrlauto{margin-right:auto !important;margin-left:auto !important;}
.m-05{margin:5px -5px !important;}


/*    padding
-----------------------------------------------*/
.p00{padding:0 !important;}
.p05{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}

.p10p{padding:10% !important;}

.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt120{padding-top:120px !important;}

.pb00{padding-bottom:0 !important;}
.pb05{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;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}

.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

@media screen and (max-width:767px) {
.spm00{margin:0 !important;}
.spm05{margin:5px !important;}
.spm10{margin:10px !important;}
.spm15{margin:15px !important;}
.spm20{margin:20px !important;}
.spm25{margin:25px !important;}
.spm30{margin:30px !important;}

.spmt00{margin-top:0 !important;}
.spmt05{margin-top:5px !important;}
.spmt10{margin-top:10px !important;}
.spmt15{margin-top:15px !important;}
.spmt20{margin-top:20px !important;}
.spmt25{margin-top:25px !important;}
.spmt30{margin-top:30px !important;}
.spmt40{margin-top:40px !important;}
.spmt50{margin-top:50px !important;}
.spmt60{margin-top:60px !important;}
.spmt70{margin-top:70px !important;}
.spmt80{margin-top:80px !important;}
.spmt90{margin-top:90px !important;}
.spmt100{margin-top:100px !important;}

.spmb00{margin-bottom:0 !important;}
.spmb05{margin-bottom:5px !important;}
.spmb10{margin-bottom:10px !important;}
.spmb15{margin-bottom:15px !important;}
.spmb20{margin-bottom:20px !important;}
.spmb25{margin-bottom:25px !important;}
.spmb30{margin-bottom:30px !important;}
.spmb40{margin-bottom:40px !important;}
.spmb50{margin-bottom:50px !important;}
.spmb60{margin-bottom:60px !important;}
.spmb70{margin-bottom:70px !important;}
.spmb80{margin-bottom:80px !important;}
.spmb90{margin-bottom:90px !important;}
.spmb100{margin-bottom:100px !important;}
}
.spmr00{margin-right:0 !important;}
.spmr05{margin-right:5px !important;}
.spmr10{margin-right:10px !important;}
.spmr15{margin-right:15px !important;}
.spmr20{margin-right:20px !important;}
.spmr25{margin-right:25px !important;}
.spmr30{margin-right:30px !important;}
.spmr40{margin-right:40px !important;}
.spmr50{margin-right:50px !important;}
.spmr60{margin-right:60px !important;}
.spmr70{margin-right:70px !important;}
.spmr80{margin-right:80px !important;}
.spmr90{margin-right:90px !important;}
.spmr100{margin-right:100px !important;}


/*    width
-----------------------------------------------*/
.wid05{width:4.9% !important;}
.wid10{width:9.9% !important;}
.wid15{width:14.9% !important;}
.wid20{width:19.9% !important;}
.wid25{width:24.9% !important;}
.wid30{width:29.9% !important;}
.wid35{width:34.9% !important;}
.wid40{width:39.9% !important;}
.wid45{width:44.9% !important;}
.wid50{width:49.9% !important;}
.wid55{width:54.9% !important;}
.wid60{width:59.9% !important;}
.wid65{width:64.9% !important;}
.wid70{width:69.9% !important;}
.wid75{width:74.9% !important;}
.wid80{width:79.9% !important;}
.wid85{width:84.9% !important;}
.wid90{width:89.9% !important;}
.wid95{width:95.9% !important;}
.wid100{width:100% !important;}
.widauto{width:auto !important;}

@media print, screen and (min-width:767px){
.pcwid05{width:4.9% !important;}
.pcwid10{width:9.9% !important;}
.pcwid15{width:14.9% !important;}
.pcwid20{width:19.9% !important;}
.pcwid25{width:24.9% !important;}
.pcwid30{width:29.9% !important;}
.pcwid35{width:34.9% !important;}
.pcwid40{width:39.9% !important;}
.pcwid45{width:44.9% !important;}
.pcwid50{width:49.9% !important;}
.pcwid55{width:54.9% !important;}
.pcwid60{width:59.9% !important;}
.pcwid65{width:64.9% !important;}
.pcwid70{width:69.9% !important;}
.pcwid75{width:74.9% !important;}
.pcwid80{width:79.9% !important;}
.pcwid85{width:84.9% !important;}
.pcwid90{width:89.9% !important;}
.pcwid95{width:95.9% !important;}
.pcwid100{width:100% !important;}
.pcwidauto{width:auto !important;}
}

@media screen and (max-width:768px){
.spcol{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
/*.spcol > *:not(:last-child){ margin-bottom: 20px; }*/

.sp_al_c {text-align: center !important;}
.sp_al_r {text-align: right !important;}
.sp_al_l {text-align: left !important;}

.spwid05{width:4.9% !important;}
.spwid10{width:9.9% !important;}
.spwid15{width:14.9% !important;}
.spwid20{width:19.9% !important;}
.spwid25{width:24.9% !important;}
.spwid30{width:29.9% !important;}
.spwid35{width:34.9% !important;}
.spwid40{width:39.9% !important;}
.spwid45{width:44.9% !important;}
.spwid50{width:49.9% !important;}
.spwid55{width:54.9% !important;}
.spwid60{width:59.9% !important;}
.spwid65{width:64.9% !important;}
.spwid70{width:69.9% !important;}
.spwid75{width:74.9% !important;}
.spwid80{width:79.9% !important;}
.spwid85{width:84.9% !important;}
.spwid90{width:89.9% !important;}
.spwid95{width:95.9% !important;}
.spwid100{width:100% !important;}
.spwidauto{width:auto !important;}
}

/*    clearfix
-----------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/*    border
-----------------------------------------------*/
.border_01{
  border: 1px solid #bfbfbf;
}