@charset "utf-8";
/* CSS Document */
#hbID{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


div{
	box-sizing: border-box;
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	display: block;
	cursor: pointer;
}

/*並列*/
.left{
	float: left;
}

.right{
	float: right;
}
.clear:after{
	display: block;
	content: "";
	clear: both;
}


.bw{
	display: flex;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
}

.flex{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:space-between;
}

.blockin_2{
	width: 100%;
}

.blockin_2 .col{
	width: 50%;
}

.flex.blockin_2 .col{
	width: 49%;
}

.blockin_2 .col .content{
	width: 98%;
	padding: 0 1%;
}

.blockin_3{
	width: 100%;
}

.blockin_3 .col{
	width: 33%;
}

.flex.blockin_3 .col{
	width: 33%;
}

.blockin_3 .col2{
	width: 66%;
}

.blockin_3 .col .content{
	width: 98%;
	padding: 0 1%;
}

.blockin_3 .col2 .content{
	width: 99%;
	padding: 0 0.5%;
}

.blockin_4{
	width: 100%;
}

.blockin_4 .col{
	width:25%;
}

.flex.blockin_4 .col{
	width:24%;
}

.blockin_4 .col3{
	width:75%;
}

.blockin_4 .col .content{
	width:98%;
	padding: 0 1%;
}

.blockin_4 .col3 .content{
	width:99%;
	padding: 0 0.5%;
}

.blockin_5{
	width: 100%;
}

.blockin_5 .col{
	width: 20%;
}

.flex.blockin_5 .col{
	width: 20%;
}

.blockin_5 .col .content{
	width: 98%;
	padding: 0 1%;
}

.blockin_6{
	width: 100%;
}

.blockin_6 .col{
	width: 16%;
}

.blockin_6 .col .content{
	width: 98%;
	padding: 0 1%;
}
/*width*/
.widall{
	width: 100%;
}
.wid1700{
	width: 100%;
	max-width: 1700px;
	margin-right: auto;
	margin-left: auto;
}
.wid1400{
	width: 100%;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
.wid1200{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.wid1100{
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
.wid1030{
	width: 100%;
	max-width: 1030px;
	margin-right: auto;
	margin-left: auto;
}
.wid1000{
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.wid980{
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.wid970{
	width: 100%;
	max-width: 970px;
	margin-right: auto;
	margin-left: auto;
}
.wid960{
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.wid950{
	width: 100%;
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.wid900{
	width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.wid800{
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.wid785{
	width: 100%;
	max-width: 785px;
	margin-right: auto;
	margin-left: auto;
}
.wid700{
	width: 100%;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.wid610{
	width: 100%;
	max-width: 610px;
	margin-right: auto;
	margin-left: auto;
}
.wid600{
	width: 100%;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.wid510{
	width: 100%;
	max-width: 510px;
	margin-right: auto;
	margin-left: auto;
}
.wid500{
	width: 100%;
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.wid400{
	width: 100%;
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.wid300{
	width: 100%;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.wid280{
	width: 100%;
	max-width: 280px;
	margin-right: auto;
	margin-left: auto;
}
.wid200{
	width: 100%;
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.wid100{
	width: 100%;
	max-width: 100px;
	margin-right: auto;
	margin-left: auto;
}
.wid40per{
	width: 40%;
}
.wid60per{
	width: 60%;
}

/*文字色*/
.hbFc_wht{
	color: #FFF;
}
.hbFc_blk{
	color: #000;
}
.hbFc_red{
	color: #ff0000;
}
.hbFc_orange{
	color: #f49b1b;
}
.hbFc_orangeRed01{
	color: #fd4032;
}
.hbFc_orangeRed02{
	color: #fd7332;
}
.hbFc_yellow{
	color: #e8d824;
}
.hbFc_green{
	color: #38a229;
}
.hbFc_green2{
	color: #85c319;
}
.hbFc_green3{
	color: #2E7A15;
}
.hbFc_skyBlue{
	color: #00c0ff;
}
.hbFc_blue{
	color: #1e49d7;
}
.hbFc_dodgerBlue{
	color: #0080ff;
}
.hbFc_darkBlue{
	color: #0f2f91;
}
.hbFc_pink{
	color: #f283b5;
}
.hbFc_deepPink{
	color: #fd7332;
}
.hbFc_lightPink{
	color: #f0a8a8;
}
.hbFc_salmonPink{
	color: #ee6464;
}
.hbFc_lightOrangeRed01{
	color: #f0cca8;
}
.hbFc_lightOrangeRed02{
	color: #f0dea8;
}
.hbFc_lightYellowGreen{
	color: #eaea89;
}
.hbFc_lightForestGreen{
	color: #def0a8;
}
.hbFc_lightGreen{
	color: #baf0a8;
}
.hbFc_lightBlue{
	color: #a3e0f4;
}
.hbFc_lightDarkBlue{
	color: #a8baf0;
}
.hbFc_lightDarkPurple{
	color: #baa8f0;
}
.hbFc_lightPurple{
	color: #dea8f0;
}
.hbFc_brown{
	color: #780000;
}
.hbFc_crimsonRed{
	color: #bf0000;
}
.hbFc_saddleBrown{
	color: #8c5218;
}
.hbFc_darkGold{
	color: #947519;
}
.hbFc_Gold{
	color: #c7aa4e;
}
.hbFc_olive{
	color: #759419;
}
.hbFc_purple{
	color: #731991;
}
.hbFc_turquoise{
	color: #0f7e82;
}
.hbFc_darkPurple{
	color: #371991;
}
.hbFc_azuki{
	color: #941957;
}
.hbFc_darkgray{
	color: #000000;
}
.hbFc_gray{
	color: #999999;
}
.hbFc_silver{
	color: #cccccc;
}

/*フォントサイズ*/
.hbFs_12{
	font-size: 12px;
}
.hbFs_14{
	font-size: 14px;
}
.hbFs_16{
	font-size: 16px;
}
.hbFs_18{
	font-size: 18px;
}
.hbFs_20{
	font-size: 20px;
}
.hbFs_22{
	font-size: 22px;
}
.hbFs_24{
	font-size: 24px;
}
.hbFs_26{
	font-size: 26px;
}
.hbFs_28{
	font-size: 28px;
}
.hbFs_32{
	font-size: 32px;
}
.hbFs_36{
	font-size: 36px;
}
.hbFs_38{
	font-size: 38px;
}
.hbFs_40{
	font-size: 40px;
}
.hbFs_42{
	font-size: 42px;
}
.hbFs_48{
	font-size: 48px;
}
.hbFs_50{
	font-size: 50px;
}
.hbFs_52{
	font-size: 52px;
}
.hbFs_58{
	font-size: 58px;
}
.hbFs_64{
	font-size: 64px;
}
.hbFs_72{
	font-size: 72px;
}
/*文字サイズ　レスポンジブ*/
@media screen and (max-width: 800px) {
.hbFs_016{
		font-size: 12px;
	}
.hbFs_018{
		font-size: 14px;
	}
.hbFs_020{
		font-size: 20px;
	}
	.hbFs_028{
		font-size: 20px;
	}
.hbFs_024{
		font-size: 18px;
	}
	.hbFs_032{
		font-size: 18px;
	}
	.hbFs_048{
		font-size: 38px;
	}
	.hbFs_058{
		font-size: 48px;
	}
	.hbFs_072{
		font-size: 58px;
	}
}
@media screen and (min-width: 800px) {
.hbFs_016{
		font-size: 16px;
	}
	.hbFs_018{
		font-size: 18px;
	}
.hbFs_024{
		font-size: 24px;
	}
	.hbFs_032{
		font-size: 32px;
	}
	.hbFs_048{
		font-size: 48px;
	}
	.hbFs_058{
		font-size: 58px;
	}
	.hbFs_072{
		font-size: 72px;
	}
}
/*行間*/
.hbLh1em{
	line-height: 1;
}
.hbLh14em{
	line-height: 1.4;
}
.hbLh16em{
	line-height: 1.6;
}
.hbLh18{
	line-height: 18px;
}
.hbLh24{
	line-height: 24px;
}
.hbLh30{
	line-height: 30px;
}
.hbLh35{
	line-height: 35px;
}
/*文字の太さ*/
.hbFwN{
	font-weight: normal;
}
.hbFwB{
	font-weight: bold;
}

/*text-align*/
.hbTaC{
	text-align: center;
}
.hbTaL{
	text-align: left;
}
.hbTaR{
	text-align: right;
}
/*画像寄せ*/
.hbVaT{
	vertical-align:top;
}
.hbVaM{
	vertical-align:middle;
}
.hbVaB{
	vertical-align:bottom;
}
/*margin*/
.hbM5{
	margin: 5px 0;
}
.hbM10{
	margin: 10px 0;
}
.hbM15{
	margin: 15px 0;
}
.hbM20{
	margin: 20px 0;
}
.hbM25{
	margin: 25px 0;
}
.hbM30{
	margin: 30px 0;
}
.hbM35{
	margin: 35px 0;
}
.hbM40{
	margin: 40px 0;
}
.hbM45{
	margin: 45px 0;
}
.hbM50{
	margin: 50px 0;
}
.hbM100{
	margin: 100px 0;
}

/*marginT*/
.hbMt5{
	margin-top: 5px;
}
.hbMt10{
	margin-top: 10px;
}
.hbMt15{
	margin-top: 15px;
}
.hbMt20{
	margin-top: 20px;
}
.hbMt25{
	margin-top: 25px;
}
.hbMt30{
	margin-top: 30px;
}
.hbMt35{
	margin-top: 35px;
}
.hbMt40{
	margin-top: 40px;
}
.hbMt45{
	margin-top: 45px;
}
.hbMt50{
	margin-top: 50px;
}
.hbMt75{
	margin-top: 75px;
}
.hbMt100{
	margin-top: 100px;
}
/*marginB*/
.hbMb5{
	margin-bottom: 5px;
}
.hbMb10{
	margin-bottom: 10px;
}
.hbMb15{
	margin-bottom: 15px;
}
.hbMb20{
	margin-bottom: 20px;
}
.hbMb25{
	margin-bottom: 25px;
}
.hbMb30{
	margin-bottom: 30px;
}
.hbMb35{
	margin-bottom: 35px;
}
.hbMb40{
	margin-bottom: 40px;
}
.hbMb45{
	margin-bottom: 45px;
}
.hbMb50{
	margin-bottom: 50px;
}
.hbMb60{
	margin-bottom: 60px;
}
.hbMb100{
	margin-bottom: 100px;
}
.hbMb140{
	margin-bottom: 140px;
}
/*marginL*/
.hbMl5{
	margin-left: 5px;
}
.hbMl10{
	margin-left: 10px;
}
.hbMl15{
	margin-left: 15px;
}
.hbMl20{
	margin-left: 20px;
}
.hbMl25{
	margin-left: 25px;
}
.hbMl30{
	margin-left: 30px;
}
.hbMl5{
	margin-left: 35px;
}
.hbMl40{
	margin-left: 40px;
}
.hbMl45{
	margin-left: 45px;
}
.hbMl50{
	margin-left: 50px;
}
.hbMl100{
	margin-left: 100px;
}

/*marginR*/
.hbMr5{
	margin-right: 5px;
}
.hbMr10{
	margin-right: 10px;
}
.hbMr15{
	margin-right: 15px;
}
.hbMr20{
	margin-right: 20px;
}
.hbMr25{
	margin-right: 25px;
}
.hbMr30{
	margin-right: 30px;
}
.hbMr5{
	margin-right: 35px;
}
.hbMr40{
	margin-right: 40px;
}
.hbMr45{
	margin-right: 45px;
}
.hbMr50{
	margin-right: 50px;
}
.hbMr100{
	margin-right: 100px;
}

/*padding縦横*/
.hbPa5{
	padding: 5px;
}
.hbPa10{
	padding: 10px;
}
.hbPa15{
	padding: 15px;
}
.hbPa20{
	padding: 20px;
}
.hbPa25{
	padding: 25px;
}
.hbPa30{
	padding: 30px;
}
.hbPa35{
	padding: 35px;
}
.hbPa40{
	padding: 40px;
}
.hbPa45{
	padding: 45px;
}
.hbPa50{
	padding: 50px;
}
.hbPa100{
	padding: 100px;
}

/*padding*/
.hbP5{
	padding: 5px 0;
}
.hbP10{
	padding: 10px 0;
}
.hbP15{
	padding: 15px 0;
}
.hbP20{
	padding: 20px 0;
}
.hbP25{
	padding: 25px 0;
}
.hbP30{
	padding: 30px 0;
}
.hbP35{
	padding: 35px 0;
}
.hbP40{
	padding: 40px 0;
}
.hbP45{
	padding: 45px 0;
}
.hbP50{
	padding: 50px 0;
}
.hbP80{
	padding: 80px 0;
}
.hbP100{
	padding: 100px 0;
}

/*paddingT*/
.hbPt5{
	padding-top: 5px;
}
.hbPt10{
	padding-top: 10px;
}
.hbPt15{
	padding-top: 15px;
}
.hbPt20{
	padding-top: 20px;
}
.hbPt25{
	padding-top: 25px;
}
.hbPt30{
	padding-top: 30px;
}
.hbPt35{
	padding-top: 35px;
}
.hbPt40{
	padding-top: 40px;
}
.hbPt45{
	padding-top: 45px;
}
.hbPt50{
	padding-top: 50px;
}
.hbPt65{
	padding-top: 65px;
}
.hbPt70{
	padding-top: 70px;
}
.hbPt75{
	padding-top: 75px;
}
.hbPt100{
	padding-top: 100px;
}
/*paddingB*/
.hbPb5{
	padding-bottom: 5px;
}
.hbPb10{
	padding-bottom: 10px;
}
.hbPb15{
	padding-bottom: 15px;
}
.hbPb20{
	padding-bottom: 20px;
}
.hbPb25{
	padding-bottom: 25px;
}
.hbPb30{
	padding-bottom: 30px;
}
.hbPb35{
	padding-bottom: 35px;
}
.hbPb40{
	padding-bottom: 40px;
}
.hbPb45{
	padding-bottom: 45px;
}
.hbPb50{
	padding-bottom: 50px;
}
.hbPb60{
	padding-bottom: 60px;
}
.hbPb100{
	padding-bottom: 100px;
}
/*paddingL*/
.hbPl3{
	padding-left: 3px;
}
.hbPl5{
	padding-left: 5px;
}
.hbPl10{
	padding-left: 10px;
}
.hbPl15{
	padding-left: 15px;
}
.hbPl20{
	padding-left: 20px;
}
.hbPl25{
	padding-left: 25px;
}
.hbPl30{
	padding-left: 30px;
}
.hbPl35{
	padding-left: 35px;
}
.hbPl40{
	padding-left: 40px;
}
.hbPl45{
	padding-left: 45px;
}
.hbPl50{
	padding-left: 50px;
}
.hbPl100{
	padding-left: 100px;
}

/*paddingR*/
.hbPr3{
	padding-right: 3px;
}
.hbPr5{
	padding-right: 5px;
}
.hbPr10{
	padding-right: 10px;
}
.hbPr15{
	padding-right: 15px;
}
.hbPr20{
	padding-right: 20px;
}
.hbPr25{
	padding-right: 25px;
}
.hbPr30{
	padding-right: 30px;
}
.hbPr35{
	padding-right: 35px;
}
.hbPr40{
	padding-right: 40px;
}
.hbPr45{
	padding-right: 45px;
}
.hbPr50{
	padding-right: 50px;
}
.hbPr100{
	padding-right: 100px;
}

/*背景色*/
.hbBc_blk{
	background-color: #000;
}
.hbBc_gray{
	background-color: #999999;
}
.hbBc_crimsonRed{
	background-color: #bf0000;
}
.hbBc_wht{
	background-color: #FFF;
}
.hbBc_wht07{
	background-color: #FFF;
	opacity: 0.7;
}


/**/
@media screen and (max-width: 800px) {
	.pctop{
		display: none;
	}	
	article{
	width:100%;
		
}
aside{
		display: none;
	}
	.spFlex{
    display: flex;
		flex-direction: row;
		justify-content: space-between
  }
	.spimg{
		width: 97%
	}
	.sptext{
		width: 97%
	}
	
}
@media screen and (min-width: 800px) {
	.sptop{
		display: none;
	}
	.pcFlex{
    display: flex;
		flex-direction: row;
		justify-content: space-between
  }
	.hbMl01{
		margin-left: 1%;
	}
}
/*　固定　menu*/



#fixedBox {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}