@charset "utf-8";


.wd80{max-width:70%;}
.wd80_cook{max-width:70%;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb20_1{margin-bottom:20px;}
.mt10{margin-top:10px;}.mt15{margin-top:18px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}.mt60{margin-top:60px;}
.mb5{margin-bottom:5px;}
.mg5{margin:5px;}
.t_center{
	text-align:center;
	}
.mR10{margin-right:10px;}
.mR10_1{margin-right:10px;}
.mL10_1{margin-left:10px;}
.mL20_1{margin-left:20px;}
.mL50_1{margin-left:50px;}
.wd450_h{width:450px;}
.wd500_h{width:500px;}

.mk_yellow{ 
    background:linear-gradient(transparent 60%, #ff6 60%); 
}

.mk_green{
	background:linear-gradient(transparent 60%, #6f6 60%);
}

.bg_red2{
	display:inline-block;
	background:#FF0000;color:#FFF;padding-left:5px;padding-right:5px;
}

.u300{max-width:300px;}

.bd_red{border:solid 1px #ff0000;}
.bd_red h3{margin-bottom:0;background:#FF0000;color:#FFF;border-left:none;padding:0;text-align:center;}
.wrap2{display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: start;	/*並びかたの種類の指定*/
	padding: 0 5px;	}
.info_lib ul{margin-bottom:5px;}

.info_lib ul li{
	border-bottom: none;	/*下線の幅、線種、色*/
	padding: 2px 0;					/*上下、左右へのボックス内の余白　上右下左*/
}

.info_lib ul li:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f152";/*アイコンのユニコード*/
  font-weight: 900;
  margin-right:5px;  
  color: #171C61; /*アイコン色*/
  }

.info_lib ul li a{
	text-decoration:none;
	color: #171C61;
	}
.info_lib ul li a:hover{
	color: #389a38;
}
.info_lib2 ul{display:flex;}
.info_lib2 ul li{
	display:inline-block;
	border-bottom: none;	/*下線の幅、線種、色*/
	padding: 2px 0;					/*上下、左右へのボックス内の余白　上右下左*/
	float:left;
}

.info_lib2 ul li:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f152";/*アイコンのユニコード*/
  font-weight: 900;
  margin-right:5px;  
  color: #171C61; /*アイコン色*/
  }

.info_lib2 ul li a{
	text-decoration:none;
	color: #171C61;
	}
.info_lib2 ul li a:hover{
	color: #389a38;
}


.red{
	color:#FF0000;
	}
.b{
	font-weight:bold;
	}

.pd{
	padding:10px;
	}
.pd5{
	padding:5px;
	}
	
	.pd2{
	padding:2px;
	}
.pd10{
	padding: 0px 10px 0px 10px ;/*上、右、下、左*/	
	}

.pd10_1{
	padding: 0px 10px 10px 10px ;/*上、右、下、左*/	
	}
	
.mg_b{
	margin-bottom:10px;
	}
.mg_b2{
	margin-bottom:20px;
	}	
.fs30{font-size:30px;}.fs30_1{font-size:30px;}.fs30_2{font-size:30px;}
.fs40{font-size:40px;}
.fs25{font-size:25px;}
.fs25_1{font-size:25px;}.fs25_2{font-size:25px;}
.fs20{font-size:20px;}.fs20_1{font-size:20px;}
.fs18{font-size:18px;}
.fs18_1{font-size:18px;}
.fs17_2{font-size:1.1em;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.fs12{font-size:12px;}
.gray{color:#454545;}
.tal_r{text-align:right;}
.fs24{font-size:24px;}
.fs30{font-size:30px;}
.red{color:#ff0000;}
.red2{color:#b1011e;}
.orange{color:#fd3803;}
.green{color:#059524;}
.green2{color:#289e7a;}
.blue{color:#0130fc;}
.kon{color:#171C61;}
.brown{color:#582801;}
.white{color:#FFF;}
.black{color:#000;}
.purple{color:#a200ff;}
.yellow{color:#fce101;}
.pink{color:#fd0284;}
.orange2{color:#fec602;}

.mincho{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.bd_gray{
	border:solid 1px #8a8a8a;
	}
.bd_red{
	border:solid 1px #b1011e;
	}
.bd_red2{
	border-bottom:solid 1px #ff0000;
	}
	
.wd100_in{
	width:100px;
	display: inline-block;
	}
.wd200_in{
	width:200px;
	display: inline-block;
	}
.wd150{
	width:150px;
	}
.wd190{
	width:190px;
	}
.wd180{
	width:180px;
	}
.wd220{
	width:220px;margin:0 auto;
	}
.wd270{
	width:270px;
	}
.wd320_eco{
	width:320px;
	}
.wd400{
	max-width:400px;
	}
.wd400_eco{
	width:400px;
	}
.wd470{
	width:470px;
	}
.wd500{
	width:500px;
	}
.wd550{
	width:550px;
	}
.wd600{
	width:600px;
	margin:0 auto;
	}
.wd32{
	width:32%;
	}
.wd40{
	width:40%;
	}
.wd47{
	width:47%;
	}
.wd48{
	width:48%;
	}
.wd46{
	width:46%;
	}
.wd44{
	width:44%;
	}
.wd50_1{
	width:50%;
	}
.wd55_1{
	width:55%;
	}
.wd58{
	width:58%;
	margin:0 auto;}
.wd60_1{
	width:60%;}
.wd65{
	width:65%;
	margin:0 auto;}
.wd70{
	width:70%;
	margin:0 auto;}
.wd72{
	width:72%;
	margin:0 auto;}
.wd80{
	width:80%;}
.wd90{
	width:90%;}
.wd95{
	width:95%;}

.wrap{
	width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	padding-top: 10px;
	margin-bottom: 10px;
	margin:0 auto;
}

.wrap4{
	width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	padding-top: 10px;
	margin-bottom: 10px;
	margin:0 auto;
}




/*ボタンを囲むブロック*/
.btn {
	text-align: center;	/*内容をセンタリング*/
	font-size: 16px;
}

.white_kadomaru{
	background-color:#FFF;
	border-radius:10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	padding:5px 15px 5px 15px;/*上、右、下、左のボタン内の余白*/
	}


/*ボタン*/
.btn1 a{
	width:320px;
	display: inline-block;
	text-decoration: none;
	border: none;
	background: linear-gradient(#91e3fe, #40cefc);
	font-size:20px;
	color: #000;			/*文字色*/
	border-radius: 30px;		/*角丸のサイズ。ほんの少しだけ角が丸くなります。*/
	padding: 5px 25px 2px 25px;		/*上、右、下、左のボタン内の余白*/
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、ぼかし幅。0,0,0は黒のことで0.2は色が20%ついた状態。*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*ボタン1のマウスオン時*/
.btn1 a:hover{
	background: linear-gradient(#40cefc, #91e3fe);
}

.btn2 a{
	width:320px;
	display: inline-block;
	text-decoration: none;
	border: none;
	background: linear-gradient(#ffe328, #fe7303);
	font-size:20px;
	color: #000;			/*文字色*/
	border-radius: 30px;		/*角丸のサイズ。ほんの少しだけ角が丸くなります。*/
	padding: 5px 25px 2px 25px;		/*上、右、下、左のボタン内の余白*/
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、ぼかし幅。0,0,0は黒のことで0.2は色が20%ついた状態。*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*ボタン2のマウスオン時*/
.btn2 a:hover{
	background: linear-gradient(#fe7303, #ffe328);	
}

.btn3 a{
	display: inline-block;
	text-decoration: none;
	border: none;
	background: linear-gradient(#fd9c02, #fdbf02);
	font-size:20px;
	color: #000;			/*文字色*/
	border-radius: 30px;		/*角丸のサイズ。ほんの少しだけ角が丸くなります。*/
	padding: 5px 10px 2px 10px;		/*上、右、下、左のボタン内の余白*/
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、ぼかし幅。0,0,0は黒のことで0.2は色が20%ついた状態。*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*ボタン2のマウスオン時*/
.btn3 a:hover{
	background: linear-gradient(#fe7303, #ffe328);	
}

.fl_left_tosou{float:left;}


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

}

@media screen and (max-width:1399px) {
.m_1399_none{display:none;}
}

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

}


@media screen and (max-width:1315px) {
.pc1315{display:none;}
.fs24{font-size:20px;}
}

@media screen and (max-width:1299px) {
.pc1300{display:none;}

.wd450_h{width:300px;}
.tb1600{display:none;}

}

@media screen and (max-width:1254px) {
.pc1255{display:none;}
}

@media screen and (max-width:1250px) {
.drw2{display:none;}
}
@media screen and (max-width:1099px) {

}
	
@media screen and (max-width:850px) {	
.fl_left_tosou{float:none;}

.drw_none{display:none;}
.wrap2{justify-content:space-evenly;}
.wd48_a{tex-align:center;max-width:400px;}
.u850{max-width:400px;margin:0 auto;margin-bottom:10px;line-height:1.6;}
}
@media screen and (max-width:829px)

}

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

	}

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


}

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

}

@media screen and (max-width:500px) {
.fs30{font-size:20px;}
.btn1 a{
	width:90%;font-size:17px;}
.btn2 a{
	width:90%;font-size:17px;}
.f_left6{float:none;
	margin-right:0;}
.fs30_2{font-size:20px;}
.fs20_1{font-size:18px;}
.fs18_1{font-size:16px;}
.list32_1{width:100%;padding:10px;}
.list32_2{width:100%;text-align:center;}
.fs25{font-size:18px;}
.mgb8_m{margin-bottom:8px;}.pd5_m{padding:5px;}
.btn3 a{
		font-size:16px;}
.fs17_2{font-size:15px;}

.wrap4{
	
	justify-content: space-evenly;	/*並びかたの種類の指定*/
}	
	

}



media screen and (max-width:480px) {

.wrap2{justify-content:space-evenly;}


.mR10_1{margin-right:0;margin-bottom:5px;}

.fs20{font-size:16px;}
#tmp_footer{
	display:none;
}

}

@media screen and (max-width:430px) {
.info_lib ul li{font-size:1rem;}
}

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

p{line-height:1.8;}

h3{font-size:1em;}
h4{font-size:0.9em;line-height:1.8;}
.fs20{font-size:1.3em;}
.fs18{font-size:1.2em;}

.fs30{font-size:1.1em;}
.f_right3{text-align:center;}
.btn1 a,.btn2 a{font-size:1em;}
.mL50_1{margin-left:0px;}
.logo_f{font-size:18px;}

.logo_m{display:none;}
.info_lib ul li{font-size:14px;}
}


@media screen and (min-width:340px) {
.br_sp340{display:none;}

}
@media screen and (min-width:400px) {
.small_only{display:none;}

}

@media screen and (min-width:481px) {
.sp_pct{display:none;}

}

@media screen and (min-width:501px) {
.wd48_a{width:100%;}
}
@media screen and (min-width:601px) {


}

@media screen and (min-width:800px) {
.wd48_b{width:48%;}

}
@media screen and (min-width:851px) {
.drw2_none{display:none;}
.tbs850{display:none;}

}

@media screen and (min-width:950px) {

.mBT10{margin-bottom:20px;margin-top:20px;}
.sample-img3 {
	position: absolute;
	bottom: 0px; /*下からから70px*/
}

}
@media screen and (min-width:1080px) {
.wd48_a{width:100%;}
}

@media screen and (min-width:1100px) {
.wd48_a{width:48%;}
}

@media screen and (min-width:1200px) {
.br-tab{display:none;}
.wd400_aa{width:400px;}
}

@media screen and (min-width:1251px) {
.drw22{display:none;}
}


@media screen and (min-width:1255px) {
.tb1254{display:none;}
.wrap4{display:none;}
}

@media screen and (min-width:1300px) {
.tab800{display:none;}

}
@media screen and (min-width:1316px) {
.tb1315{display:none;}

}
@media screen and (min-width:1400px) {
.min_1400_none{display:none;}
}

@media screen and (min-width:1601px) {
.tb1600{display:none}
}


@media screen and (min-width:851px) {
.tb850{display:none;}
}