@charset "UTF-8"; 

strong,
.bold { font-weight: bold;}

.tl { text-align: left;}
.tr { text-align: right;}
.tc { text-align: center;}


.lh20 { line-height: 2; }
.lh22 { line-height: 2.2; }
.lh24 { line-height: 2.4; }
.lh26 { line-height: 2.6; }

.ls01 { letter-spacing: 0.1em; }

.clear{
  float:none;
  clear:both;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.ovh{
  overflow: hidden;
}

.fl{
  float: left;
}
.center	{
	margin: 0 auto!important;
	text-align: center!important;		
}
.txt_j	{
	text-align: justify!important;
}
.block{
  display: block;
}
.iblock{
  display: inline-block;
}
@media (max-width: 767px) {
	.iblock-sp{
	  /*display: inline-block;*/
	  display: flex;
	}
}
.flex	{
	display: flex;
}
.text-r{
    text-align: right!important;
}
.red	{
	color: red;
}
.u-line	{
	text-decoration: underline;
}
.sp-only	{
    display: none!important;
}
@media (max-width: 767px) {
	.pc-only	{
	    display: none!important;
	}
	.sp-only	{
	    display: block!important;
	}
}

/*  margin, padding
-------------------------*/

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt90 { margin-top: 90px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 80px; }

.mtb0 {margin-top: 0;margin-bottom: 0}
.mtb5 { margin-top: 5px; margin-bottom: 5px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mtb15 { margin-top: 15px; margin-bottom: 15px; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
.mtb25 { margin-top: 25px; margin-bottom: 25px; }
.mtb30 { margin-top: 30px; margin-bottom: 30px; }
.mtb35 { margin-top: 35px; margin-bottom: 35px; }
.mtb40 { margin-top: 40px; margin-bottom: 40px; }
.mtb50 { margin-top: 50px; margin-bottom: 50px; }
.mtb60 { margin-top: 60px; margin-bottom: 60px; }
.mtb80 { margin-top: 80px; margin-bottom: 80px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }

.ptb0 { padding-top: 0; padding-bottom: 0}
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.ptb25 { padding-top: 25px; padding-bottom: 25px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
.ptb35 { padding-top: 35px; padding-bottom: 35px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ptb50 { padding-top: 50px; padding-bottom: 50px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.ptb120 { padding-top: 120px; padding-bottom: 120px; }

.nmt5 { margin-top: -5px!important; }
.nmt10 { margin-top: -10px!important; }
.nmt15 { margin-top: -15px!important; }
.nmt20 { margin-top: -20px!important; }
.nmt25 { margin-top: -25px!important; }
.nmt30 { margin-top: -30px!important; }

@media only screen and (max-width: 600px){
	.sp-mt5 { margin-top: 5px!important; }
	.sp-mt10 { margin-top: 10px!important; }
	.sp-mt15 { margin-top: 15px!important; }
	.sp-mt20 { margin-top: 20px!important; }
	.sp-mt25 { margin-top: 25px!important; }
	.sp-mt30 { margin-top: 30px!important; }

	.sp-mb5 { margin-bottom: 5px!important; }
	.sp-mb10 { margin-bottom: 10px!important; }
	.sp-mb15 { margin-bottom: 15px!important; }
	.sp-mb20 { margin-bottom: 20px!important; }
	.sp-mb25 { margin-bottom: 25px!important; }
	.sp-mb30 { margin-bottom: 30px!important; }

	.sp-nmt5 { margin-top: -5px!important; }
	.sp-nmt10 { margin-top: -10px!important; }
	.sp-nmt15 { margin-top: -15px!important; }
	.sp-nmt20 { margin-top: -20px!important; }
	.sp-nmt25 { margin-top: -25px!important; }
	.sp-nmt30 { margin-top: -30px!important; }
}

