@charset "utf-8";
:root {
    /*バックグラウンド色1*/
    --bg-color1: #bead7d;
    /*茶薄いバックグラウンド*/
    --bg-color2: #fbf8f2;
     /*青薄いバックグラウンド*/
    --bg-color3: #e5f7f7;
    /*ページタイトルバックグラウンド*/
    --bg-color4: #f7f5f2;
    /*文字色1（Brown Header Nav）*/
    --txt-color1: #714f2d;
    /*文字色2（Brown2）*/
    --txt-color2: #664b3a;
    /*ボタン色*/
    --btn-color: #257aab;
}
body{
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: var(--bg-color1);
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: var(--bg-color1);
}
a {
    color: var(--txt-color1);
    text-decoration: none;    
}
nav .nav-item{
    margin-right: 15px;    
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--txt-color1);
}
.h-title .comment{
	font-size: 1.3em;
	padding-bottom: 5px;
	color: var(--txt-color2);
	font-weight: bold;
}
.h-title .name{
    line-height: 1.25;
    font-weight: bold;
}
.h-inq{
    color: var(--txt-color2);
}
.h-inq .comment{
    line-height: 1.25;
    font-size: 0.7em;
    padding-top: 5px
}
.h-inq .btn_link{
    color: #FFFFFF;
}
.h-inq .btn-success{
    background-image: url(../pict/common/arrow_left_w.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 8px 14px;
}
.page-title{
    color: var(--txt-color2);
    background-color: var(--bg-color4);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: xx-large;
    text-align: center;
}
.footer-bg{
	background-color: var(--bg-color2);
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;	
}
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
	background: #66a16a;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .7;
}
.copyright{
	font-size: small;
	color: var(--txt-color2);
}
.copy-txt{
	background-color: #F8D9C4;
	padding-top: 10px;
	padding-bottom: 10px;
}
.com_copy{
	font-weight: bold;
	font-size: 1.5em;
	color: #548235;
}
.btn-zh {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ef7d30;
  --bs-btn-border-color: #ef7d30;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c8692a;
  --bs-btn-hover-border-color: #ef7d30;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ef7d30;
  --bs-btn-active-border-color: #ef7d30;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ef7d30;
  --bs-btn-disabled-border-color: #ef7d30;
}