@charset "utf-8";
/* CSS Document */

/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/

.mB-10{margin-bottom: -10px; display: block;}
.mB-20{margin-bottom: -20px; display: block;}
.mB-50{margin-bottom: -50px; display: block;}
.mB-100{margin-bottom: -100px; display: block;}
.mB-150{margin-bottom: -150px; display: block;}

.mB0{ margin-bottom:  0px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mB50{margin-bottom: 50px; display: block !important;}
.mB100{margin-bottom: 100px; display: block !important;}
.mB200{margin-bottom: 200px; display: block !important;}
.mB300{margin-bottom: 300px; display: block;}
.mB500{margin-bottom: 500px; display: block;}

.mT-10{margin-top: -10px; display: block;}
.mT-20{margin-top: -20px; display: block;}
.mT-50{margin-top: -50px; display: block;}
.mT-100{margin-top: -100px; display: block;}
.mT-140{margin-top: -140px; display: block;}
.mT-150{margin-top: -150px; display: block;}
.mT-155{margin-top: -155px; display: block;}
.mT-160{margin-top: -160px; display: block;}
.mT-190{margin-top: -190px; display: block;}
.mT-190_img{margin-top: -190px; display: block;}/*SF_befor→after用指定スマホ設定あり*/

.mT0{ margin-top: 0px; display: block;}

.mT5{ margin-top: 5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mT50{margin-top: 50px !important; display: block !important;}
.mT100{margin-top: 100px; display: block !important;}
.mL5{ margin-left: 5px; display: block;}
.mL10{margin-left: 10px; display: block;}
.mL15{margin-left: 15px; display: block;}
.mL20{margin-left: 20px; display: block;}
.mL30{margin-left: 30px; display: block;}
.mL40{margin-left: 40px; display: block !important;}
.mL50{margin-left: 50px; display: block !important;}
.mL100{margin-left: 100px; display: block !important;}
.mL200{margin-left: 200px; display: block;}
.mR5{ margin-right: 5px;  display: block;}
.mR10{
	margin-right: 10px;
}
.mR15{margin-right: 15px; display: block;}
.mR20{margin-right: 20px; display: block;}
.mR30{margin-right: 30px; display: block;}
.mR40{margin-right: 40px; display: block;}
.mR50{margin-right: 50px; display: block;}
.mR100{margin-right: 100px; display: block;}

.pB5{ padding-bottom: 5px;  display: block;}
.pB10{padding-bottom: 10px; display: block;}
.pB15{padding-bottom: 15px; display: block;}
.pB20{padding-bottom: 20px; display: block;}
.pB30{padding-bottom: 30px; display: block;}
.pT5{padding-top: 5px; display: block;}
.pT10{padding-top: 10px; display: block;}
.pT15{padding-top: 15px; display: block;}
.pT20{padding-top: 20px; display: block;}
.pT30{padding-top: 30px; display: block;}
.pR5{padding-right: 5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}
.pL5{padding-left: 5px; display: block;}
.pL10{padding-left: 10px; display: block;}
.pL15{padding-left: 15px; display: block;}
.pL20{padding-left: 20px; display: block;}
.pL30{padding-left: 30px; display: block;}

.mB_20{margin-bottom: 20px;}
.pB_20{padding-bottom: 20px;}
.mT_30{margin-top: 30px;}
.pT_30{padding-top: 30px;}

/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
/*.fL { float : left; display: block;}
.fR { float : right; display: block;}

/* textAlign */
/*.tC{ text-align: center; display: block; margin:0 auto;}
.tR{ text-align: right; display: block; margin:0 auto;}
.tL{ text-align: left; display: block; margin:0 auto;}

/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
/*.clear{ display: block; clear:both; height:0;}

/*//*/clearFix Coponents//*/
/*.clear {clear:both;}
.clearfix{ display:block;} 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
.clearfix:after {
	content: url(../../eng_new/css/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

/*-------------------------------------*/
/* 文字のインデント 20190123*/　
/*-------------------------------------*/

.indent_5 {
	text-indent:5px;
}
.indent_10 {
	text-indent:10px;
}
.indent_15 {
	text-indent:15px;
}
.indent_20 {
	text-indent:20px;
}
.indent_25 {
	text-indent:25px;
}
.indent_30 {
	text-indent:30px;
}
.indent_35 {
	text-indent:35px;
}
.indent_40 {
	text-indent:40px;
}
.indent_2em {
	text-indent: 2em;
}


/*-------------------------------------*/
/* 幅の指定 20230304*/　
/*-------------------------------------*/
.w10 {
	width: 10px ;display: block !important;
}

/*-------------------------------------
 スマホ・PC　表示非表示 20230304*/
/*-------------------------------------*/

@media(min-width:461px){
    .sp{
        display: none !important;
    }
}
@media(max-width:460px){
    .pc{
        display: none !important;
    }
.mT-190_img{margin-top: 30px; display: block !important;}/*SF_befor→after用指定*/
}


/*-------------------------------------*/
/* youtube用 */　
/*-------------------------------------*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  padding-bottom:50px;

}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*-------------------------------------*/
/* マウスオーバー 透過設定 */
/*-------------------------------------*/


.alpha:hover {

background-color: none;

	text-decoration:none;
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";

 transition: opacity 0.3s ease-out;/*透過するまでの時間*/

}

/*その他 20230304 要修正の可能性あり
---------------------------------------------------------------------------*/
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}
.w50 {overflow: hidden;width: 50%;}
.fl {float: left;}
img.fl {float: left;width:30%;margin-right: 20px;margin-bottom: 20px;}
.fr {float: right;}
img.fr {float: right;width:30%;margin-left: 20px;margin-bottom: 20px;}
.photo {padding: 10px;background: #fff;border: 5px solid #fff;box-shadow: 2px 4px 5px rgba(0,0,0,0.2);}
.big1 {font-size: 40px !important;}
.big2 {font-size: 25px !important;}
.big3 {font-size: 115% !important; font-weight: bold;}
.big3_n {font-size: 115% !important;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.small1 {font-size: 11px;}
.small2 {font-size: 90% !important;}
.small2-2 {font-size: 70% !important; font-style: normal !important;}/*COLLOID For Asia用*/
.small3 {font-size: 80% !important; font-style: normal !important;}
.center {margin:0 auto;}
img.center {margin:0 auto;}



/*画面幅480px以下の設定 
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:460px){

	
/*その他
---------------------------------------------------------------------------*/
.big1 {font-size: 16px;}
.big2 {font-size: 15px !important;}
.big3 {font-size: 105% !important; font-weight: bold;}

	
	
	
/*全体の設定
---------------------------------------------------------------------------*/

}