@charset "utf-8";
/*********************
Last update:2019-02-16 K.WATANABE
Last update:2023-04-01 K.WATANABE
**********************/

.noscroll{overflow-y: hidden;}
.disp{display: block!important;}
.disp_02{display: block!important;}
.widblock{display: block!important;width: 1px; height: 1px;}
.kaigyo{display:none!important;}

.line20{width:100%;margin-top:18px;padding-bottom:20px;clear:both;display:block;border-bottom:1px solid rgba(210,210,210,1);}
.line40{width:100%;margin-top:38px;padding-bottom:40px;clear:both;display:block;border-bottom:1px solid rgba(210,210,210,1);}

/* ====================================================================
keyframes
======================================================================*/

@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes ani-mouse {
	0% {
	opacity: 0;
	top: 35%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 1;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 35%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 0;
	top: 35%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 1;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 35%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 0;
	top: 35%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 1;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 35%;
	}
}



/*FADE IN*/
@keyframes fadeinmov {
  0% {
	  opacity: 0;
	}
  100% {
	  opacity: 1;
	}
}
/*FADE IN*/
@keyframes fadeinmov_2 {
  0% {
	  opacity: 0;
	}
  20%{
	  opacity: 0;
	}

  100% {
	  opacity: 1;
	}
}
/*FADE IN*/
@keyframes slideinmov {
  0% {
	  opacity: 0;
	  transform: translateX(40px);
	}

  100% {
	  opacity: 1;
	  transform: translateX(0px);
	}
}
@keyframes slideupmov {
  0% {
	  transform: translatey(40px);
	}
  60%,100% {
	  opacity: 1;
	}
100% {
	  transform: translatey(0px);
	}
}
/* ====================================================================
rotateY
======================================================================*/
@-webkit-keyframes rotateY {
    0% {
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -webkit-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -webkit-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}
 
@-moz-keyframes rotateY {
    0% {
        -moz-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -moz-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -moz-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -moz-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}
 
@keyframes rotateY {
    0% {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -webkit-transform:rotateY(90deg);
        -moz-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -webkit-transform:rotateY(270deg);
        -moz-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}

/* ====================================================================
Display
======================================================================*/
.mediaPC { display: block !important; }
.mediaPC-inlineBlock { display: inline-block !important; }
.mediaSP { display: none !important; }
.mediaSP-inlineBlock { display: none !important; }
.dis_n{ display: block !important;padding-bottom: 20px; }
/* ====================================================================
box
======================================================================*/
.m_formbox{max-width: 750px;margin-left: auto;margin-right: auto;}
.prpx{border: 4px solid rgba(210,210,210,0.5);padding: 40px;margin: 40px 0; }



/* ====================================================================
background
======================================================================*/
.blackbg_141414{background-color: #141414; color: #fff!important}
.blackbg_212121{background-color: #212121; color: #fff!important}
.graybg{background-color: #e3e3e3;}
.whitebg_f9f9f9{background-color: #f9f9f9;color: #000!important;}
.whitebg{background-color: #fff;color: #000!important;}


/* ====================================================================
pos
======================================================================*/
.txt-center{ text-align: center!important;}
.txt-right{text-align: right!important;;}
.txt-left{text-align: left!important;}


/* ====================================================================
Link icon
======================================================================*/
.eyecatch {display: inline-flex;}
.normal{vertical-align: -0.15em;}
.normal img{width: 20px; height: 20px;}
.small_ss{vertical-align: -0.15em;}
.small_ss img{width: 14px; height: 14px;}
.bannerlinks { opacity: 1; transition: all 0.15s ease;}
.bannerlinks:hover { opacity: 0.7;}


/* ====================================================================
Spacing
======================================================================*/
.row{margin: 0 !important;}
.nonepadding{padding: 0 !important;}
.commonsp_s{padding-left: 10px;padding-right:10px;}
.commonsp{padding-left: 20px;padding-right:20px;}


.iconsp_r{padding-right: 6px!important;}
.iconsp_l{padding-left: 6px!important;}
.iconsp_c{padding-right: 6px!important; padding-left: 6px!important;}
.iconsp_r_b{padding-right: 12px!important;}
.iconsp_l_b{padding-left: 12px!important;}
.iconsp_c_b{padding-right: 12px!important; padding-left: 12px!important;}

/*padding top bottom */
.sp-top-bottom120{padding:120px 0 !important;}
.sp-top-bottom110{padding:110px 0 !important;}
.sp-top-bottom100{padding:100px 0 !important;}
.sp-top-bottom90{padding:90px 0 !important;}
.sp-top-bottom80{padding:80px 0 !important;}
.sp-top-bottom70{padding:70px 0 !important;}
.sp-top-bottom60{padding:60px 0 !important;}
.sp-top-bottom50{padding:50px 0 !important;}
.sp-top-bottom40{padding:40px 0 !important;}
.sp-top-bottom30{padding:30px 0 !important;}
.sp-top-bottom20{padding:20px 0 !important;}
.sp-top-bottom10{padding:10px 0 !important;}
.sp-top-bottom5{padding:5px 0 !important;}

/*padding top */
.sp-top120{padding-top:120px !important;}
.sp-top110{padding-top:110px !important;}
.sp-top100{padding-top:100px !important;}
.sp-top90{padding-top:90px !important;}
.sp-top80{padding-top:80px !important;}
.sp-top70{padding-top:70px !important;}
.sp-top60{padding-top:60px !important;}
.sp-top50{padding-top:50px !important;}
.sp-top40{padding-top:40px !important;}
.sp-top30{padding-top:30px !important;}
.sp-top20{padding-top:20px !important;}
.sp-top10{padding-top:10px !important;}
.sp-top5{padding-top:5px !important;}

/*padding bottom */
.sp-bottom120{padding-bottom:120px !important;}
.sp-bottom110{padding-bottom:110px !important;}
.sp-bottom100{padding-bottom:100px !important;}
.sp-bottom90{padding-bottom:90px !important;}
.sp-bottom80{padding-bottom:80px !important;}
.sp-bottom70{padding-bottom:70px !important;}
.sp-bottom60{padding-bottom:60px !important;}
.sp-bottom50{padding-bottom:50px !important;}
.sp-bottom40{padding-bottom:40px !important;}
.sp-bottom30{padding-bottom:30px !important;}
.sp-bottom20{padding-bottom:20px !important;}
.sp-bottom10{padding-bottom:10px !important;}
.sp-bottom5{padding-bottom:5px !important;}

/*margin top bottom */
.sm-top-bottom120{margin:120px 0 !important;}
.sm-top-bottom110{margin:110px 0 !important;}
.sm-top-bottom100{margin:100px 0 !important;}
.sm-top-bottom90{margin:90px 0 !important;}
.sm-top-bottom80{margin:80px 0 !important;}
.sm-top-bottom70{margin:70px 0 !important;}
.sm-top-bottom60{margin:60px 0 !important;}
.sm-top-bottom50{margin:50px 0 !important;}
.sm-top-bottom40{margin:40px 0 !important;}
.sm-top-bottom30{margin:30px 0 !important;}
.sm-top-bottom20{margin:20px 0 !important;}
.sm-top-bottom10{margin:10px 0 !important;}
.sm-top-bottom5{margin:5px 0 !important;}

/*margin top */
.sm-top120{margin-top:120px !important;}
.sm-top110{margin-top:110px !important;}
.sm-top100{margin-top:100px !important;}
.sm-top90{margin-top:90px !important;}
.sm-top80{margin-top:80px !important;}
.sm-top70{margin-top:70px !important;}
.sm-top60{margin-top:60px !important;}
.sm-top50{margin-top:50px !important;}
.sm-top40{margin-top:40px !important;}
.sm-top30{margin-top:30px !important;}
.sm-top20{margin-top:20px !important;}
.sm-top10{margin-top:10px !important;}
.sm-top5{margin-top:5px !important;}

/*margin bottom */
.sm-bottom120{margin-bottom:120px !important;}
.sm-bottom110{margin-bottom:110px !important;}
.sm-bottom100{margin-bottom:100px !important;}
.sm-bottom90{margin-bottom:90px !important;}
.sm-bottom80{margin-bottom:80px !important;}
.sm-bottom70{margin-bottom:70px !important;}
.sm-bottom60{margin-bottom:60px !important;}
.sm-bottom50{margin-bottom:50px !important;}
.sm-bottom40{margin-bottom:40px !important;}
.sm-bottom30{margin-bottom:30px !important;}
.sm-bottom20{margin-bottom:20px !important;}
.sm-bottom10{margin-bottom:10px !important;}
.sm-bottom5{margin-bottom:5px !important;}

/* ====================================================================
Font weight
======================================================================*/	
.fw400{font-weight:400 !important;}
.fw700{font-weight:700 !important;}

/* ====================================================================
Letter spacing
======================================================================*/	
.lp0{letter-spacing:0px !important;}
.lp1{letter-spacing:1px !important;}
.lp2{letter-spacing:2px !important;}
.lp3{letter-spacing:3px !important;}
.lp4{letter-spacing:4px !important;}
.lp5{letter-spacing:5px !important;}
.lp6{letter-spacing:6px !important;}
.lp7{letter-spacing:7px !important;}
.lp8{letter-spacing:8px !important;}
.lp9{letter-spacing:9px !important;}
.lp10{letter-spacing:10px !important;}
.lp11{letter-spacing:11px !important;}
.lp12{letter-spacing:12px !important;}
.lp13{letter-spacing:13px !important;}
.lp14{letter-spacing:14px !important;}
.lp15{letter-spacing:15px !important;}

/* ====================================================================
Font size
======================================================================*/
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font26{font-size: 26px;}
.font30{font-size: 30px;}
.font40{font-size: 40px;}
.font60{font-size: 60px;}
.font130{font-size: 130px;line-height: 1;}

/* ====================================================================
Background-clip
======================================================================*/
.bgclip{  flex: 1;  position: relative;  -webkit-text-fill-color: transparent;  background-size: cover;  -webkit-background-clip: text;  background-clip: text;  background-repeat: no-repeat;}

.clip01{background-image: url("../images/backgroundclip/clip01.gif");}
.clip02{background-image: url("../images/backgroundclip/clip02.gif");}
.clip03{background-image: url("../images/backgroundclip/clip03.gif");}
.clip04{background-image: url("../images/backgroundclip/clip04.gif");}
.clip05{background-image: url("../images/backgroundclip/clip05.gif");}
.clip06{background-image: url("../images/backgroundclip/clip06.gif");}
.clip07{background-image: url("../images/backgroundclip/clip07.gif");}
.clip08{background-image: url("../images/backgroundclip/clip08.gif");}
.clip09{background-image: url("../images/backgroundclip/clip09.gif");}

/* ====================================================================
Font
======================================================================*/
.fm_frl{font-family: 'Frank Ruhl Libre', serif;}

@media only screen and (max-width: 1399px)  {

}
@media only screen and (max-width: 1199px) {

.prpx{padding: 20px;margin: 20px 0; }
.font40{font-size: 34px;}
.font130{font-size: 100px;line-height: 1;}
}
@media only screen and (max-width: 999px) {
.kaigyo{display:block!important;}	
.font14{font-size: 12px;}
.font26{font-size: 18px;}
.font40{font-size: 30px;}
.font60{font-size: 40px;}
.font130{font-size: 84px;}
.normal{vertical-align: -0.05em;}
.normal img{width: 16px; height: 16px;}  
}
@media only screen and (max-width: 799px) {
  /* ====================================================================
  Display
  =======================================================================*/	
  .disp_02{ display: none !important;}
.mediaPC { display: none !important; }
  .mediaPC-inlineBlock { display: none !important; }
  .mediaSP { display: block !important; }
  .mediaSP-inlineBlock { display: inline-block !important; }
  
  .font26{font-size: 16px;}
  
  /* ====================================================================
  Spacing
  =======================================================================*/    
  /*padding top bottom */
  .sp-top-bottom120, .sp-top-bottom110, .sp-top-bottom100, .sp-top-bottom90{padding:60px 0 !important;}
  .sp-top-bottom80, .sp-top-bottom70, .sp-top-bottom60, .sp-top-bottom50{padding:40px 0 !important;}
  .sp-top-bottom40,.sp-top-bottom30{padding:20px 0 !important;}
  
  /*padding top */
  .sp-top120, .sp-top110, .sp-top100, .sp-top90{padding-top:60px !important;}
  .sp-top80, .sp-top70, .sp-top60, .sp-top50{padding-top:40px !important;}    
  .sp-top40, .sp-top30{padding-top:20px !important;}
  
  /*padding bottom */
  .sp-bottom120, .sp-bottom110, .sp-bottom100, .sp-bottom90{padding-bottom:60px !important;}    
  .sp-bottom80, .sp-bottom70, .sp-bottom60, .sp-bottom50{padding-bottom:40px !important;}    
  .sp-bottom40, .sp-bottom30{padding-bottom:20px !important;}
  
  /*margin top bottom */
  .sm-top-bottom120, .sm-top-bottom110, .sm-top-bottom100, .sm-top-bottom90{margin:60px 0 !important;}
  .sm-top-bottom80, .sm-top-bottom70, .sm-top-bottom60, .sm-top-bottom50{margin:40px 0 !important;}    
  .sm-top-bottom40, .sm-top-bottom30{margin:20px 0 !important;}
  
  /*margin top */
  .sm-top120, .sm-top110, .sm-top100, .sm-top90{margin-top:60px !important;}
  .sm-top80, .sm-top70, .sm-top60, .sm-top50{margin-top:40px !important;}
  .sm-top40, .sm-top30{margin-top:40px !important;}
  /*margin bottom */
  .sm-bottom120, .sm-bottom110, .sm-bottom100, .sm-bottom90{margin-bottom:60px !important;}    
  .sm-bottom80, .sm-bottom70, .sm-bottom60, .sm-bottom50{margin-bottom:80px !important;}
  .sm-bottom40, .sm-bottom30{margin-bottom:40px !important;}
  
  .normal{vertical-align: -0.05em;}.normal img{width: 14px; height: 14px;}
  
  .font130{font-size: 55px;}
}



@media only screen and (max-width: 428px) {
.font30, .font40, .font60{font-size: 24px;}
.font130{font-size: 38px;line-height: 1.1;}
.dis_n{ display: none !important;padding-bottom: 0;height: 0;line-height: 0;}
	

}