@charset "utf-8";
a{
	color: #aa9600;
}
/* ------------------------------
 ページ内リンク
------------------------------ */
.p-link ul li a{
	border: solid 1px #aa9600;
	color: #aa9600;
}
.p-link ul li a:after{
    border-top: 3px solid #aa9600;
    border-right: 3px solid #aa9600;
}
@media screen and (max-width: 767px) {
	.p-link ul li a:after{
	    border-top: 2px solid #aa9600;
	    border-right: 2px solid #aa9600;
	}
}
@media screen and (min-width: 768px) {
	.p-link ul li a:hover{
		background: #f6f4e5;
	}
}
/* ------------------------------
 背景を敷く
------------------------------ */
.bg {
	background: #f6f4e5;/* --薄い-- */
}
/* ------------------------------
 背景を敷く角なし
------------------------------ */
.bg-square {
	background: #f6f4e5;
}
/* ------------------------------
 背景色を敷く（ワイド）
------------------------------ */
.cms_block.bg-wide {
	background: #f6f4e5;/* --薄い-- */
}

/* ------------------------------
 枠を入れる
------------------------------ */
.line-frame {
	border: solid 3px #aa9600;
}

/* ------------------------------
 枠を入れる
------------------------------ */
.bg-frame {
	border: solid 3px #aa9600;
}

/* ------------------------------
 影付きの背景を敷く
------------------------------ */
.bg-shadow {
	background: #aa9600; 
	box-shadow: 15px 15px 0 0 #e1daa6; /* --中間-- */
}

/* ------------------------------
 影付きの背景を敷く
------------------------------ */
.bottom-solid{ 
	border-bottom: solid 1px #CCC; 
}

/* ------------------------------
 見出し
------------------------------ */
.contentsPage h3 {
	color: #aa9600;
}
.contentsPage h4 {
	border-left: solid 6px #aa9600;
}
.head-bg {
	background: #aa9600;
}
.head-tb {
	border-top: solid 1px #aa9600;
	border-bottom: solid 1px #aa9600;
	color: #aa9600;
}
.head-tb-bold {
	border-top: solid 3px #aa9600;
	border-bottom: solid 3px #aa9600;
	color: #aa9600;
}
.head-b{
	color: #aa9600;
	border-bottom: solid 1px #aa9600;
}
.head-lb{
	border-bottom: solid 1px #aa9600;
}
.head-lb span{
	border-left: solid 6px #aa9600;
} 
.head-bb{
	background:linear-gradient(transparent 75%, #e1daa6 75%);/* --中間-- */
}
.head-circle:after{
	background: #f6f4e5;/* --薄い-- */
}

/* ------------------------------
 四角い形の数字を入れる
------------------------------ */
.number01:before, .number02:before, .number03:before, .number04:before, .number05:before,
.number06:before, .number07:before, .number08:before, .number09:before, .number10:before{
	background: #aa9600;
}
.number01-s:before, .number02-s:before, .number03-s:before, .number04-s:before, .number05-s:before,
.number06-s:before, .number07-s:before, .number08-s:before, .number09-s:before, .number10-s:before{
	background: #aa9600;
}
/* ------------------------------
 四角い形の数字を入れる
------------------------------ */
.number01w:before, .number02w:before, .number03w:before, .number04w:before, .number05w:before,
.number06w:before, .number07w:before, .number08w:before, .number09w:before, .number10w:before{
	border: solid 2px #aa9600;
	color: #aa9600;
}

/* ----------------------------------
 矢印の上に文字
---------------------------------- */
.arrow{
	color: #aa9600;
}
.arrow:before{
	background: #f6f4e5;/* --薄い-- */
}
.arrow:after{
	border-color: #f6f4e5 transparent transparent transparent;/* --薄い-- */
}

/* ------------------------------
 タブ
------------------------------ */
.tab li {
	border-bottom: 1px solid #aa9600;
	border-top: 1px solid #f6f4e5;
	border-left: 1px solid #f6f4e5;
	border-right: 1px solid #f6f4e5;
	background-color: #f6f4e5;
}
.tab li.active {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #aa9600;
	border-right: 1px solid #aa9600;
	border-top: 1px solid #aa9600;
}

/* ------------------------------
 ボタン
------------------------------ */
.btn-text a{
	color: #aa9600;
}
.btn-text a::after{
    border-top: 3px solid #aa9600;
    border-right: 3px solid #aa9600;
}
/* ------------------------------
 リスト
------------------------------ */
.list ul li:before{
	color: #aa9600;
}
/* ------------------------------
 左がベタのボックス
------------------------------ */
.block-box{
	background: #aa9600;
}
.block-box div:first-child{
	background: #aa9600;
}
.block-box div:last-child{
	border: solid 1px #aa9600;
}
/* ------------------------------
 独自
------------------------------ */
.ml165{
	margin-left: 165px;
}
@media screen and (max-width: 767px) {
	.ml165{
		margin-left: 0;
	}
}
.w56{
	width: 56px;
}
.margin-auto{
	margin: 0 auto;
}
.bg-half{
	background: #aa9600;
}
.bg-half-in{
	margin-top: -3px;
	padding: 15px 35px 0 35px;
}
.bg-half ul li{
	line-height: 1.2;
}
.icon-mail{
	line-height: 1.2;
	background: url(../img/icon-mail-or.png) no-repeat 0 0;
	background-size: 48px;
	padding-left: 60px;
	font-weight: bold;
	color: #aa9600;
	padding-bottom: 5px;
}

.dl-block dl dt,
.dl-block dl dd{
	display: inline-block;
	vertical-align: top;
}
.dl-block dl dt{
	margin-right: 18px;
}
@media screen and (max-width: 767px) {
	.dl-block dl dt,
	.dl-block dl dd{
		display: block;
	}
	.dl-block dl dt{
		margin-right: 0;
	}
	.icon-mail{
		background-size: 38px auto;
		padding-left: 45px;
		padding-bottom: 10px;
	}
}
/* ------------------------------
 メインイメージ
------------------------------ */
.main-btn a{
	background: #aa9600;
}
.sub-catch strong{
	color: #aa9600;
	border: solid 1px #aa9600;
}
/* ------------------------------
 リストチェックボックス
------------------------------ */
.check li{
	background: url(/shared/img/icon-check-yellow.png) no-repeat 0 center;
	background-size: 32px auto;
}
/* ------------------------------
 フッタ
------------------------------ */
.f-box p{
	color:#aa9600;
}
.f-box > ul > li:before {
    content: "";
    border-top: 3px solid #ddd599;
    border-right: 3px solid #ddd599;
}
.f-box > ul > li > ul > li:before {
    content: "";
    background: #ddd599;
}
/* ------------------------------
 フォーム
------------------------------ */
.contentsPage.form h1 {
    border: 1px solid #aa9600 !important;
    color: #aa9600 !important;
}
.contentsPage.form h1 span {
    border-left: 5px solid #aa9600 !important;
}
table th .or01,
.or01{
	background: #aa9600 !important;
}
table th .or02,
.or02{
	color: #aa9600 !important;
}
.btn-a {
	background: #aa9600 url(/shared/img/form/icon-arrow_r.png) no-repeat right 15px center / 11px auto !important;
}

.flowBox {
	background: #F6F4E5 !important;
}
.flowBox:not(.last)::before {
	background-color: #aa9600 !important;
}
.flowBox:not(.last)::after {
	border-top: solid 30px #aa9600 !important;
}
.flowBox p {
	background-color: #aa9600 !important;
}
@media screen and (max-width: 767px) {
	.contentsPage.form h1 {
		background: #aa9600 !important;
		color: #fff !important;
	}
	.contentsPage.form h1 span {
		border-left: none !important;
		padding: 0 !important;
	}
}