@charset "UTF-8";

/* ===============================================
	FONT SIZE STYLE
=============================================== */
.txtLL { font-size: 2rem!important;}
.txtL { font-size: 1.8rem!important;}
.txtS { font-size: 1.2rem!important;}

sup {
    font-size: 1rem;
}

/* ===============================================
	FONT COLOR STYLE
=============================================== */
.f-colorG {
    color: #488302;
}

.txtRed {
	color: #f00;
}

.f-colorW {
	color: #fff;
}


/* ===============================================
	FONT WEIGHT STYLE
=============================================== */
.txtBold { font-weight: bold;}
.txtNoemal { font-weight: normal;}



/* ===============================================
	MARGIN STYLE
=============================================== */
.mT0 {	margin-top: 0px!important;}
.mT5 {	margin-top: 5px!important;}
.mT10 {	margin-top: 10px!important;}
.mT15 {	margin-top: 15px!important;}
.mT20 {	margin-top: 20px!important;}
.mT25 {	margin-top: 25px!important;}
.mT30 {	margin-top: 30px!important;}
.mT35 {	margin-top: 35px!important;}
.mT40 {	margin-top: 40px!important;}
.mT45 {	margin-top: 45px!important;}
.mT50 {	margin-top: 50px!important;}
.mT60 {	margin-top: 60px!important;}
.mT65 {	margin-top: 65px!important;}
.mT1e {	margin-top: 1em!important;}
.mR5 {	margin-right: 5px!important;}
.mR10 {	margin-right: 10px!important;}
.mR15 {	margin-right: 15px!important;}
.mR20 {	margin-right: 20px!important;}
.mR25 {	margin-right: 25px!important;}
.mR30 {	margin-right: 30px!important;}
.mR35 {	margin-right: 35px!important;}
.mR40 {	margin-right: 40px!important;}
.mR45 {	margin-right: 45px!important;}
.mR50 {	margin-right: 50px!important;}
.mR55 {	margin-right: 55px!important;}
.mR60 {	margin-right: 60px!important;}
.mB5 {	margin-bottom: 5px!important;}
.mB10 {	margin-bottom: 10px!important;}
.mB15 {	margin-bottom: 15px!important;}
.mB20 {	margin-bottom: 20px!important;}
.mB25 {	margin-bottom: 25px!important;}
.mB30 {	margin-bottom: 30px!important;}
.mB35 {	margin-bottom: 35px!important;}
.mB40 {	margin-bottom: 40px!important;}
.mB45 {	margin-bottom: 45px!important;}
.mB50 {	margin-bottom: 50px!important;}
.mB60 {	margin-bottom: 60px!important;}
.mB65 {	margin-bottom: 65px!important;}
.mL5 {	margin-left: 5px!important;}
.mL10 {	margin-left: 10px!important;}
.mL15 {	margin-left: 15px!important;}
.mL20 {	margin-left: 20px!important;}
.mL25 {	margin-left: 25px!important;}
.mL30 {	margin-left: 30px!important;}
.mL35 {	margin-left: 35px!important;}
.mL40 {	margin-left: 40px!important;}
.mL45 {	margin-left: 45px!important;}
.mL50 {	margin-left: 50px!important;}
.mL55 {	margin-left: 55px!important;}
.mL60 {	margin-left: 60px!important;}
.ml2e { margin-left: 2em!important; }

.p10 { padding: 10px;}
.pTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.mLR10 {
	margin-left: 10px;
	margin-right: 10px;
}



@media screen and (max-width: 767px) {
	
.mT5 {	margin-top: 1%!important;}
.mT10 {	margin-top: 2%!important;}
.mT15 {	margin-top: 3%!important;}
.mT20 {	margin-top: 4%!important;}
.mT25 {	margin-top: 5%!important;}
.mT30 {	margin-top: 6%!important;}
.mT35 {	margin-top: 7%!important;}
.mT40 {	margin-top: 8%!important;}
.mT45 {	margin-top: 9%!important;}
.mT50 {	margin-top: 10%!important;}
.mT60 {	margin-top: 12%!important;}
.mT65 {	margin-top: 13%!important;}
.mR5 {	margin-right: 1%!important;}
.mR10 {	margin-right: 2%!important;}
.mR15 {	margin-right: 3%!important;}
.mR20 {	margin-right: 4%!important;}
.mR25 {	margin-right: 5%!important;}
.mR30 {	margin-right: 6%!important;}
.mR35 {	margin-right: 7%!important;}
.mR40 {	margin-right: 8%!important;}
.mR45 {	margin-right: 9%!important;}
.mR50 {	margin-right: 10%!important;}
.mR55 {	margin-right: 11%!important;}
.mR60 {	margin-right: 12%!important;}
.mB5 {	margin-bottom: 1%!important;}
.mB10 {	margin-bottom: 2%!important;}
.mB15 {	margin-bottom: 3%!important;}
.mB20 {	margin-bottom: 4%!important;}
.mB25 {	margin-bottom: 5%!important;}
.mB30 {	margin-bottom: 6%!important;}
.mB35 {	margin-bottom: 7%!important;}
.mB40 {	margin-bottom: 8%!important;}
.mB45 {	margin-bottom: 9%!important;}
.mB50 {	margin-bottom: 10%!important;}
.mB60 {	margin-bottom: 12%!important;}
.mB65 {	margin-bottom: 13%!important;}
.mL5 {	margin-left: 1%!important;}
.mL10 {	margin-left: 2%!important;}
.mL15 {	margin-left: 3%!important;}
.mL20 {	margin-left: 4%!important;}
.mL25 {	margin-left: 5%!important;}
.mL30 {	margin-left: 6%!important;}
.mL35 {	margin-left: 7%!important;}
.mL40 {	margin-left: 8%!important;}
.mL45 {	margin-left: 9%!important;}
.mL50 {	margin-left: 10%!important;}
.mL55 {	margin-left: 11%!important;}
.mL60 {	margin-left: 12%!important;}

 } 



/* ---------- マージンの消去 ---------- */
.nomt { margin-top: 0!important;}
.nomb { margin-bottom: 0!important;}
.noml { margin-left: 0!important;}
.nomr { margin-right: 0!important;}
.nopa { padding: 0!important;}


/* ===============================================
	FLOAT STYLE
=============================================== */
.right { float: right!important;display: inline;}
.left { float: left!important;display: inline;}
.noFloat { float: none!important;}
.clear { clear: both!important;}


/* ===============================================
	TEXT ALIGN STYLE
=============================================== */
.txtRight { text-align: right!important;}
.txtLeft { text-align: left!important;}
.txtCenter { text-align: center!important;}


/* ===============================================
	TEXT INDENT STYLE
=============================================== */
.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}
.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}
.indent3 {
	padding-left: 3em;
	text-indent: -3em;
}


/* ===============================================
	LIST STYLE
=============================================== */
#contents ul,ol{
    margin:20px;
}


ul.disc li {
    list-style-type: disc!important;
	margin-left: 1.5em!important;
	*margin-left: 1.6em!important;
}

ol.decimal li {
    list-style-type: decimal;
	margin-left: 2em!important;
	*margin-left: 2.3em!important;
    margin-top:5px;
    margin-bottom:5px;
}

ol.lower-alpha li {
    list-style-type: lower-alpha;
	margin-left: 2em!important;
	*margin-left: 2.3em!important;
}

.indentList li {
	margin-left: 1em;
	text-indent: -1em;
}


/* ===============================================
	MOUSEOVER STYLE
=============================================== */
.over {
    opacity: 1;
    transition: opacity 0.3s;
}

.over:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
}


/* ===============================================
	CLEAR FIX
=============================================== */
/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.cf:after {
	clear:both;
}


/* ===============================================
	OVERFLOW
=============================================== */
.ovh {
	overflow: hidden;
}


/* ===============================================
	TITLE STYLE
=============================================== */
/*----- .hl1 -----*/
@media screen and (min-width: 768px) {
	.hl1 {
		width: 908px;
		height: 89px;
		margin: 0 auto;
		padding-top: 20px;
		text-align: center;
		background: url(../img/common/bg_hl1.png) no-repeat center top;
	}
}
@media screen and (max-width: 767px) {
	.hl1 {
		width: 95%;
		height: 65px;
		margin: 0 auto;
		text-align: center;
		background: url(../img/common/bg_hl1.png) no-repeat center top;
		-webkit-background-size: cover;
		background-size: contain;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/*----- .hl2 -----*/
.hl2 {
	font-family: 'Noto Sans Japanese';
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 800;
	color: #57361b;
	letter-spacing: 0.3em;
	text-align: center;
}

.hl2:before {
	content: "";
	width: 86px;
	height: 39px;
	padding-right: 18px;
	background: url(../img/common/bg_hl2_l.png) no-repeat left center;
	display: inline-block;
}

.hl2:after {
	content: "";
	width: 86px;
	height: 39px;
	background: url(../img/common/bg_hl2_r.png) no-repeat right center;
	display: inline-block;
}



/*----- .hl3 -----*/
.hl3 {
	min-height: 29px;
	padding: 3px 0 15px 75px;
	font-family: 'Noto Sans Japanese';
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	color: #57361b;
	background: url(../img/common/ico_hl3.png) no-repeat 14px top;
	position: relative;
}

.hl3:after {
	content: "";
	width: 100%;
	height: 5px;
	background-color: #f8b500;
	border-radius: 4px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}


/*----- .hl4 -----*/



/* ===============================================
	BUTTON STYLE
=============================================== */


/* ===============================================
	LINK ICON STYLE
=============================================== */
/*----- BLANK -----*/
.blank:after {
    content: "\f2d2";
    padding-left: 0.3em;
    font-family: "Font Awesome 5 Free";
    font-size: 1.1em;
}
.blank:hover:after {

}

/*----- PDF -----*/
.pdf:after {
    content: "\f1c1";
    padding-left: 0.3em;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
}

.pdf:hover:after {

}

/*----- WORD -----*/
.doc:after {
    content: "\f1c2";
    padding-left: 0.3em;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
}

.doc:hover:after {

}

/*----- xls -----*/
.xls:after {
    content: "\f1c3";
    padding-left: 0.3em;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
}

.xls:hover:after {

}


/* ===============================================
	TABLE STYLE
=============================================== */


.nowrap {
	white-space: nowrap;
}





/* ===============================================
	
=============================================== */


.pc
{
	display:block;
}
	
.sp
{
	display:none;
}


@media screen and (max-width: 767px)
{
	
	.pc
	{
		display:none;
	}
	
	.sp
	{
		display:block;
	}

}