@charset "UTF-8"; 

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

.normal	{
	font-weight: normal!important;
}

.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;
}
.fr{
  float: right;
}
.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: 765px) {
	.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: 765px) {
	.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; }
.mt70 { margin-top: 70px; }
.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; }

.mr10 {margin-right: 10px;}

.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; }

.ml1em{
	margin-left: 1em;	
}
.mr1em{
	margin-right: 1em;	
}
.pl1em{
	padding-left: 1em;
}
.pr1em{
	padding-right: 1em;
}

@media only screen and (max-width: 765px){
	.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; }
}


/* text-indent */
.idt-1{
	padding-left:1em;
	text-indent:-1em;
}
.idt-3{
	padding-left:3em;
	text-indent:-3em;
}



@media print {
	body {
	    min-width: 1100px!important;
	}
	.container {
	    min-width: 1100px!important;
	}
	.spLogo {
 	   display: none!important;
	}
	.navbar {
	    display: block!important;
	}	
	.header	{
		display: block!important;
	}
	.pcLogo	{
		display: block!important;
	}
	.navbar-expand-lg .navbar-collapse {
	    display: -ms-flexbox!important;
	    display: flex!important;
	    -ms-flex-preferred-size: auto;
	    flex-basis: auto;
	}
	body#warp .drawer-nav {
		background-color: #fff!important;
	}
	body#warp .navbar-light .navbar-nav .nav-link {
 	   color: #5e5e5e!important;
	}
		body#warp .nav-active {
	    background:  #fff!important;
	    background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	    background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
	    background: linear-gradient(to bottom, #fff 0%,#fff 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
	}
	.navbar-expand-lg .navbar-nav {
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
	.nav-item {
	    position: relative;
	    width: 16.6%;
	    text-align: center;
	    font-weight: bold;
	    font-size: 0.8em;
	}
	.navbar-light .navbar-nav .nav-link {
	    color: #5e5e5e;
	}
}








/*========= アニメーションの指定 ===============*/

/*はじめは透過0に*/

.fadeInTrigger ,
.fadeInUpTrigger ,
.fadeInDownTrigger ,
.fadeInLeftTrigger ,
.fadeInRightTrigger ,
.fadeInBottomLeftTrigger ,
.fadeInBottomRightTrigger,
   {
	opacity: 0;
}


/* アニメーションの回数を決めるCSS*/

.count2{  
	animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}

/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time02{
  animation-delay: 0.2s;/*この数字を指定したい遅延時間に変更*/
}
.delay-time03{
  animation-delay: 0.3s;/*この数字を指定したい遅延時間に変更*/
}
.delay-time04{
  animation-delay: 0.4s;/*この数字を指定したい遅延時間に変更*/
}
.delay-time05{  
	animation-delay: 0.5s;
}
.delay-time06{  
	animation-delay: 0.6s;
}
.delay-time07{  
	animation-delay: 0.7s;
}
.delay-time08{  
	animation-delay: 0.8s;
}
.delay-time09{  
	animation-delay: 0.9s;
}
.delay-time10{  
	animation-delay: 1s;
}
.delay-time15{  
	animation-delay: 1.5s;
}
.delay-time20{  
	animation-delay: 2s;
}
/* アニメーション自体が変化する時間を決めるCSS*/

.change-time{  
	animation-duration: 4.5s;/*この数字を変化させたい時間に変更*/
}