/* IMPORT CSS */
@import url("grid.css");

img {
	max-width:100%;
	height: auto;/*高さ自動*/
}

/* リンク
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    display:inline-block;
    color: #88641a;
    text-decoration: none;
	word-break: break-word;
}
a:hover { 
    color: #999;
	text-decoration: underline;
}
a img:hover {
	opacity: 0.8;
}

.blueback {
	background-color: #003399;
	color: #fff;
	padding: 1rem;
}
.underline {
	border-bottom: 3px solid #003399;
	padding-bottom: 0.5rem;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.border {
	border: 1px solid #dee2e6;
}
.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.bg-white {
	background-color: #fff;
	padding: 5rem 0;
}.bg-light {
	background-color: #f8f9fa;
	padding: 5rem 0;
}
.bg-lightgreen {
	background-color: #e6ede9;
	padding: 5rem 0;
}
.bg-gold {
	background-color: #fefcf2;
	padding: 5rem 0;
}
.bg-yellow {
	background-color: #fffcf3;
	padding: 5rem 0;
}
.red {
	color: #c00;
}


/*メインコンテンツ
-------------------------------------*/
main {
    margin: 0 0 0 0;
}
h1 {
	padding: 0 0 0 1rem;
	margin-bottom: 6rem;
	color: #757575;
}
h2 {
	border-bottom: solid 0.3rem #e2d2a5;
	position: relative;
	padding-bottom: 0.8rem;
	margin: 5rem 0 2rem 0;
}


/*------------------ボックス-------------------------------*/
.card {
	padding: 1.5rem;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .5rem;
}

.b_link a {
	background-color: #fff;
	text-decoration-line: none;
	color: #333;
	display: block;
}
.b_link a:hover, .b_link a:focus {
	background-color: #fcf9ed;
    color: #a8802c;
}

.card h3 {
	padding-left: 0;
}
.card h3:after {
	border: none;
}

.mark {
	color: #757575;
	font-size: 350%;
}
@media (min-width: 768px) {
	.sp {
		display: none;
	}
}