@charset "utf-8";
/*===========================
add
===========================*/

:root {
 --basic-color: #f3de3b;
}


/*===========================
list
===========================*/
/*list01--------------*/
@media screen and (min-width: 769px) {
 .list01 li:nth-child(1){
 width: 110px;
 }

 .list01 li:nth-child(2),
 .list01 li:last-child{
 width: 80px !important;
 padding-right: 0 !important;
 margin-right: 0 !important;
 }
}

/*list02--------------*/
@media screen and (min-width: 769px) {
 .list02 li{
   margin-left: 22px;
 }
 .list02 li:nth-child(even){
 width: 150px;
 }
}
@media screen and (max-width: 768px) {
.list02 li{
 width: 100% !important;
 margin-left: 20px;
}
}

/*===========================
tdColor1
===========================*/
.tdColor1{
 background-color: #f0f0f0 !important;
}


/*===========================
alink
===========================*/
footer .alink a{
 color: #000;
 text-decoration: underline;
 transition: 0.2s;
}

footer .alink a:hover{
 color: var(--basic-color);
 text-decoration: none;
}


/*===========================
bordertop
===========================*/
.bordertop{
 border-top: 1px dotted #b1ad9a;
 margin-top: 15px;
 padding-top: 15px;
}


/*===========================
title-af-none
===========================*/
.title-af-none{
	text-shadow: none;
}
.title-af-none:after{
	content: none;
}


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


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


/*===========================
wf
===========================*/
.wf-t-all ,ul.wf-t-all {
	width: fit-content;
	margin: auto;
}

@media screen and (min-width: 769px) {
	ul.wf-t,	ol.wf-t{
		width: fit-content;
		margin: auto;
	}
}


@media screen and (min-width: 601px) {
	ul.wf-pcONtabletONspOFF {
		width: fit-content !important;
		margin: auto !important;
	}
}

/*===========================
wf
===========================*/
.wf-t-all ,ul.wf-t-all {
	width: fit-content;
	margin: auto;
}

@media screen and (min-width: 769px) {
	ul.wf-t,	ol.wf-t{
		width: fit-content;
		margin: auto;
	}
}


@media screen and (min-width: 601px) {
	ul.wf-pcONtabletONspOFF {
		width: fit-content !important;
		margin: auto !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;}
}

@media screen and (max-width: 600px) {
	.pcOFFtabletONspOFF{display: none !important;}
	.pcOFFtabletOFFspON{display: block;}
	.pcONtabletONspOFF{display: none;}
}
.box-wrap {
    background: #fff;
    box-sizing: border-box;
}
.box-ttl {
	text-align:center !important;
	background:var(--basic-color);
	padding:0.6em;
	font-size:1.2em;
	font-weight: 800;
	color:#fff;
	margin-bottom:0px !important;
	display:flex;
	align-items:center;
	justify-content:center;
}
div.box-cnt {
	width:100%;
	margin:0px auto 0em;
	padding:1.2em 1.8em 1.8em 1.8em;
	box-sizing:border-box;
}
.p-ttl {
	font-size:1.2em;
	text-align: center;
	font-weight: 800;
}
@media screen and (max-width: 768px) {
.p-ttl {
	font-size:1.0em;
}
}
@media only screen and (max-width: 768px) {
.table-scroll {
    overflow-x: auto;
    width: 100%;
    border-right: 5px solid #ccc;
}
.table-scroll::-webkit-scrollbar {
    height: 5px;
}
.table-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background:#CCC;
}
.table-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background:#999;
}
.table-scroll table {
    table-layout: fixed;
    min-width: 100%;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    margin-bottom:0px;
}
.table-scroll table th {
    width:200px !important;
    min-width: 250px;
    display:table-cell;
    padding:2%;
    font-size:12px;
    border: 1px #ccc solid;
}
.table-scroll table td {
    width: 90px;
    min-width: 130px;
    display:table-cell;
    font-size:12px;
    word-wrap: break-word;
    white-space:normal;
}
.table-scroll table th.th-01 {
    width:200px !important;
    min-width: 250px;
    display:table-cell;
    padding:2%;
    font-size:12px;
    border: 1px #ccc solid;
}
.table-scroll table td.td-01 {
    width: 90px;
    min-width: 130px;
    display:table-cell;
    font-size:12px;
    word-wrap: break-word;
    white-space:normal;
}

}
.tbl-1 td 	{
	text-align: center;
	vertical-align: middle;
}