@charset "UTF-8";
/* ---------------------------
 * カスタム用CSSファイル
 * --------------------------- */

/* ---------------------------
 * 各種カラー指定（IE非対応）
 * --------------------------- */
:root {
	--base: #fffae0;
	--base_text: #000000;
	--main: #fedc34;
	--main_text: #000000;
	--button: #ff0000;
	--button_shadow: #c80000;
	--button_text: #ffffff;
	--cancel_button: #0400ff;
	--cancel_button_shadow: #0000c8;
	--cancel_button_text: #ffffff;
	--pagetop: 255, 250, 224;
	--pagetop_text: #000000;
	--pagetop_text_shadow: #000000;
}

/* ヘッダー画像背景 */
	.dl-top .dl-mainvisual {
		background: var(--base);
	}
	.dl-mainvisual {
		background: var(--base);
	}

/* 背景1 */
	.dl-layout-contents {
	    background: var(--base);
	}
	/* フッター色 */
	.dl-footer {
		background: var(--main);
	}
	html{
		background-color: var(--base);
	}

/* 背景1 テキスト */
	.back_1_text {
		color: var(--base_text);
	}
	.dl-footer-link-item a {
		color: var(--main_text);
	}
	.dl-footer-copyright {
		color: var(--main_text);
	}

/* 背景2 */
	body.dl-second {
	    background-color: var(--base);
	}
	.dl-layout-contents.is-second {
	    background: var(--base);
	}
	.dl-layout-contents.is-color {
	    background: var(--base);
	}
	.dl-footer-link-item:last-child {
		border-right: 2px solid var(--main_text);
	}
	.dl-footer-link-item {
		border-left: 2px solid var(--main_text);
	}

/* 背景2 テキスト */
	.dl-layout-contents.is-color{
		color: var(--base_text);
	}


/* 進むボタン */
	.dl-button-color01 {
		background-color: var(--button);
		box-shadow: 0 4px 0 0 var(--button_shadow);
		color: var(--button_text);
		border: 1px solid var(--button_shadow);
	}
	.dl-button-color01:hover {
		color: var(--button_text); /* すすむボタンの文字 */
	}
	/* 進むボタン矢印「>」 */
	.dl-button-arrow:before {
		border-top: solid var(--button_text);
		border-right: solid var(--button_text);
	}
	/* 進むボタン矢印「>」（非活性時） */
	.dl-button-arrow.disabled:before {
		border-top: solid #ffffff;
		border-right: solid #ffffff;
	}

	/* PAGE TOPボタン */
	.dl-pagetop {
		background-color: rgba(var(--pagetop), 0.8);
		border: 1px solid var(--pagetop_text);
		color: var(--pagetop_text);
	}
	/* PAGE TOPボタン ホバー時 */
	.dl-pagetop:hover {
		color: var(--pagetop_text_shadow);
	}
	/* PAGE TOPボタン 矢印「^」 */
	.dl-pagetop:before {
		border-top: 1px solid var(--pagetop_text);
		border-left: 1px solid var(--pagetop_text);
	}
	/* マイページユーザー情報欄 */
	.dl-mypege-user {
		background-color: var(--button);
	}
	.dl-text-color01 {
		color: var(--button) !important;
	}

/* 戻るボタン */
	.dl-toplink a {
		background-color: var(--cancel_button);
		box-shadow: 0 4px 0 0 var(--cancel_button_shadow);
		color: var(--cancel_button_text);
		border: 1px solid var(--cancel_button_shadow);
	}
	.dl-toplink button {
		background-color: var(--cancel_button);
		box-shadow: 0 4px 0 0 var(--cancel_button_shadow);
		color: var(--cancel_button_text);
		border: 1px solid var(--cancel_button_shadow);
	}
	.dl-button-color03 {
		background-color: var(--cancel_button);
		box-shadow: 0 4px 0 0 var(--cancel_button_shadow);
		color: var(--cancel_button_text);
		border: 1px solid var(--cancel_button_shadow);
	}
	.dl-button-color03:hover {
		color: var(--cancel_button_text);
	}
	/* 戻るボタン矢印「<」 */
	.dl-toplink a:before {
		border-top: 3px solid var(--cancel_button_text);
		border-right: 3px solid var(--cancel_button_text);
	}
	/* 戻るボタン矢印「<」 */
	.dl-toplink button:before {
		border-top: 3px solid var(--cancel_button_text);
		border-right: 3px solid var(--cancel_button_text);
	}
	.dl-button-color03.dl-button-arrow:before, .dl-button-color03.dl-button-arrow-left:before {
		border-top-color: var(--cancel_button_text);
		border-right-color: var(--cancel_button_text);
	}

/* 新規登録ボタン */
	.dl-button-color02 {
		background-color: var(--button);
		box-shadow: 0 4px 0 0 var(--button_shadow);
		color: var(--button_text);
		border: 1px solid var(--button_shadow);
	}
	.dl-button-color02:hover {
		color: var(--button_text);
	}
	.dl-button-color02.dl-button-arrow:before, .dl-button-color02.dl-button-arrow-left:before {
		border-top-color: var(--button_text);
		border-right-color: var(--button_text);
	}

/* 応募するボタン */
	.dl-button-apply {
		background-color: var(--button);
		border: 1px solid var(--button_shadow);
		box-shadow: 0 4px 0 0 var(--button_shadow);
		color: var(--button_text);
	}

/* ナビゲーションバー */
	.dl-navigation {
		background-color: var(--main);
	}
	.dl-navigation-item > a {
		color: var(--main_text);
	}
	.dl-navigation-item > a:before {
		border-top-color: var(--main_text);
		border-right-color: var(--main_text);
	}
	.dl-navigation-item-sns-text {
		color: var(--main_text);
	}

/* 応募要項サブタイトルバー */
	.dl-heading02 {
		background-color: var(--base);
		color: var(--base_text);
	}

/* 応募要項サブタイトルバー */
	.dl-heading03-bar {
		background-color: var(--main);
		color: var(--main_text);
	}

/* ボックス枠線 */
	@media screen and (min-width: 46.9375em){
		.dl-box01 {
			border: 6px solid var(--main);
		}
		.dl-step04-item {
			border: 6px solid var(--main);
		}
	}

	@media screen and (max-width: 46.875em){
		.dl-box01 {
			border: 3px solid var(--main);
		}

		.dl-step04-item {
			border: 3px solid var(--main);
		}
	}
	/* 追加情報枠線 */
    .dl-step.dl-step-01,.dl-step.dl-step-02,.dl-step.dl-step-03,.dl-step.dl-step-04,.dl-step.dl-step-05 {
        border-color: var(--main); /* 枠線 */
    }


/* ボックス内ヘッダー */
	.dl-step04-head {
		background-color: var(--main);
		color: var(--main_text);
	}

/* 問い合わせ情報 */
	.dl-inquiry {
		color: #000000;
	}