@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@400;600&display=swap');

/************************************************** 見出し **************************************************/
.hp_midashi_BeforeAfterLine{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	/* font-family: 'Klee One', cursive; */
}

.hp_midashi_BeforeAfterLine:before, .hp_midashi_BeforeAfterLine:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 2px;
	background-color: #fff;
}

.hp_midashi_BeforeAfterLine:before {
	left:0;
}
.hp_midashi_BeforeAfterLine:after {
	right: 0;
}
/************************************************** 見出し **************************************************/





/************************************************** width **************************************************/
.hp_w100{width: 100px;}
.hp_w200{width: 200px;}
.hp_w300{width: 300px;}
.hp_w400{width: 400px;}
.hp_w500{width: 500px;}
.hp_w600{width: 600px;}
.hp_w700{width: 700px;}
.hp_w800{width: 800px;}
.hp_w900{width: 900px;}
.hp_w1000{width: 1000px;}
.hp_w1100{width: 1100px;}
.hp_w1200{width: 1200px;}

.hp_md_w100{width: 100px;}
.hp_md_w200{width: 200px;}
.hp_md_w300{width: 300px;}
.hp_md_w400{width: 400px;}
.hp_md_w500{width: 500px;}
.hp_md_w600{width: 600px;}
.hp_md_w700{width: 700px;}
.hp_md_w800{width: 800px;}
.hp_md_w900{width: 900px;}
.hp_md_w1000{width: 1000px;}
.hp_md_w1100{width: 1100px;}
.hp_md_w1200{width: 1200px;}

.hp_w100,.hp_w200,.hp_w300,.hp_w400,.hp_w500,.hp_w600,.hp_w700,.hp_w800,.hp_w900,.hp_w1000,.hp_w1100,.hp_w1200,
.hp_md_w100,.hp_md_w200,.hp_md_w300,.hp_md_w400,.hp_md_w500,.hp_md_w600,.hp_md_w700,.hp_md_w800,.hp_md_w900,.hp_md_w1000,.hp_md_w1100,.hp_md_w1200
{margin: 0 auto;}

.hp_w100pct{width: 100%;}

@media screen and (max-width: 768px){
	.hp_md_w100{width: 100%;}
	.hp_md_w200{width: 100%;}
	.hp_md_w300{width: 100%;}
	.hp_md_w400{width: 100%;}
	.hp_md_w500{width: 100%;}
	.hp_md_w600{width: 100%;}
	.hp_md_w700{width: 100%;}
	.hp_md_w800{width: 100%;}
	.hp_md_w900{width: 100%;}
	.hp_md_w1000{width: 100%;}
	.hp_md_w1100{width: 100%;}
	.hp_md_w1200{width: 100%;}
}
/************************************************** width **************************************************/





/************************************************** layout **************************************************/
/* inner */
.ly_inner {
	padding: 0 2rem;
	margin-left: auto;
	margin-right: auto;
}
/* inner */

/* float */
.hp_fl {float: left;}
.hp_fr {float: right;}
/* float */

/* display */
.hp_d_flex{display: flex;}
.hp_d_flex_wrap{display: flex;flex-wrap: wrap;}
.hp_d_block{display: block;}
.hp_d_inlineBlock{display: inline-block;}
/* display */

/* overflow */
.hp_overflow-hidden{overflow: hidden;}

/* clearfix*/
.hp_clearfix{
	display:block;
}
.hp_clearfix:after,.hp_clearfix:before{
	content: "";
	display: block;
	clear: both;
}
/* clearfix*/



/* position */
.hp_po_r{position: relative;}
.hp_po_a{position: absolute;}

.hp_po_top5{top:  5px;}
.hp_po_top10{top: 10px;}
.hp_po_top15{top: 15px;}
.hp_po_top20{top: 20px;}
.hp_po_top25{top: 25px;}
.hp_po_top30{top: 30px;}
.hp_po_top35{top: 35px;}
.hp_po_top40{top: 40px;}
.hp_po_top45{top: 45px;}
.hp_po_top50{top: 50px;}
.hp_po_top55{top: 55px;}
.hp_po_top60{top: 60px;}
.hp_po_top65{top: 65px;}
.hp_po_top70{top: 70px;}
.hp_po_top75{top: 75px;}
.hp_po_top80{top: 80px;}
.hp_po_top85{top: 85px;}
.hp_po_top90{top: 90px;}
.hp_po_top95{top: 95px;}
.hp_po_top100{top:100px;}

.hp_po_TOP5{top:  -5px;}
.hp_po_TOP10{top: -10px;}
.hp_po_TOP15{top: -15px;}
.hp_po_TOP20{top: -20px;}
.hp_po_TOP25{top: -25px;}
.hp_po_TOP30{top: -30px;}
.hp_po_TOP35{top: -35px;}
.hp_po_TOP40{top: -40px;}
.hp_po_TOP45{top: -45px;}
.hp_po_TOP50{top: -50px;}
.hp_po_TOP55{top: -55px;}
.hp_po_TOP60{top: -60px;}
.hp_po_TOP65{top: -65px;}
.hp_po_TOP70{top: -70px;}
.hp_po_TOP75{top: -75px;}
.hp_po_TOP80{top: -80px;}
.hp_po_TOP85{top: -85px;}
.hp_po_TOP90{top: -90px;}
.hp_po_TOP95{top: -95px;}
.hp_po_TOP100{top:-100px;}

.hp_po_bottom5{bottom:  5px;}
.hp_po_bottom10{bottom: 10px;}
.hp_po_bottom15{bottom: 15px;}
.hp_po_bottom20{bottom: 20px;}
.hp_po_bottom25{bottom: 25px;}
.hp_po_bottom30{bottom: 30px;}
.hp_po_bottom35{bottom: 35px;}
.hp_po_bottom40{bottom: 40px;}
.hp_po_bottom45{bottom: 45px;}
.hp_po_bottom50{bottom: 50px;}
.hp_po_bottom55{bottom: 55px;}
.hp_po_bottom60{bottom: 60px;}
.hp_po_bottom65{bottom: 65px;}
.hp_po_bottom70{bottom: 70px;}
.hp_po_bottom75{bottom: 75px;}
.hp_po_bottom80{bottom: 80px;}
.hp_po_bottom85{bottom: 85px;}
.hp_po_bottom90{bottom: 90px;}
.hp_po_bottom95{bottom: 95px;}
.hp_po_bottom100{bottom:100px;}

.hp_po_BOTTOM5{bottom:  -5px;}
.hp_po_BOTTOM10{bottom: -10px;}
.hp_po_BOTTOM15{bottom: -15px;}
.hp_po_BOTTOM20{bottom: -20px;}
.hp_po_BOTTOM25{bottom: -25px;}
.hp_po_BOTTOM30{bottom: -30px;}
.hp_po_BOTTOM35{bottom: -35px;}
.hp_po_BOTTOM40{bottom: -40px;}
.hp_po_BOTTOM45{bottom: -45px;}
.hp_po_BOTTOM50{bottom: -50px;}
.hp_po_BOTTOM55{bottom: -55px;}
.hp_po_BOTTOM60{bottom: -60px;}
.hp_po_BOTTOM65{bottom: -65px;}
.hp_po_BOTTOM70{bottom: -70px;}
.hp_po_BOTTOM75{bottom: -75px;}
.hp_po_BOTTOM80{bottom: -80px;}
.hp_po_BOTTOM85{bottom: -85px;}
.hp_po_BOTTOM90{bottom: -90px;}
.hp_po_BOTTOM95{bottom: -95px;}
.hp_po_BOTTOM100{bottom:-100px;}

.hp_po_right5{right:  5px;}
.hp_po_right10{right: 10px;}
.hp_po_right15{right: 15px;}
.hp_po_right20{right: 20px;}
.hp_po_right25{right: 25px;}
.hp_po_right30{right: 30px;}
.hp_po_right35{right: 35px;}
.hp_po_right40{right: 40px;}
.hp_po_right45{right: 45px;}
.hp_po_right50{right: 50px;}
.hp_po_right55{right: 55px;}
.hp_po_right60{right: 60px;}
.hp_po_right65{right: 65px;}
.hp_po_right70{right: 70px;}
.hp_po_right75{right: 75px;}
.hp_po_right80{right: 80px;}
.hp_po_right85{right: 85px;}
.hp_po_right90{right: 90px;}
.hp_po_right95{right: 95px;}
.hp_po_right100{right: 100px;}

.hp_po_RIGHT5{right:  -5px;}
.hp_po_RIGHT10{right: -10px;}
.hp_po_RIGHT15{right: -15px;}
.hp_po_RIGHT20{right: -20px;}
.hp_po_RIGHT25{right: -25px;}
.hp_po_RIGHT30{right: -30px;}
.hp_po_RIGHT35{right: -35px;}
.hp_po_RIGHT40{right: -40px;}
.hp_po_RIGHT45{right: -45px;}
.hp_po_RIGHT50{right: -50px;}
.hp_po_RIGHT55{right: -55px;}
.hp_po_RIGHT60{right: -60px;}
.hp_po_RIGHT65{right: -65px;}
.hp_po_RIGHT70{right: -70px;}
.hp_po_RIGHT75{right: -75px;}
.hp_po_RIGHT80{right: -80px;}
.hp_po_RIGHT85{right: -85px;}
.hp_po_RIGHT90{right: -90px;}
.hp_po_RIGHT95{right: -95px;}
.hp_po_RIGHT100{right:-100px;}

.hp_po_left5{left:  5px}
.hp_po_left10{left: 10px}
.hp_po_left15{left: 15px}
.hp_po_left20{left: 20px}
.hp_po_left25{left: 25px}
.hp_po_left30{left: 30px}
.hp_po_left35{left: 35px}
.hp_po_left40{left: 40px}
.hp_po_left45{left: 45px}
.hp_po_left50{left: 50px}
.hp_po_left55{left: 55px}
.hp_po_left60{left: 60px}
.hp_po_left65{left: 65px}
.hp_po_left70{left: 70px}
.hp_po_left75{left: 75px}
.hp_po_left80{left: 80px}
.hp_po_left85{left: 85px}
.hp_po_left90{left: 90px}
.hp_po_left95{left: 95px}
.hp_po_left100{left:100px}

.hp_po_LEFT5{left:  -5px}
.hp_po_LEFT10{left: -10px}
.hp_po_LEFT15{left: -15px}
.hp_po_LEFT20{left: -20px}
.hp_po_LEFT25{left: -25px}
.hp_po_LEFT30{left: -30px}
.hp_po_LEFT35{left: -35px}
.hp_po_LEFT40{left: -40px}
.hp_po_LEFT45{left: -45px}
.hp_po_LEFT50{left: -50px}
.hp_po_LEFT55{left: -55px}
.hp_po_LEFT60{left: -60px}
.hp_po_LEFT65{left: -65px}
.hp_po_LEFT70{left: -70px}
.hp_po_LEFT75{left: -75px}
.hp_po_LEFT80{left: -80px}
.hp_po_LEFT85{left: -85px}
.hp_po_LEFT90{left: -90px}
.hp_po_LEFT95{left: -95px}
.hp_po_LEFT100{left:-100px}

.hp_po_x{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.hp_po_y{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.hp_po_xy{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/* z-index */
.hp_zIndex_10{z-index: 10;}
.hp_zIndex_20{z-index: 20;}
.hp_zIndex_30{z-index: 30;}
.hp_zIndex_40{z-index: 40;}
.hp_zIndex_50{z-index: 50;}
.hp_zIndex_60{z-index: 60;}
.hp_zIndex_70{z-index: 70;}
.hp_zIndex_80{z-index: 80;}
.hp_zIndex_90{z-index: 90;}
.hp_zIndex_100{z-index: 100;}
.hp_zIndex_999{z-index: 999;}
/************************************************** layout **************************************************/





/************************************************** decoration **************************************************/
/* shadow */
.hp_shadow {filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));}


/* filter */
.hp_filterBlur_1{filter: blur(1px);}
.hp_filterBlur_2{filter: blur(2px);}
.hp_filterBlur_3{filter: blur(3px);}
.hp_filterBlur_4{filter: blur(4px);}
.hp_filterBlur_5{filter: blur(5px);}
.hp_filterBlur_6{filter: blur(6px);}
.hp_filterBlur_7{filter: blur(7px);}
.hp_filterBlur_8{filter: blur(8px);}
.hp_filterBlur_9{filter: blur(9px);}
.hp_filterBlur_10{filter: blur(10px);}

.hp_filterBrightness_10{filter: brightness(10%);}
.hp_filterBrightness_20{filter: brightness(20%);}
.hp_filterBrightness_30{filter: brightness(30%);}
.hp_filterBrightness_40{filter: brightness(40%);}
.hp_filterBrightness_50{filter: brightness(50%);}
.hp_filterBrightness_60{filter: brightness(60%);}
.hp_filterBrightness_70{filter: brightness(70%);}
.hp_filterBrightness_80{filter: brightness(80%);}
.hp_filterBrightness_90{filter: brightness(90%);}
.hp_filterBrightness_100{filter: brightness(100%);}
.hp_filterBrightness_110{filter: brightness(110%);}
.hp_filterBrightness_120{filter: brightness(120%);}
.hp_filterBrightness_130{filter: brightness(130%);}
.hp_filterBrightness_140{filter: brightness(140%);}
.hp_filterBrightness_150{filter: brightness(150%);}
.hp_filterBrightness_160{filter: brightness(160%);}
.hp_filterBrightness_170{filter: brightness(170%);}
.hp_filterBrightness_180{filter: brightness(180%);}
.hp_filterBrightness_190{filter: brightness(190%);}
.hp_filterBrightness_200{filter: brightness(200%);}

.hp_filterContrast_10{filter: contrast(10%);}
.hp_filterContrast_20{filter: contrast(20%);}
.hp_filterContrast_30{filter: contrast(30%);}
.hp_filterContrast_40{filter: contrast(40%);}
.hp_filterContrast_50{filter: contrast(50%);}
.hp_filterContrast_60{filter: contrast(60%);}
.hp_filterContrast_70{filter: contrast(70%);}
.hp_filterContrast_80{filter: contrast(80%);}
.hp_filterContrast_90{filter: contrast(90%);}
.hp_filterContrast_100{filter: contrast(100%);}
.hp_filterContrast_110{filter: contrast(110%);}
.hp_filterContrast_120{filter: contrast(120%);}
.hp_filterContrast_130{filter: contrast(130%);}
.hp_filterContrast_140{filter: contrast(140%);}
.hp_filterContrast_150{filter: contrast(150%);}
.hp_filterContrast_160{filter: contrast(160%);}
.hp_filterContrast_170{filter: contrast(170%);}
.hp_filterContrast_180{filter: contrast(180%);}
.hp_filterContrast_190{filter: contrast(190%);}
.hp_filterContrast_200{filter: contrast(200%);}

.hp_filterDropShadow_10{filter: drop-shadow(0 10px 10px silver);}

.hp_filterGrayscale_10{filter: grayscale(10%);}
.hp_filterGrayscale_20{filter: grayscale(20%);}
.hp_filterGrayscale_30{filter: grayscale(30%);}
.hp_filterGrayscale_40{filter: grayscale(40%);}
.hp_filterGrayscale_50{filter: grayscale(50%);}
.hp_filterGrayscale_60{filter: grayscale(60%);}
.hp_filterGrayscale_70{filter: grayscale(70%);}
.hp_filterGrayscale_80{filter: grayscale(80%);}
.hp_filterGrayscale_90{filter: grayscale(90%);}
.hp_filterGrayscale_100{filter: grayscale(100%);}

.hp_filterHueRotate_10{filter: hue-rotate(10deg);}
.hp_filterHueRotate_20{filter: hue-rotate(20deg);}
.hp_filterHueRotate_30{filter: hue-rotate(30deg);}
.hp_filterHueRotate_40{filter: hue-rotate(40deg);}
.hp_filterHueRotate_50{filter: hue-rotate(50deg);}
.hp_filterHueRotate_60{filter: hue-rotate(60deg);}
.hp_filterHueRotate_70{filter: hue-rotate(70deg);}
.hp_filterHueRotate_80{filter: hue-rotate(80deg);}
.hp_filterHueRotate_90{filter: hue-rotate(90deg);}
.hp_filterHueRotate_100{filter: hue-rotate(100deg);}
.hp_filterHueRotate_110{filter: hue-rotate(110deg);}
.hp_filterHueRotate_120{filter: hue-rotate(120deg);}
.hp_filterHueRotate_130{filter: hue-rotate(130deg);}
.hp_filterHueRotate_140{filter: hue-rotate(140deg);}
.hp_filterHueRotate_150{filter: hue-rotate(150deg);}
.hp_filterHueRotate_160{filter: hue-rotate(160deg);}
.hp_filterHueRotate_170{filter: hue-rotate(170deg);}
.hp_filterHueRotate_180{filter: hue-rotate(180deg);}
.hp_filterHueRotate_190{filter: hue-rotate(190deg);}
.hp_filterHueRotate_200{filter: hue-rotate(200deg);}
.hp_filterHueRotate_210{filter: hue-rotate(210deg);}
.hp_filterHueRotate_220{filter: hue-rotate(220deg);}
.hp_filterHueRotate_230{filter: hue-rotate(230deg);}
.hp_filterHueRotate_240{filter: hue-rotate(240deg);}
.hp_filterHueRotate_250{filter: hue-rotate(250deg);}
.hp_filterHueRotate_260{filter: hue-rotate(260deg);}
.hp_filterHueRotate_270{filter: hue-rotate(270deg);}
.hp_filterHueRotate_280{filter: hue-rotate(280deg);}
.hp_filterHueRotate_290{filter: hue-rotate(290deg);}
.hp_filterHueRotate_300{filter: hue-rotate(300deg);}
.hp_filterHueRotate_310{filter: hue-rotate(310deg);}
.hp_filterHueRotate_320{filter: hue-rotate(320deg);}
.hp_filterHueRotate_330{filter: hue-rotate(330deg);}
.hp_filterHueRotate_340{filter: hue-rotate(340deg);}
.hp_filterHueRotate_350{filter: hue-rotate(350deg);}
.hp_filterHueRotate_360{filter: hue-rotate(360deg);}

.hp_filterInvert_10{filter: invert(10%);}
.hp_filterInvert_20{filter: invert(20%);}
.hp_filterInvert_30{filter: invert(30%);}
.hp_filterInvert_40{filter: invert(40%);}
.hp_filterInvert_50{filter: invert(50%);}
.hp_filterInvert_60{filter: invert(60%);}
.hp_filterInvert_70{filter: invert(70%);}
.hp_filterInvert_80{filter: invert(80%);}
.hp_filterInvert_90{filter: invert(90%);}
.hp_filterInvert_100{filter: invert(100%);}

.hp_filterOpacity_5{filter: opacity(5%);}
.hp_filterOpacity_10{filter: opacity(10%);}
.hp_filterOpacity_15{filter: opacity(15%);}
.hp_filterOpacity_20{filter: opacity(20%);}
.hp_filterOpacity_25{filter: opacity(25%);}
.hp_filterOpacity_30{filter: opacity(30%);}
.hp_filterOpacity_35{filter: opacity(35%);}
.hp_filterOpacity_40{filter: opacity(40%);}
.hp_filterOpacity_45{filter: opacity(45%);}
.hp_filterOpacity_50{filter: opacity(50%);}
.hp_filterOpacity_55{filter: opacity(55%);}
.hp_filterOpacity_60{filter: opacity(60%);}
.hp_filterOpacity_65{filter: opacity(65%);}
.hp_filterOpacity_70{filter: opacity(70%);}
.hp_filterOpacity_75{filter: opacity(75%);}
.hp_filterOpacity_80{filter: opacity(80%);}
.hp_filterOpacity_85{filter: opacity(85%);}
.hp_filterOpacity_90{filter: opacity(90%);}
.hp_filterOpacity_95{filter: opacity(95%);}

.hp_filterSaturate_10{filter: saturate(10%);}
.hp_filterSaturate_20{filter: saturate(20%);}
.hp_filterSaturate_30{filter: saturate(30%);}
.hp_filterSaturate_40{filter: saturate(40%);}
.hp_filterSaturate_50{filter: saturate(50%);}
.hp_filterSaturate_60{filter: saturate(60%);}
.hp_filterSaturate_70{filter: saturate(70%);}
.hp_filterSaturate_80{filter: saturate(80%);}
.hp_filterSaturate_90{filter: saturate(90%);}
.hp_filterSaturate_100{filter: saturate(100%);}
.hp_filterSaturate_110{filter: saturate(110%);}
.hp_filterSaturate_120{filter: saturate(120%);}
.hp_filterSaturate_130{filter: saturate(130%);}
.hp_filterSaturate_140{filter: saturate(140%);}
.hp_filterSaturate_150{filter: saturate(150%);}
.hp_filterSaturate_160{filter: saturate(160%);}
.hp_filterSaturate_170{filter: saturate(170%);}
.hp_filterSaturate_180{filter: saturate(180%);}
.hp_filterSaturate_190{filter: saturate(190%);}
.hp_filterSaturate_200{filter: saturate(200%);}

.hp_filterSepia_10{filter: sepia(10%);}
.hp_filterSepia_20{filter: sepia(20%);}
.hp_filterSepia_30{filter: sepia(30%);}
.hp_filterSepia_40{filter: sepia(40%);}
.hp_filterSepia_50{filter: sepia(50%);}
.hp_filterSepia_60{filter: sepia(60%);}
.hp_filterSepia_70{filter: sepia(70%);}
.hp_filterSepia_80{filter: sepia(80%);}
.hp_filterSepia_90{filter: sepia(90%);}
.hp_filterSepia_100{filter: sepia(100%);}


/* border */
.hp_border{border: 1px solid #ddd}
.hp_border_x{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
.hp_border_y{border-left: 1px solid #ddd; border-right: 1px solid #ddd}
.hp_border_top{border-top: 1px solid #ddd}
.hp_border_right{border-right: 1px solid #ddd}
.hp_border_bottom{border-bottom: 1px solid #ddd}
.hp_border_left{border-left: 1px solid #ddd}

.hp_borderBox_normal{border: 2px solid #CCC;}
.hp_borderBox_important{border: 2px solid red;}

.hp_borderWidth_1{border-width: 1px;}
.hp_borderWidth_2{border-width: 2px;}
.hp_borderWidth_3{border-width: 3px;}
.hp_borderWidth_4{border-width: 4px;}
.hp_borderWidth_5{border-width: 5px;}

.hp_borderColor_red{border-color: red;}
.hp_borderColor_gray{border-color: gray;}
.hp_borderColor_base{border-color: var(--baseColor);}
.hp_borderColor_main{border-color: var(--mainColor);}

.hp_borderStyle_none{border-style: none;}
.hp_borderStyle_hidden{border-style: hidden;}
.hp_borderStyle_dotted{border-style: dotted;}
.hp_borderStyle_dashed{border-style: dashed;}
.hp_borderStyle_solid{border-style: solid;}
.hp_borderStyle_double{border-style: double;}
.hp_borderStyle_groove{border-style: groove;}
.hp_borderStyle_ridge{border-style: ridge;}
.hp_borderStyle_inset{border-style: inset;}
.hp_borderStyle_outset{border-style: outset;}


/* radius */
.hp_radius5{border-radius: 5px;}
.hp_radius10{border-radius: 10px;}
.hp_radius15{border-radius: 15px;}
.hp_radius20{border-radius: 20px;}
.hp_radius25{border-radius: 25px;}
.hp_radius30{border-radius: 30px;}
.hp_radius35{border-radius: 35px;}
.hp_radius40{border-radius: 40px;}
.hp_radius45{border-radius: 45px;}
.hp_radius50{border-radius: 50px;}
.hp_radius50{border-radius: 50px;}
.hp_radius50pct{border-radius: 50%;}


/* marker */
.hp_marker {background: -o-linear-gradient(transparent 70%, #F0FF00 70%);background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #F0FF00));background: linear-gradient(transparent 70%, #F0FF00 70%);}


/* background */
.hp_bg_main{background-color: var(--mainColor);}
.hp_bg_main__rgba01{background-color: rgb(191 146 82 / 10%);}
.hp_bg_white{background-color: #FFF;}
.hp_bg_gray{ background-color: #F0F0F0;}
.hp_bg_black{background-color: var(--baseColor);}
.hp_bg_blue{background-color: #007dbf;}
.hp_bg_red{background-color: #BE0000;}
.hp_bg_orange{background-color: #e66800;}

.hp_bg_gra3{
	background: rgb(0,0,0);
	background: linear-gradient(135deg, rgba(0,29,124,0) 0%, rgba(0,29,124,0) 29%, rgba(0,29,124,1) 29%, rgba(0,29,124,1) 100%);
}
.hp_bg_gra4{
	background: rgb(247,251,254);
	background: linear-gradient(125deg, rgba(247,251,254,1) 0%, rgba(221,237,246,1) 100%);
}
.hp_bg_gra5{
	background: rgb(218,228,236);
	background: linear-gradient(125deg, rgba(218,228,236,1) 0%, rgba(219,232,241,1) 45%, rgba(93,120,139,1) 45%, rgba(93,120,139,1) 100%);
}

/* list */
.hp_disc { list-style-type: disc; padding-left: 1em; text-indent: -1em; }
.hp_circle { list-style-type: circle; }

/* opacity */
.opacity01{opacity: 0.1;}
.opacity02{opacity: 0.2;}
.opacity03{opacity: 0.3;}
.opacity04{opacity: 0.4;}
.opacity05{opacity: 0.5;}
.opacity06{opacity: 0.6;}
.opacity07{opacity: 0.7;}
.opacity08{opacity: 0.8;}
.opacity09{opacity: 0.9;}

/************************************************** decoration **************************************************/





/************************************************** element **************************************************/
/* triangle */
.el_triangleUp,.el_triangleDown {
	padding-top: 10vw;
	position: relative;
	overflow: hidden;
}
.el_triangleUp::before,.el_triangleDown::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}
.el_triangleUp::before{
	border-bottom: 10vw solid var(--mainColor);
	border-left: 100vw solid transparent;
}
.el_triangleDown::before{
	border-top: 10vw solid var(--mainColor);
	border-right: 100vw solid transparent;
}
.el_triangleUpColor_white::before{
	border-bottom-color: #fff;
}
/* triangle */


/* arrow */
.el_arrow{
	position: relative;
}
.el_arrow::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-43%) skew(45deg);
	width: 35px;
	height: 7px;
	border-bottom: 1px solid var(--baseColor);
	border-right: 1px solid var(--baseColor);
	z-index: 990;
}
.el_arrow:hover::after,
.el_arrow:focus:after{
	right: 0;
	opacity: 0.5;
	transition: 0.2s;
}
/* arrow */


/* arrow */
.el_arrowIcon_up::after{
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f077';
	color: #fff;
}
/* arrow */


/* arrow */
.el_arrowIcon_down::after{
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	color: #fff;
}
/* arrow */

/* arrow */
.el_arrowIcon_right::after{
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f054';
	color: #fff;
}
/* arrow */


/* arrow */
.el_arrowIcon_left::after{
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f053';
	color: #fff;
}
/* arrow */


/* el_mainTitle */
.el_mainTitle {
	position: relative;
	line-height: 0.5;
	font-size: 5rem;
	font-family: 'Tangerine', cursive;
	/* font-family: 'Luxurious Script', cursive; */
	color: var(--mainColor);
}
.el_mainTitle span {
	font-family: YuMincho, 'Yu Mincho', serif;
	color: var(--baseColor);
}

@media screen and (max-width: 992px) {
	.el_mainTitle {
		font-size: 3.5rem;
	}
}
/* el_mainTitle */



/* 見出し */
.el_midashi_BeforeAfterLine{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	/* font-family: 'Klee One', cursive; */
}

.el_midashi_BeforeAfterLine:before, .el_midashi_BeforeAfterLine:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 2px;
	background-color: #fff;
}

.el_midashi_BeforeAfterLine:before {
	left:0;
}
.el_midashi_BeforeAfterLine:after {
	right: 0;
}
/* 見出し */


/************************************************** element **************************************************/




/************************************************** 見出し **************************************************/
/************************************************** 見出し **************************************************/





/************************************************** button **************************************************/
/* slide */
.el_btnSlider{
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 1rem 3rem;
	border: 1px solid var(--baseColor);
	background-color: #fff;
	font-size: 1rem;
	font-weight: bold;
	font-style: normal;
	z-index: 2;
	text-align: center;
	color: var(--baseColor);
	letter-spacing: 2px;
	/* max-width: 20rem;
	min-width: 12rem; */
}
.el_btnSlider::before {
	content: "";
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: 0;
	border-right: 50px solid transparent;
	border-bottom: 80px solid var(--baseColor);
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
	z-index: -1;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.el_btnSlider:hover,
.el_btnSlider:focus {
	border: 1px solid var(--baseColor);
	color: #fff;
	opacity: 1;
	text-decoration: none;
}
.el_btnSlider:hover:before,
.el_btnSlider:focus:before {
	-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
			transform: translateX(0);
	z-index: -1;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
/* slide */

/* slide_white */
.el_btnSlider.el_btnSlider__white{
	color: #fff;
	background-color: var(--baseColor);
	border: 1px solid #fff;
}
.el_btnSlider.el_btnSlider__white::before{
	border-bottom: 80px solid #fff;
}
.el_btnSlider.el_btnSlider__white:hover,
.el_btnSlider.el_btnSlider__white:focus {
	color: var(--baseColor);
}
/* slide_white */


/* Normal */
.el_btnNormal{
	display: inline-block;
	width: 300px;
	max-width: 100%;
	padding: 1rem 3rem;
	background-color: var(--mainColor);
	border: 2px solid transparent;
	box-shadow: 0 2px 6px rgba(0,0,0,.16);
	color: #fff;
	font-size: 1.125rem;
	text-align: center;
	
}
/* Normal */

/************************************************** button **************************************************/









/************************************************** text **************************************************/
/* base16pxの場合 */
.hp_fs16_10{font-size:0.625rem;;}
.hp_fs16_11{font-size:0.687rem;}
.hp_fs16_12{font-size:0.75rem;}
.hp_fs16_13{font-size:0.812rem;}
.hp_fs16_14{font-size:0.875rem;}
.hp_fs16_15{font-size:0.937rem;}
.hp_fs16_16{font-size:1rem;}
.hp_fs16_17{font-size:1.062rem;}
.hp_fs16_18{font-size:1.125rem;}
.hp_fs16_19{font-size:1.187rem;}
.hp_fs16_20{font-size:1.25rem;}
.hp_fs16_21{font-size:1.312rem;}
.hp_fs16_22{font-size:1.375rem;}
.hp_fs16_23{font-size:1.437rem;}
.hp_fs16_24{font-size:1.5rem;}
.hp_fs16_25{font-size:1.562rem;}
.hp_fs16_26{font-size:1.625rem;}
.hp_fs16_27{font-size:1.687rem;}
.hp_fs16_28{font-size:1.75rem;}
.hp_fs16_29{font-size:1.812rem;}
.hp_fs16_30{font-size:1.875rem;}
.hp_fs16_31{font-size:1.937rem;}
.hp_fs16_32{font-size:2rem;}
.hp_fs16_33{font-size:2.062rem;}
.hp_fs16_34{font-size:2.125rem;}
.hp_fs16_35{font-size:2.187rem;}
.hp_fs16_36{font-size:2.25rem;}
.hp_fs16_37{font-size:2.312rem;}
.hp_fs16_38{font-size:2.375rem;}
.hp_fs16_39{font-size:2.437rem;}
.hp_fs16_40{font-size:2.5rem;}
.hp_fs16_41{font-size:2.562rem;}
.hp_fs16_42{font-size:2.625rem;}
.hp_fs16_43{font-size:2.687rem;}
.hp_fs16_44{font-size:2.75rem;}
.hp_fs16_45{font-size:2.812rem;}
.hp_fs16_46{font-size:2.875rem;}
.hp_fs16_47{font-size:2.937rem;}
.hp_fs16_48{font-size:3rem;}
.hp_fs16_49{font-size:3.062rem;}
.hp_fs16_50{font-size:3.125rem;}
.hp_fs16_51{font-size:3.187rem;}
.hp_fs16_52{font-size:3.25rem;}
.hp_fs16_53{font-size:3.312rem;}
.hp_fs16_54{font-size:3.375rem;}
.hp_fs16_55{font-size:3.437rem;}
.hp_fs16_56{font-size:3.5rem;}
.hp_fs16_57{font-size:3.562rem;}
.hp_fs16_58{font-size:3.625rem;}
.hp_fs16_59{font-size:3.687rem;}
.hp_fs16_60{font-size:3.75rem;}
.hp_fs16_61{font-size:3.812rem;}
.hp_fs16_62{font-size:3.875rem;}
.hp_fs16_63{font-size:3.937rem;}
.hp_fs16_64{font-size:4rem;}
.hp_fs16_65{font-size:4.062rem;}
.hp_fs16_66{font-size:4.125rem;}
.hp_fs16_67{font-size:4.187rem;}
.hp_fs16_68{font-size:4.25rem;}
.hp_fs16_69{font-size:4.312rem;}
.hp_fs16_70{font-size:4.375rem;}
.hp_fs16_71{font-size:4.437rem;}
.hp_fs16_72{font-size:4.5rem;}
.hp_fs16_73{font-size:4.562rem;}
.hp_fs16_74{font-size:4.625rem;}
.hp_fs16_75{font-size:4.687rem;}
.hp_fs16_76{font-size:4.75rem;}
.hp_fs16_77{font-size:4.812rem;}
.hp_fs16_78{font-size:4.875rem;}
.hp_fs16_79{font-size:4.937rem;}
.hp_fs16_80{font-size:5rem;}
.hp_fs16_81{font-size:5.062rem;}
.hp_fs16_82{font-size:5.125rem;}
.hp_fs16_83{font-size:5.187rem;}
.hp_fs16_84{font-size:5.25rem;}
.hp_fs16_85{font-size:5.312rem;}
.hp_fs16_86{font-size:5.375rem;}
.hp_fs16_87{font-size:5.437rem;}
.hp_fs16_88{font-size:5.5rem;}
.hp_fs16_89{font-size:5.562rem;}
.hp_fs16_90{font-size:5.625rem;}
.hp_fs16_91{font-size:5.687rem;}
.hp_fs16_92{font-size:5.75rem;}
.hp_fs16_93{font-size:5.812rem;}
.hp_fs16_94{font-size:5.875rem;}
.hp_fs16_95{font-size:5.937rem;}
.hp_fs16_96{font-size:6rem;}
.hp_fs16_97{font-size:6.062rem;}
.hp_fs16_98{font-size:6.125rem;}
.hp_fs16_99{font-size:6.187rem;}
.hp_fs16_100{font-size:6.25rem;}


/* base18pxの場合 */
.hp_fs18_10{font-size:0.555rem;}
.hp_fs18_11{font-size:0.611rem;}
.hp_fs18_12{font-size:0.666rem;}
.hp_fs18_13{font-size:0.722rem;}
.hp_fs18_14{font-size:0.777rem;}
.hp_fs18_15{font-size:0.833rem;}
.hp_fs18_16{font-size:0.888rem;}
.hp_fs18_17{font-size:0.944rem;}
.hp_fs18_18{font-size:1rem;}
.hp_fs18_19{font-size:1.055rem;}
.hp_fs18_20{font-size:1.111rem;}
.hp_fs18_21{font-size:1.166rem;}
.hp_fs18_22{font-size:1.222rem;}
.hp_fs18_23{font-size:1.277rem;}
.hp_fs18_24{font-size:1.333rem;}
.hp_fs18_25{font-size:1.388rem;}
.hp_fs18_26{font-size:1.444rem;}
.hp_fs18_27{font-size:1.5rem;}
.hp_fs18_28{font-size:1.555rem;}
.hp_fs18_29{font-size:1.611rem;}
.hp_fs18_30{font-size:1.666rem;}
.hp_fs18_31{font-size:1.722rem;}
.hp_fs18_32{font-size:1.777rem;}
.hp_fs18_33{font-size:1.833rem;}
.hp_fs18_34{font-size:1.888rem;}
.hp_fs18_35{font-size:1.944rem;}
.hp_fs18_36{font-size:2rem;}
.hp_fs18_37{font-size:2.055rem;}
.hp_fs18_38{font-size:2.111rem;}
.hp_fs18_39{font-size:2.166rem;}
.hp_fs18_40{font-size:2.222rem;}
.hp_fs18_41{font-size:2.277rem;}
.hp_fs18_42{font-size:2.333rem;}
.hp_fs18_43{font-size:2.388rem;}
.hp_fs18_44{font-size:2.444rem;}
.hp_fs18_45{font-size:2.5rem;}
.hp_fs18_46{font-size:2.555rem;}
.hp_fs18_47{font-size:2.611rem;}
.hp_fs18_48{font-size:2.666rem;}
.hp_fs18_49{font-size:2.722rem;}
.hp_fs18_50{font-size:2.777rem;}
.hp_fs18_51{font-size:2.833rem;}
.hp_fs18_52{font-size:2.888rem;}
.hp_fs18_53{font-size:2.944rem;}
.hp_fs18_54{font-size:3rem;}
.hp_fs18_55{font-size:3.055rem;}
.hp_fs18_56{font-size:3.111rem;}
.hp_fs18_57{font-size:3.166rem;}
.hp_fs18_58{font-size:3.222rem;}
.hp_fs18_59{font-size:3.277rem;}
.hp_fs18_60{font-size:3.333rem;}
.hp_fs18_61{font-size:3.388rem;}
.hp_fs18_62{font-size:3.444rem;}
.hp_fs18_63{font-size:3.5rem;}
.hp_fs18_64{font-size:3.555rem;}
.hp_fs18_65{font-size:3.611rem;}
.hp_fs18_66{font-size:3.666rem;}
.hp_fs18_67{font-size:3.722rem;}
.hp_fs18_68{font-size:3.777rem;}
.hp_fs18_69{font-size:3.833rem;}
.hp_fs18_70{font-size:3.888rem;}
.hp_fs18_71{font-size:3.944rem;}
.hp_fs18_72{font-size:4rem;}
.hp_fs18_73{font-size:4.055rem;}
.hp_fs18_74{font-size:4.111rem;}
.hp_fs18_75{font-size:4.166rem;}
.hp_fs18_76{font-size:4.222rem;}
.hp_fs18_77{font-size:4.277rem;}
.hp_fs18_78{font-size:4.333rem;}
.hp_fs18_79{font-size:4.388rem;}
.hp_fs18_80{font-size:4.444rem;}
.hp_fs18_81{font-size:4.5rem;}
.hp_fs18_82{font-size:4.555rem;}
.hp_fs18_83{font-size:4.611rem;}
.hp_fs18_84{font-size:4.666rem;}
.hp_fs18_85{font-size:4.722rem;}
.hp_fs18_86{font-size:4.777rem;}
.hp_fs18_87{font-size:4.833rem;}
.hp_fs18_88{font-size:4.888rem;}
.hp_fs18_89{font-size:4.944rem;}
.hp_fs18_90{font-size:5rem;}
.hp_fs18_91{font-size:5.055rem;}
.hp_fs18_92{font-size:5.111rem;}
.hp_fs18_93{font-size:5.166rem;}
.hp_fs18_94{font-size:5.222rem;}
.hp_fs18_95{font-size:5.277rem;}
.hp_fs18_96{font-size:5.333rem;}
.hp_fs18_97{font-size:5.388rem;}
.hp_fs18_98{font-size:5.444rem;}
.hp_fs18_99{font-size:5.5rem;}
.hp_fs18_100{font-size:5.555rem;}


.hp_text_left{text-align: left;}
.hp_text_right{text-align: right;}
.hp_text_center{text-align: center;}
.hp_text_bold{font-weight: bold}
.hp_text_decoNone,.text_decoNone:hover,.text_decoNone:focus{text-decoration: none !important;}


.hp_text_black{color: black;}
.hp_text_white{color: white;}
.hp_text_red{color: red;}


/************************************************** text **************************************************/





/************************************************** margin/padding **************************************************/
/* margin */
.hp_ma0{margin:0px !important;}
.hp_ma5{margin:5px !important;}
.hp_ma10{margin:10px !important;}
.hp_ma15{margin:15px !important;}
.hp_ma20{margin:20px !important;}
.hp_ma25{margin:25px !important;}
.hp_ma30{margin:30px !important;}
.hp_ma35{margin:35px !important;}
.hp_ma40{margin:40px !important;}
.hp_ma45{margin:45px !important;}
.hp_ma50{margin:50px !important;}
.hp_ma55{margin:55px !important;}
.hp_ma60{margin:60px !important;}
.hp_ma65{margin:65px !important;}
.hp_ma70{margin:70px !important;}
.hp_ma75{margin:75px !important;}
.hp_ma80{margin:80px !important;}
.hp_ma85{margin:85px !important;}
.hp_ma90{margin:90px !important;}
.hp_ma95{margin:95px !important;}
.hp_ma100{margin:100px !important;}

.hp_mt0{margin-top:0px !important;}
.hp_mt5{margin-top:5px !important;}
.hp_mt10{margin-top:10px !important;}
.hp_mt15{margin-top:15px !important;}
.hp_mt20{margin-top:20px !important;}
.hp_mt25{margin-top:25px !important;}
.hp_mt30{margin-top:30px !important;}
.hp_mt35{margin-top:35px !important;}
.hp_mt40{margin-top:40px !important;}
.hp_mt45{margin-top:45px !important;}
.hp_mt50{margin-top:50px !important;}
.hp_mt55{margin-top:55px !important;}
.hp_mt60{margin-top:60px !important;}
.hp_mt65{margin-top:65px !important;}
.hp_mt70{margin-top:70px !important;}
.hp_mt75{margin-top:75px !important;}
.hp_mt80{margin-top:80px !important;}
.hp_mt85{margin-top:85px !important;}
.hp_mt90{margin-top:90px !important;}
.hp_mt95{margin-top:95px !important;}
.hp_mt100{margin-top:100px !important;}
.hp_mt2em{margin-top:2em !important;}

.hp_MT5{margin-top:-5px !important;}
.hp_MT10{margin-top:-10px !important;}
.hp_MT15{margin-top:-15px !important;}
.hp_MT20{margin-top:-20px !important;}
.hp_MT25{margin-top:-25px !important;}
.hp_MT30{margin-top:-30px !important;}
.hp_MT35{margin-top:-35px !important;}
.hp_MT40{margin-top:-40px !important;}
.hp_MT45{margin-top:-45px !important;}
.hp_MT50{margin-top:-50px !important;}
.hp_MT55{margin-top:-55px !important;}
.hp_MT60{margin-top:-60px !important;}
.hp_MT65{margin-top:-65px !important;}
.hp_MT70{margin-top:-70px !important;}
.hp_MT75{margin-top:-75px !important;}
.hp_MT80{margin-top:-80px !important;}
.hp_MT85{margin-top:-85px !important;}
.hp_MT90{margin-top:-90px !important;}
.hp_MT95{margin-top:-95px !important;}
.hp_MT100{margin-top:-100px !important;}

.hp_mb0{margin-bottom:0px !important;}
.hp_mb5{margin-bottom:5px !important;}
.hp_mb10{margin-bottom:10px !important;}
.hp_mb15{margin-bottom:15px !important;}
.hp_mb20{margin-bottom:20px !important;}
.hp_mb25{margin-bottom:25px !important;}
.hp_mb30{margin-bottom:30px !important;}
.hp_mb35{margin-bottom:35px !important;}
.hp_mb40{margin-bottom:40px !important;}
.hp_mb45{margin-bottom:45px !important;}
.hp_mb50{margin-bottom:50px !important;}
.hp_mb55{margin-bottom:55px !important;}
.hp_mb60{margin-bottom:60px !important;}
.hp_mb65{margin-bottom:65px !important;}
.hp_mb70{margin-bottom:70px !important;}
.hp_mb75{margin-bottom:75px !important;}
.hp_mb80{margin-bottom:80px !important;}
.hp_mb85{margin-bottom:85px !important;}
.hp_mb90{margin-bottom:90px !important;}
.hp_mb95{margin-bottom:95px !important;}
.hp_mb100{margin-bottom:100px !important;}

.hp_MB5{margin-bottom:-5px !important;}
.hp_MB10{margin-bottom:-10px !important;}
.hp_MB15{margin-bottom:-15px !important;}
.hp_MB20{margin-bottom:-20px !important;}
.hp_MB25{margin-bottom:-25px !important;}
.hp_MB30{margin-bottom:-30px !important;}
.hp_MB35{margin-bottom:-35px !important;}
.hp_MB40{margin-bottom:-40px !important;}
.hp_MB45{margin-bottom:-45px !important;}
.hp_MB50{margin-bottom:-50px !important;}
.hp_MB55{margin-bottom:-55px !important;}
.hp_MB60{margin-bottom:-60px !important;}
.hp_MB65{margin-bottom:-65px !important;}
.hp_MB70{margin-bottom:-70px !important;}
.hp_MB75{margin-bottom:-75px !important;}
.hp_MB80{margin-bottom:-80px !important;}
.hp_MB85{margin-bottom:-85px !important;}
.hp_MB90{margin-bottom:-90px !important;}
.hp_MB95{margin-bottom:-95px !important;}
.hp_MB100{margin-bottom:-100px !important;}
.hp_MB2em{margin-bottom:-2em !important;}

.hp_mr0{margin-right:0px !important;}
.hp_mr5{margin-right:5px !important;}
.hp_mr10{margin-right:10px !important;}
.hp_mr15{margin-right:15px !important;}
.hp_mr20{margin-right:20px !important;}
.hp_mr25{margin-right:25px !important;}
.hp_mr30{margin-right:30px !important;}
.hp_mr35{margin-right:35px !important;}
.hp_mr40{margin-right:40px !important;}
.hp_mr45{margin-right:45px !important;}
.hp_mr50{margin-right:50px !important;}
.hp_mr55{margin-right:55px !important;}
.hp_mr60{margin-right:60px !important;}
.hp_mr65{margin-right:65px !important;}
.hp_mr70{margin-right:70px !important;}
.hp_mr75{margin-right:75px !important;}
.hp_mr80{margin-right:80px !important;}
.hp_mr85{margin-right:85px !important;}
.hp_mr90{margin-right:90px !important;}
.hp_mr95{margin-right:95px !important;}
.hp_mr100{margin-right:100px !important;}

.hp_MR5{margin-right:-5px !important;}
.hp_MR10{margin-right:-10px !important;}
.hp_MR15{margin-right:-15px !important;}
.hp_MR20{margin-right:-20px !important;}
.hp_MR25{margin-right:-25px !important;}
.hp_MR30{margin-right:-30px !important;}
.hp_MR35{margin-right:-35px !important;}
.hp_MR40{margin-right:-40px !important;}
.hp_MR45{margin-right:-45px !important;}
.hp_MR50{margin-right:-50px !important;}
.hp_MR55{margin-right:-55px !important;}
.hp_MR60{margin-right:-60px !important;}
.hp_MR65{margin-right:-65px !important;}
.hp_MR70{margin-right:-70px !important;}
.hp_MR75{margin-right:-75px !important;}
.hp_MR80{margin-right:-80px !important;}
.hp_MR85{margin-right:-85px !important;}
.hp_MR90{margin-right:-90px !important;}
.hp_MR95{margin-right:-95px !important;}
.hp_MR100{margin-right:-100px !important;}

.hp_ml0{margin-left: 0px !important;}
.hp_ml5{margin-left: 5px !important;}
.hp_ml10{margin-left: 10px !important;}
.hp_ml15{margin-left: 15px !important;}
.hp_ml20{margin-left: 20px !important;}
.hp_ml25{margin-left: 25px !important;}
.hp_ml30{margin-left: 30px !important;}
.hp_ml35{margin-left: 35px !important;}
.hp_ml40{margin-left: 40px !important;}
.hp_ml45{margin-left: 45px !important;}
.hp_ml50{margin-left: 50px !important;}
.hp_ml55{margin-left:55px !important;}
.hp_ml60{margin-left:60px !important;}
.hp_ml65{margin-left:65px !important;}
.hp_ml70{margin-left:70px !important;}
.hp_ml75{margin-left:75px !important;}
.hp_ml80{margin-left:80px !important;}
.hp_ml85{margin-left:85px !important;}
.hp_ml90{margin-left:90px !important;}
.hp_ml95{margin-left:95px !important;}
.hp_ml100{margin-left:100px !important;}

.hp_ML5{margin-left:-5px !important;}
.hp_ML10{margin-left:-10px !important;}
.hp_ML15{margin-left:-15px !important;}
.hp_ML20{margin-left:-20px !important;}
.hp_ML25{margin-left:-25px !important;}
.hp_ML30{margin-left:-30px !important;}
.hp_ML35{margin-left:-35px !important;}
.hp_ML40{margin-left:-40px !important;}
.hp_ML45{margin-left:-45px !important;}
.hp_ML50{margin-left:-50px !important;}
.hp_ML55{margin-left:-55px !important;}
.hp_ML60{margin-left:-60px !important;}
.hp_ML65{margin-left:-65px !important;}
.hp_ML70{margin-left:-70px !important;}
.hp_ML75{margin-left:-75px !important;}
.hp_ML80{margin-left:-80px !important;}
.hp_ML85{margin-left:-85px !important;}
.hp_ML90{margin-left:-90px !important;}
.hp_ML95{margin-left:-95px !important;}
.hp_ML100{margin-left:-100px !important;}

.hp_mx0{margin-right:0px !important;margin-left:0px !important;}
.hp_mx5{margin-right:5px !important;margin-left:5px !important;}
.hp_mx10{margin-right:10px !important;margin-left:10px !important;}
.hp_mx15{margin-right:15px !important;margin-left:15px !important;}
.hp_mx20{margin-right:20px !important;margin-left:20px !important;}
.hp_mx25{margin-right:25px !important;margin-left:25px !important;}
.hp_mx30{margin-right:30px !important;margin-left:30px !important;}
.hp_mx35{margin-right:35px !important;margin-left:35px !important;}
.hp_mx40{margin-right:40px !important;margin-left:40px !important;}
.hp_mx45{margin-right:45px !important;margin-left:45px !important;}
.hp_mx50{margin-right:50px !important;margin-left:50px !important;}
.hp_mx55{margin-right:55px !important;margin-left:55px !important;}
.hp_mx60{margin-right:60px !important;margin-left:60px !important;}
.hp_mx65{margin-right:65px !important;margin-left:65px !important;}
.hp_mx70{margin-right:70px !important;margin-left:70px !important;}
.hp_mx75{margin-right:75px !important;margin-left:75px !important;}
.hp_mx80{margin-right:80px !important;margin-left:80px !important;}
.hp_mx85{margin-right:85px !important;margin-left:85px !important;}
.hp_mx90{margin-right:90px !important;margin-left:90px !important;}
.hp_mx95{margin-right:95px !important;margin-left:95px !important;}
.hp_mx100{margin-right:100px !important;margin-left:100px !important;}

.hp_my0{margin-top:0px !important;margin-bottom:0px !important;}
.hp_my5{margin-top:5px !important;margin-bottom:5px !important;}
.hp_my10{margin-top:10px !important;margin-bottom:10px !important;}
.hp_my15{margin-top:15px !important;margin-bottom:15px !important;}
.hp_my20{margin-top:20px !important;margin-bottom:20px !important;}
.hp_my25{margin-top:25px !important;margin-bottom:25px !important;}
.hp_my30{margin-top:30px !important;margin-bottom:30px !important;}
.hp_my35{margin-top:35px !important;margin-bottom:35px !important;}
.hp_my40{margin-top:40px !important;margin-bottom:40px !important;}
.hp_my45{margin-top:45px !important;margin-bottom:45px !important;}
.hp_my50{margin-top:50px !important;margin-bottom:50px !important;}
.hp_my55{margin-top:55px !important;margin-bottom:55px !important;}
.hp_my60{margin-top:60px !important;margin-bottom:60px !important;}
.hp_my65{margin-top:65px !important;margin-bottom:65px !important;}
.hp_my70{margin-top:70px !important;margin-bottom:70px !important;}
.hp_my75{margin-top:75px !important;margin-bottom:75px !important;}
.hp_my80{margin-top:80px !important;margin-bottom:80px !important;}
.hp_my85{margin-top:85px !important;margin-bottom:85px !important;}
.hp_my90{margin-top:90px !important;margin-bottom:90px !important;}
.hp_my95{margin-top:95px !important;margin-bottom:95px !important;}
.hp_my100{margin-top:100px !important;margin-bottom:100px !important;}


.hp_m_auto{margin-right:auto; margin-left:auto;}

/* padding */
.hp_pa0{padding:0px !important;}
.hp_pa5{padding:5px !important;}
.hp_pa10{padding:10px !important;}
.hp_pa15{padding:15px !important;}
.hp_pa20{padding:20px !important;}
.hp_pa25{padding:25px !important;}
.hp_pa30{padding:30px !important;}
.hp_pa35{padding:35px !important;}
.hp_pa40{padding:40px !important;}
.hp_pa45{padding:45px !important;}
.hp_pa50{padding:50px !important;}
.hp_pa55{padding:55px !important;}
.hp_pa60{padding:60px !important;}
.hp_pa65{padding:65px !important;}
.hp_pa70{padding:70px !important;}
.hp_pa75{padding:75px !important;}
.hp_pa80{padding:80px !important;}
.hp_pa85{padding:85px !important;}
.hp_pa90{padding:90px !important;}
.hp_pa95{padding:95px !important;}
.hp_pa100{padding:100px !important;}

.hp_pt0{padding-top:0px !important;}
.hp_pt5{padding-top:5px !important;}
.hp_pt10{padding-top:10px !important;}
.hp_pt15{padding-top:15px !important;}
.hp_pt20{padding-top:20px !important;}
.hp_pt25{padding-top:25px !important;}
.hp_pt30{padding-top:30px !important;}
.hp_pt35{padding-top:35px !important;}
.hp_pt40{padding-top:40px !important;}
.hp_pt45{padding-top:45px !important;}
.hp_pt50{padding-top:50px !important;}
.hp_pt55{padding-top:55px !important;}
.hp_pt60{padding-top:60px !important;}
.hp_pt65{padding-top:65px !important;}
.hp_pt70{padding-top:70px !important;}
.hp_pt75{padding-top:75px !important;}
.hp_pt80{padding-top:80px !important;}
.hp_pt85{padding-top:85px !important;}
.hp_pt90{padding-top:90px !important;}
.hp_pt95{padding-top:95px !important;}
.hp_pt100{padding-top:100px !important;}

.hp_pb0{padding-bottom:0px !important;}
.hp_pb5{padding-bottom:5px !important;}
.hp_pb10{padding-bottom:10px !important;}
.hp_pb15{padding-bottom:15px !important;}
.hp_pb20{padding-bottom:20px !important;}
.hp_pb25{padding-bottom:25px !important;}
.hp_pb30{padding-bottom:30px !important;}
.hp_pb35{padding-bottom:35px !important;}
.hp_pb40{padding-bottom:40px !important;}
.hp_pb45{padding-bottom:45px !important;}
.hp_pb50{padding-bottom:50px !important;}
.hp_pb55{padding-bottom:55px !important;}
.hp_pb60{padding-bottom:60px !important;}
.hp_pb65{padding-bottom:65px !important;}
.hp_pb70{padding-bottom:70px !important;}
.hp_pb75{padding-bottom:75px !important;}
.hp_pb80{padding-bottom:80px !important;}
.hp_pb85{padding-bottom:85px !important;}
.hp_pb90{padding-bottom:90px !important;}
.hp_pb95{padding-bottom:95px !important;}
.hp_pb100{padding-bottom:100px !important;}

.hp_pr0{padding-right:0px !important;}
.hp_pr5{padding-right:5px !important;}
.hp_pr10{padding-right:10px !important;}
.hp_pr15{padding-right:15px !important;}
.hp_pr20{padding-right:20px !important;}
.hp_pr25{padding-right:25px !important;}
.hp_pr30{padding-right:30px !important;}
.hp_pr35{padding-right:35px !important;}
.hp_pr40{padding-right:40px !important;}
.hp_pr45{padding-right:45px !important;}
.hp_pr50{padding-right:50px !important;}
.hp_pr55{padding-right:55px !important;}
.hp_pr60{padding-right:60px !important;}
.hp_pr65{padding-right:65px !important;}
.hp_pr70{padding-right:70px !important;}
.hp_pr75{padding-right:75px !important;}
.hp_pr80{padding-right:80px !important;}
.hp_pr85{padding-right:85px !important;}
.hp_pr90{padding-right:90px !important;}
.hp_pr95{padding-right:95px !important;}
.hp_pr100{padding-right:100px !important;}

.hp_pl0{padding-left:0px !important;}
.hp_pl5{padding-left:5px !important;}
.hp_pl10{padding-left:10px !important;}
.hp_pl15{padding-left:15px !important;}
.hp_pl20{padding-left:20px !important;}
.hp_pl25{padding-left:25px !important;}
.hp_pl30{padding-left:30px !important;}
.hp_pl35{padding-left:35px !important;}
.hp_pl40{padding-left:40px !important;}
.hp_pl45{padding-left:45px !important;}
.hp_pl50{padding-left:50px !important;}
.hp_pl55{padding-left:55px !important;}
.hp_pl60{padding-left:60px !important;}
.hp_pl65{padding-left:65px !important;}
.hp_pl70{padding-left:70px !important;}
.hp_pl75{padding-left:75px !important;}
.hp_pl80{padding-left:80px !important;}
.hp_pl85{padding-left:85px !important;}
.hp_pl90{padding-left:90px !important;}
.hp_pl95{padding-left:95px !important;}
.hp_pl100{padding-left:100px !important;}

.hp_px0{padding-right:0px !important;padding-left:0px !important;}
.hp_px5{padding-right:5px !important;padding-left:5px !important;}
.hp_px10{padding-right:10px !important;padding-left:10px !important;}
.hp_px15{padding-right:15px !important;padding-left:15px !important;}
.hp_px20{padding-right:20px !important;padding-left:20px !important;}
.hp_px25{padding-right:25px !important;padding-left:25px !important;}
.hp_px30{padding-right:30px !important;padding-left:30px !important;}
.hp_px35{padding-right:35px !important;padding-left:35px !important;}
.hp_px40{padding-right:40px !important;padding-left:40px !important;}
.hp_px45{padding-right:45px !important;padding-left:45px !important;}
.hp_px50{padding-right:50px !important;padding-left:50px !important;}
.hp_px55{padding-right:55px !important;padding-left:55px !important;}
.hp_px60{padding-right:60px !important;padding-left:60px !important;}
.hp_px65{padding-right:65px !important;padding-left:65px !important;}
.hp_px70{padding-right:70px !important;padding-left:70px !important;}
.hp_px75{padding-right:75px !important;padding-left:75px !important;}
.hp_px80{padding-right:80px !important;padding-left:80px !important;}
.hp_px85{padding-right:85px !important;padding-left:85px !important;}
.hp_px90{padding-right:90px !important;padding-left:90px !important;}
.hp_px95{padding-right:95px !important;padding-left:95px !important;}
.hp_px100{padding-right:100px !important;padding-left:100px !important;}

.hp_py0{padding-top:0px !important;padding-bottom:0px !important;}
.hp_py5{padding-top:5px !important;padding-bottom:5px !important;}
.hp_py10{padding-top:10px !important;padding-bottom:10px !important;}
.hp_py15{padding-top:15px !important;padding-bottom:15px !important;}
.hp_py20{padding-top:20px !important;padding-bottom:20px !important;}
.hp_py25{padding-top:25px !important;padding-bottom:25px !important;}
.hp_py30{padding-top:30px !important;padding-bottom:30px !important;}
.hp_py35{padding-top:35px !important;padding-bottom:35px !important;}
.hp_py40{padding-top:40px !important;padding-bottom:40px !important;}
.hp_py45{padding-top:45px !important;padding-bottom:45px !important;}
.hp_py50{padding-top:50px !important;padding-bottom:50px !important;}
.hp_py55{padding-top:55px !important;padding-bottom:55px !important;}
.hp_py60{padding-top:60px !important;padding-bottom:60px !important;}
.hp_py65{padding-top:65px !important;padding-bottom:65px !important;}
.hp_py70{padding-top:70px !important;padding-bottom:70px !important;}
.hp_py75{padding-top:75px !important;padding-bottom:75px !important;}
.hp_py80{padding-top:80px !important;padding-bottom:80px !important;}
.hp_py85{padding-top:85px !important;padding-bottom:85px !important;}
.hp_py90{padding-top:90px !important;padding-bottom:90px !important;}
.hp_py95{padding-top:95px !important;padding-bottom:95px !important;}
.hp_py100{padding-top:100px !important;padding-bottom:100px !important;}

/************************************************** margin/padding **************************************************/