@charset "utf-8";
/* color:var(--basic-color); で利用 */ :root {
    --basic-color: #e97b1f;
}


/*===========================
table3lineline
===========================*/
table.table3line {
 width: 100%;
 border-top: 1px #666 solid;
 border-collapse: collapse;
 margin-bottom: 1.5em;
 box-sizing: border-box;
}
table.table3line th {
 padding: 0.35em 0.5em;
 border-bottom: 1px #666 solid;
 letter-spacing: 0;
 font-weight: normal;
 white-space: nowrap;
 text-align: left;
 vertical-align: middle;
}
table.table3line td {
 padding: 0.35em 0.5em;
 border-bottom: 1px #666 solid;
 font-weight: normal;
 letter-spacing: 0;
 background-color: #000;
}

@media screen and (max-width: 600px) {
 table.table3line {
        width: 100%;
        margin: 0 0 3% 0;
        padding: 10px;
        background-color: #000;
        border-bottom: 1px solid #666;
    }
    table.table3line th {
        display: list-item;
        padding: 1em;
        border: none;
        font-weight: normal;
        vertical-align: top;
        width: auto;
        line-height: 1em;
        border-bottom: 1px solid #252525;
    }
    table.table3line td {
        display: list-item;
        width: auto;
        border: none;
        font-weight: normal;
        padding: 1em;
        border-bottom: 1px solid #666;
    }
}


/*===========================
margin
===========================*/
@media screen and (min-width: 769px) {
	.mgt-pc20{
		padding-top: 20px !important;
	}
}

@media screen and (min-width: 601px) {
	.mgt-pctablt20{
		padding-top: 20px !important;
	}
}

@media screen and (max-width: 600px) {
	.mgb-sp10{
		margin-bottom: 10px !important;
	}

	.mgb-sp20{
		margin-bottom: 20px !important;
	}

	.mgb-sp40{
		margin-bottom: 40px !important;
	}
}


/*===========================
width
===========================*/
@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

	.w80Tablet{
		width: 80% !important;
		box-sizing: border-box;
	}

	.w50Tablet{
		width: 50% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 600px) {
	.w100sp,
	.w80Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

	.w70sp{
		width: 70% !important;
		box-sizing: border-box;
	}

	.width-sp-50 img{
		width: 50% !important;
	}
}


/*===========================
font
===========================*/
.fw-b{font-weight: bold;}


/*===========================
width
===========================*/
@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

	.w80Tablet{
		width: 80% !important;
		box-sizing: border-box;
	}

	.w50Tablet{
		width: 50% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 600px) {
	.w100sp,
	.w80Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

	.w70sp{
		width: 70% !important;
		box-sizing: border-box;
	}

	.width-sp-50 img{
		width: 50% !important;
	}
}


/*===========================
onOff
===========================*/
.pcOFFtabletONspOFF{display: none !important;}
.pcOFFtabletOFFspON{display: none;}

@media screen and (min-width: 769px) {
	.pcOFFtabletONspON{display: none !important;}
}

@media screen and (max-width: 768px) {
	.pcOFFtabletONspOFF{display: block !important;}
	.pcOFFtabletOFFspON{display: none;}
	.pcONtabletOFFspOFF{display: none !important;}
	.pcONtabletOFFspON{display: none;}
}

@media screen and (max-width: 600px) {
	.pcOFFtabletONspOFF{display: none !important;}
	.pcOFFtabletOFFspON{display: block;}
	.pcONtabletONspOFF{display: none;}
	.pcONtabletOFFspON{display: block;}
}