@charset "utf-8";

html {
    scroll-behavior: smooth;
}

h1 {
	background: #000;
	display: block;
    color: #fff;
}

h3 {
	color: #000;
	font-size: 1.3em;
    padding: 1rem .2rem .2rem;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.content {
	background: #fff;
	border-radius: 10px;
	padding: 5%;
	margin-bottom: 3%;
	box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 20%);
}

.btn_tenji-buhin {
    display: inline-block;
	background: #d7006b;
    border-radius: 40px;
	color: #fff!important;
	text-decoration: none;
    text-align: center;
    width: 30%;
    padding: 1.5%;
}

.btn_tenji-buhin:hover {
	background: #a105ffe0;
}

.contact {
	border: 2px solid #000;
    box-sizing: border-box;
    padding: 3% 4%;
    margin: 5% 0;
    background: #fff;
}



/* visitor

.nav_cat--teian {
	margin: 3% 0;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.nav_cat--teian a {
	width: 32%;
    background: #ffffff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 2% 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
}

.nav_cat--teian a:hover {
	background: #082b87;
	color: #fff;
}

.h3_kariya {
	background: #000;
    border-bottom: none;
    color: #fff;
    font-weight: bold;
    padding: 1.5% 2%;
    margin: 7% 0 2%;
}


.ttl {
	color: #f35a0e;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1.5%;
}

.tbl_teian {
	text-align: center;
	margin-bottom: 1%;
	white-space: nowrap;
}

.tbl_teian table {
	width: 100%;
	table-layout: auto;
}

.tbl_teian th,.tbl_teian td {
	border: 1px solid #000;
    font-size: 0.9em;
    padding: 1% 0;
}

.tbl_teian th { background: #e9e9e9;}

.tbl_teian th:nth-child(1) { width: 80px;}
.tbl_teian th:nth-child(2) { width: 80px;}
.tbl_teian th:nth-child(3) { width: 100px;}
.tbl_teian th:nth-child(4) { width: 80px;}
.tbl_teian th:nth-child(5) { width: 100px;}
.tbl_teian th:nth-child(6) { width: 200px;}
.tbl_teian::-webkit-scrollbar { display:none;}

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 150px;
    bottom: 80px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
	box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

 ----------------------------- */

@media screen and (max-width: 960px) {

	.nav_cat--teian a {
		display: inline-grid;
		padding: 3.5% 0;
		width: 47%;
	}

	.content { padding: 5%;}

	.btn_tenji-buhin {
		width: 90%;
		padding: 5% 3%;
	}

	table th, table td { display: revert;}

	.tbl_teian td { padding: 15px;}

	.pagetop {
		right: 5px;
		bottom: 10px;
	}
}



/* 印刷時の設定---------------------------------------------- */

@media print {

	
}