@charset "UTF-8";
/* extend WEBCAS */
/* ------------------------------------------------------ */
/**
 * extend bulitin definitios on WEBCAS
 */

/*
 * Layout
 */
body {
	min-width: 320px !important;
	background-color: #dde5f3;
	/* padding-top: 50px; */
}
@media only screen and (max-width:599px){
	body {
		background-color: transparent;
		/* padding-top: 80px; */
	}
}

.fm-enqueteout {
	width: auto !important;
	max-width: 980px !important;
	margin: auto;
	background-color: #FFF;
}

.fm-enquete {
	width: auto !important;
	max-width: 920px;
	margin: 0 30px;
}

/*
 * Basic margin, padding
 */
/* outer */
.fm-enquete .fm-question,
.fm-enquete .fm-answer {
	padding: 15px;
}

/* inner */
.fm-verticalquestion > p {
    margin: 0;
}
.fm-verticalanswer {
	padding: 15px 0 20px 0;
}
.fm-verticalanswer h3 {
	/* margin-top: 60px; */
	margin-top: 30px;
}
.fm-verticalanswer h4,
.fm-verticalanswer h5 {
	margin-top: 30px;
	margin-bottom: 0;
}

/*
 * Responsive
 */
/* Q,A in SAME tr */
.fm-enquete .fm-question {
	width: 33.33333333%;
	padding-top: 0;
	padding-left: 0;
	border-right: 10px solid #656D78;
	vertical-align: top;
}
.fm-enquete .fm-answer {
	width: 66.66666667%;
	padding-top: 0;
	padding-right: 0;
}

/* 姓名について横並び可能なサイズ指定 */
input[type="text"][name$="_first"],
input[type="text"][name$="_second"] {
	width: 11em;
}

@media only screen and (max-width:599px){
	.fm-enquete {
		margin: 0 15px;
	}

	.fm-enquete .fm-question,
	.fm-enquete .fm-answer {
		width: 100%;
		display: block;
	}
	.fm-enquete .fm-question {
		padding: 15px 0 5px 0;
		border-right-style: none;
		border-bottom: 3px solid #656D78;
	}
	.fm-enquete .fm-answer {
		padding: 15px 0 10px 15px;
	}
	.fm-enquete .fm-answer input[type="text"],
	.fm-enquete .fm-answer textarea {
			width: 80%;
	}
	.fm-enquete .fm-answer input[type="text"],
	.fm-enquete .fm-answer input[type="submit"],
	.fm-enquete .fm-answer select,
	.fm-enquete .fm-answer textarea {
			font-size: 125%;
	}

	/* 姓名について横並び可能なサイズ指定 */
	input[type="text"][name$="_first"],
	input[type="text"][name$="_second"] {
		width: 7.0em !important;
	}

}
/*
 * /Responsive
 */

/*
 * Basic text
 */
.fm-verticalquestion {
	font-weight: bold;
}

/*
 * Tweak
 */
.order-table-input-column {
    padding-top: 5px;
    padding-top: 4px\9; /* ~IE10 */
    padding-right: 2px;
}

.order-table-input-column + td:not(.order-table-label-column) {
    padding: 4px 5px 0 0;
}
.order-table-input-column + td {
    padding: 6px 5px 0 0\9; /* ~IE10 */
}


/* END extend bulitin definitios on WEBCAS */
/* ------------------------------------------------------ */
/**
 * set below
 *  -init
 *  -Layout
 *  -Components
 *  -Project
 *  -Utility
 */

/*
 * init
 */

/* heading */
	h1, .h1 { font-size: 44px; }
@media only screen and (max-width:599px){
	h1, .h1 { font-size: 28px; }
}

/* apply form-control(from Framework) */
input[type="text"],
select,
textarea {
	/* display: block; */
	/* width: 100%; */
	min-height: 34px;
	/min-height: 1em; /* IE6,7 */
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}


input[type="text"],
select,
textarea {
  color: #434a54;
  border-color: #aab2bd;

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
input[type="text"]:focus,
select:focus,
textarea:focus {
  border-color: #3bafda;
}

input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]::-webkit-input-placeholder,
select::-moz-placeholder, select:-ms-input-placeholder, select::-webkit-input-placeholder,
textarea::-moz-placeholder, textarea:-ms-input-placeholder, textarea::-webkit-input-placeholder {
  color: #e6e9ed;
}

input[type="text"][disabled],
select[disabled],
textarea[disabled] {
  background-color: #e6e9ed;
  border-color: #e6e9ed;
}

input[type="text"] {
	width:70%;
}
textarea {
	width:70%;
	height: 6em;
}

/* apply btn definitions to WEBCAS input[type="submit"][value="foo"]  */
input[type="submit"][value="保存"],
input[type="submit"][value="参加申込"],
input[type="submit"][value="加入申込"],
input[type="submit"][value="エントリー"],
input[type="submit"][value="申込む"],
input[type="submit"][value="申し込む"],
input[type="submit"][value="応募はこちらから"],
input[type="submit"][value="入力内容を確認する"],
input[type="submit"][value="応募する"],
input[type="submit"][value="確認"],
input[type="submit"][value="登録"],
input[type="submit"][value="次へ"],
input[type="submit"][value="戻る"] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;

  /* .btn */
  color: white;
  /* .btn-lg */
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  
  /* project custom */
  min-width: 8em;
  font-weight: bold;
}
input[type="submit"][value="保存"],
input[type="submit"][value="参加申込"],
input[type="submit"][value="加入申込"],
input[type="submit"][value="エントリー"],
input[type="submit"][value="申込む"],
input[type="submit"][value="申し込む"],
input[type="submit"][value="応募はこちらから"],
input[type="submit"][value="入力内容を確認する"],
input[type="submit"][value="応募する"],
input[type="submit"][value="確認"],
input[type="submit"][value="登録"],
input[type="submit"][value="次へ"] {
  /* .btn-primary */
  background-color: #3bafda;
  border-color: #3bafda;
}
input[type="submit"][value="戻る"] {
  /* .btn-warning */
  background-color: #f6bb42;
  border-color: #f6bb42;
}

input[type="submit"][value="保存"]:hover,
input[type="submit"][value="保存"]:focus,
input[type="submit"][value="保存"]:active,
input[type="submit"][value="保存"].active,
input[type="submit"][value="参加申込"]:hover,
input[type="submit"][value="参加申込"]:focus,
input[type="submit"][value="参加申込"]:active,
input[type="submit"][value="参加申込"].active,
input[type="submit"][value="加入申込"]:hover,
input[type="submit"][value="加入申込"]:focus,
input[type="submit"][value="加入申込"]:active,
input[type="submit"][value="加入申込"].active,
input[type="submit"][value="エントリー"]:hover,
input[type="submit"][value="エントリー"]:focus,
input[type="submit"][value="エントリー"]:active,
input[type="submit"][value="エントリー"].active,
input[type="submit"][value="申込む"]:hover,
input[type="submit"][value="申込む"]:focus,
input[type="submit"][value="申込む"]:active,
input[type="submit"][value="申込む"].active,
input[type="submit"][value="申し込む"]:hover,
input[type="submit"][value="申し込む"]:focus,
input[type="submit"][value="申し込む"]:active,
input[type="submit"][value="申し込む"].active,
input[type="submit"][value="応募はこちらから"]:hover,
input[type="submit"][value="応募はこちらから"]:focus,
input[type="submit"][value="応募はこちらから"]:active,
input[type="submit"][value="応募はこちらから"].active,
input[type="submit"][value="入力内容を確認する"]:hover,
input[type="submit"][value="入力内容を確認する"]:focus,
input[type="submit"][value="入力内容を確認する"]:active,
input[type="submit"][value="入力内容を確認する"].active,
input[type="submit"][value="応募する"]:hover,
input[type="submit"][value="応募する"]:focus,
input[type="submit"][value="応募する"]:active,
input[type="submit"][value="応募する"].active,

input[type="submit"][value="確認"]:hover,
input[type="submit"][value="確認"]:focus,
input[type="submit"][value="確認"]:active,
input[type="submit"][value="確認"].active,
input[type="submit"][value="登録"]:hover,
input[type="submit"][value="登録"]:focus,
input[type="submit"][value="登録"]:active,
input[type="submit"][value="登録"].active,
input[type="submit"][value="次へ"]:hover,
input[type="submit"][value="次へ"]:focus,
input[type="submit"][value="次へ"]:active,
input[type="submit"][value="次へ"].active,
input[type="submit"][value="戻る"]:hover,
input[type="submit"][value="戻る"]:focus,
input[type="submit"][value="戻る"]:active,
input[type="submit"][value="戻る"].active {
  color: white;
  background-color: #ccd1d9;
  border-color: #ccd1d9;
  outline: none !important;
}

input[type="submit"][value="保存"]:hover,
input[type="submit"][value="保存"]:focus,
input[type="submit"][value="保存"]:active,
input[type="submit"][value="保存"].active,
input[type="submit"][value="参加申込"]:hover,
input[type="submit"][value="参加申込"]:focus,
input[type="submit"][value="参加申込"]:active,
input[type="submit"][value="参加申込"].active,
input[type="submit"][value="加入申込"]:hover,
input[type="submit"][value="加入申込"]:focus,
input[type="submit"][value="加入申込"]:active,
input[type="submit"][value="加入申込"].active,
input[type="submit"][value="エントリー"]:hover,
input[type="submit"][value="エントリー"]:focus,
input[type="submit"][value="エントリー"]:active,
input[type="submit"][value="エントリー"].active,
input[type="submit"][value="申込む"]:hover,
input[type="submit"][value="申込む"]:focus,
input[type="submit"][value="申込む"]:active,
input[type="submit"][value="申込む"].active,
input[type="submit"][value="申し込む"]:hover,
input[type="submit"][value="申し込む"]:focus,
input[type="submit"][value="申し込む"]:active,
input[type="submit"][value="申し込む"].active,
input[type="submit"][value="応募はこちらから"]:hover,
input[type="submit"][value="応募はこちらから"]:focus,
input[type="submit"][value="応募はこちらから"]:active,
input[type="submit"][value="応募はこちらから"].active,
input[type="submit"][value="入力内容を確認する"]:hover,
input[type="submit"][value="入力内容を確認する"]:focus,
input[type="submit"][value="入力内容を確認する"]:active,
input[type="submit"][value="入力内容を確認する"].active,
input[type="submit"][value="応募する"]:hover,
input[type="submit"][value="応募する"]:focus,
input[type="submit"][value="応募する"]:active,
input[type="submit"][value="応募する"].active,

input[type="submit"][value="確認"]:hover,
input[type="submit"][value="確認"]:focus,
input[type="submit"][value="確認"]:active,
input[type="submit"][value="確認"].active,
input[type="submit"][value="登録"]:hover,
input[type="submit"][value="登録"]:focus,
input[type="submit"][value="登録"]:active,
input[type="submit"][value="登録"].active,
input[type="submit"][value="次へ"]:hover,
input[type="submit"][value="次へ"]:focus,
input[type="submit"][value="次へ"]:active,
input[type="submit"][value="次へ"].active {
  /* .btn-primary */
  background-color: #4fc1e9;
  border-color: #4fc1e9;
}
input[type="submit"][value="戻る"]:hover,
input[type="submit"][value="戻る"]:focus,
input[type="submit"][value="戻る"]:active,
input[type="submit"][value="戻る"].active {
  /* .btn-warning */
  background-color: #ffce54;
  border-color: #ffce54;
}


/**
 * Layout
 */
body.l-modal {
	background-color: transparent;
	padding: 0;
}

.l-header {}

.navbar-custom {
  /*
  position: fixed;
  top: 0;
  left: 0;
   */
  border: none;
  border-radius: 0;
  background-color: #f6f6fa;
  width: 100%;
  z-index: 2000;
  color: #0571ce;
}


/**
 * Components
 */

/* border for heading */
.c-brd--h {
    padding-left: 20px;
    border-left-width: 10px;
    border-left-style: solid;
}
.c-brd--h--lg { border-left-width: 30px; }
.c-brd--h--sm { border-left-width: 5px; }
.c-brd--h--xs { border-left-width: 1px; }

.c-brd--h--default { border-left-color: #ccd1d9; }
.c-brd--h--primary { border-left-color: #ff7d32; }
.c-brd--h--info { border-left-color: #37bc9b; }
.c-brd--h--success { border-left-color: #8cc152; }
.c-brd--h--danger { border-left-color: #da4453; }


/**
 * Project
 */

/*
 * Fix WEBCAS formset
 * ex. 郵便番号、電話番号
 */
/* 郵便番号 */
.p-fix-input--zipcode__parent {}
.p-fix-input--zipcode__parent > input { ime-mode: disabled; }
.p-fix-input--zipcode__parent > input:nth-of-type(1) { width: 4em !important; margin: 0 5px 0 0; }
.p-fix-input--zipcode__parent > input:nth-of-type(2) { width: 5em !important; margin: 0 0 0 5px; }

/* 電話番号 */
.p-fix-input--telnum__parent {}
.p-fix-input--telnum__parent > input { ime-mode: disabled; }
.p-fix-input--telnum__parent > input:nth-of-type(1) { width: 5.5em !important; margin: 0 5px 0 0; }
.p-fix-input--telnum__parent > input:nth-of-type(2) { width: 5.5em !important; margin: 0 5px; }
.p-fix-input--telnum__parent > input:nth-of-type(3) { width: 5.5em !important; margin: 0 0 0 5px; }

/* 姓名 */
.p-fix-input--names__parent {}
.p-fix-input--names__parent .__first_label { width:2.5em; }
.p-fix-input--names__parent .__first_input {}
.p-fix-input--names__parent .__second_label { width:4em; padding-left: 1em; }
.p-fix-input--names__parent .__second_input {}

/* 年月日 */
.p-fix-input--day__parent {}
.p-fix-input--day__parent > input:nth-of-type(1) { width: 6em !important; margin-right: 5px; }
.p-fix-input--day__parent > input:nth-of-type(2) { width: 4em !important; margin-right: 5px; margin-left: 5px; }
.p-fix-input--day__parent > input:nth-of-type(3) { width: 4em !important; margin-left: 5px; }

/* その他各種テキストボックスのIMEモード */
.p-kyakban__parent input[type="text"],
.c_q30_text,
.__text-ime--disalbed {
	ime-mode: disabled;
}

input[name$="_etc_text"],
input[type="text"][name$="_first"],
input[type="text"][name$="_second"],
.js-moji--kana input[type="text"],
.c_q6_text,
.c_q7_text,
.c_q8_text,
.c_q12_text,
.c_q13_text,
.c_q14_text,
.c_q41_text,
.c_q42_text,
.c_q43_text,
.c_q41_text,
.c_q42_text,
.c_q43_text,
.c_q46_text,
.c_q47_text,
.c_q48_text,
.c_q51_text,
.c_q52_text,
.c_q53_text,
.__text-ime--active {
	ime-mode: active;
}


/**
 * Utility
 */

/* question indent */
.question-indent-sm {
	padding-left: 1.5em;
	text-indent: -1.5em
}
.question-indent-md {
	padding-left: 2.6em;
	text-indent: -2.6em
}
.question-indent-lg {
	padding-left: 3.2em;
	text-indent: -3.2em
}

/* indent */
.u-ind--1em {
	padding-left: 1em;
	text-indent: -1em;
}
.u-ind--2em {
	padding-left: 2em;
	text-indent: -2em;
}


/* margin, padding */
.ma0--force {margin: 0 !important;}
.mt0--force {margin-top: 0 !important;}
.mr0--force {margin-right: 0 !important;}
.mb0--force {margin-bottom: 0 !important;}
.ml0--force {margin-left: 0 !important;}

.ma100 { margin: 100px}
.ma90 { margin: 90px}
.ma80 { margin: 80px}
.ma70 { margin: 70px}
.ma60 { margin: 60px}
.ma50 { margin: 50px}
.ma40 { margin: 40px}
.ma35 { margin: 35px}
.ma30 { margin: 30px}
.ma25 { margin: 25px}
.ma20 { margin: 20px}
.ma15 { margin: 15px}
.ma10 { margin: 10px}
.ma09 { margin: 9px}
.ma08 { margin: 8px}
.ma07 { margin: 7px}
.ma06 { margin: 6px}
.ma05 { margin: 5px}
.ma04 { margin: 4px}
.ma03 { margin: 3px}
.ma02 { margin: 2px}
.ma01 { margin: 1px}
.mt100 { margin-top: 100px}
.mt90 { margin-top: 90px}
.mt80 { margin-top: 80px}
.mt70 { margin-top: 70px}
.mt60 { margin-top: 60px}
.mt50 { margin-top: 50px}
.mt40 { margin-top: 40px}
.mt35 { margin-top: 35px}
.mt30 { margin-top: 30px}
.mt25 { margin-top: 25px}
.mt20 { margin-top: 20px}
.mt15 { margin-top: 15px}
.mt10 { margin-top: 10px}
.mt09 { margin-top: 9px}
.mt08 { margin-top: 8px}
.mt07 { margin-top: 7px}
.mt06 { margin-top: 6px}
.mt05 { margin-top: 5px}
.mt04 { margin-top: 4px}
.mt03 { margin-top: 3px}
.mt02 { margin-top: 2px}
.mt01 { margin-top: 1px}
.mb100 { margin-bottom: 100px}
.mb90 { margin-bottom: 90px}
.mb80 { margin-bottom: 80px}
.mb70 { margin-bottom: 70px}
.mb60 { margin-bottom: 60px}
.mb50 { margin-bottom: 50px}
.mb40 { margin-bottom: 40px}
.mb35 { margin-bottom: 35px}
.mb30 { margin-bottom: 30px}
.mb25 { margin-bottom: 25px}
.mb20 { margin-bottom: 20px}
.mb15 { margin-bottom: 15px}
.mb10 { margin-bottom: 10px}
.mb09 { margin-bottom: 9px}
.mb08 { margin-bottom: 8px}
.mb07 { margin-bottom: 7px}
.mb06 { margin-bottom: 6px}
.mb05 { margin-bottom: 5px}
.mb04 { margin-bottom: 4px}
.mb03 { margin-bottom: 3px}
.mb02 { margin-bottom: 2px}
.mb01 { margin-bottom: 1px}
.ml100 { margin-left: 100px}
.ml90 { margin-left: 90px}
.ml80 { margin-left: 80px}
.ml70 { margin-left: 70px}
.ml60 { margin-left: 60px}
.ml50 { margin-left: 50px}
.ml40 { margin-left: 40px}
.ml35 { margin-left: 35px}
.ml30 { margin-left: 30px}
.ml25 { margin-left: 25px}
.ml20 { margin-left: 20px}
.ml15 { margin-left: 15px}
.ml10 { margin-left: 10px}
.ml09 { margin-left: 9px}
.ml08 { margin-left: 8px}
.ml07 { margin-left: 7px}
.ml06 { margin-left: 6px}
.ml05 { margin-left: 5px}
.ml04 { margin-left: 4px}
.ml03 { margin-left: 3px}
.ml02 { margin-left: 2px}
.ml01 { margin-left: 1px}
.mr100 { margin-right: 100px}
.mr90 { margin-right: 90px}
.mr80 { margin-right: 80px}
.mr70 { margin-right: 70px}
.mr60 { margin-right: 60px}
.mr50 { margin-right: 50px}
.mr40 { margin-right: 40px}
.mr35 { margin-right: 35px}
.mr30 { margin-right: 30px}
.mr25 { margin-right: 25px}
.mr20 { margin-right: 20px}
.mr15 { margin-right: 15px}
.mr10 { margin-right: 10px}
.mr09 { margin-right: 9px}
.mr08 { margin-right: 8px}
.mr07 { margin-right: 7px}
.mr06 { margin-right: 6px}
.mr05 { margin-right: 5px}
.mr04 { margin-right: 4px}
.mr03 { margin-right: 3px}
.mr02 { margin-right: 2px}
.mr01 { margin-right: 1px}
.ma-100 { margin: -100px}
.ma-90 { margin: -90px}
.ma-80 { margin: -80px}
.ma-70 { margin: -70px}
.ma-60 { margin: -60px}
.ma-50 { margin: -50px}
.ma-40 { margin: -40px}
.ma-35 { margin: -35px}
.ma-30 { margin: -30px}
.ma-25 { margin: -25px}
.ma-20 { margin: -20px}
.ma-15 { margin: -15px}
.ma-10 { margin: -10px}
.ma-09 { margin: -9px}
.ma-08 { margin: -8px}
.ma-07 { margin: -7px}
.ma-06 { margin: -6px}
.ma-05 { margin: -5px}
.ma-04 { margin: -4px}
.ma-03 { margin: -3px}
.ma-02 { margin: -2px}
.ma-01 { margin: -1px}
.mt-100 { margin-top: -100px}
.mt-90 { margin-top: -90px}
.mt-80 { margin-top: -80px}
.mt-70 { margin-top: -70px}
.mt-60 { margin-top: -60px}
.mt-50 { margin-top: -50px}
.mt-40 { margin-top: -40px}
.mt-35 { margin-top: -35px}
.mt-30 { margin-top: -30px}
.mt-25 { margin-top: -25px}
.mt-20 { margin-top: -20px}
.mt-15 { margin-top: -15px}
.mt-10 { margin-top: -10px}
.mt-09 { margin-top: -9px}
.mt-08 { margin-top: -8px}
.mt-07 { margin-top: -7px}
.mt-06 { margin-top: -6px}
.mt-05 { margin-top: -5px}
.mt-04 { margin-top: -4px}
.mt-03 { margin-top: -3px}
.mt-02 { margin-top: -2px}
.mt-01 { margin-top: -1px}
.mb-100 { margin-bottom: -100px}
.mb-90 { margin-bottom: -90px}
.mb-80 { margin-bottom: -80px}
.mb-70 { margin-bottom: -70px}
.mb-60 { margin-bottom: -60px}
.mb-50 { margin-bottom: -50px}
.mb-40 { margin-bottom: -40px}
.mb-35 { margin-bottom: -35px}
.mb-30 { margin-bottom: -30px}
.mb-25 { margin-bottom: -25px}
.mb-20 { margin-bottom: -20px}
.mb-15 { margin-bottom: -15px}
.mb-10 { margin-bottom: -10px}
.mb-09 { margin-bottom: -9px}
.mb-08 { margin-bottom: -8px}
.mb-07 { margin-bottom: -7px}
.mb-06 { margin-bottom: -6px}
.mb-05 { margin-bottom: -5px}
.mb-04 { margin-bottom: -4px}
.mb-03 { margin-bottom: -3px}
.mb-02 { margin-bottom: -2px}
.mb-01 { margin-bottom: -1px}
.ml-100 { margin-left: -100px}
.ml-90 { margin-left: -90px}
.ml-80 { margin-left: -80px}
.ml-70 { margin-left: -70px}
.ml-60 { margin-left: -60px}
.ml-50 { margin-left: -50px}
.ml-40 { margin-left: -40px}
.ml-35 { margin-left: -35px}
.ml-30 { margin-left: -30px}
.ml-25 { margin-left: -25px}
.ml-20 { margin-left: -20px}
.ml-15 { margin-left: -15px}
.ml-10 { margin-left: -10px}
.ml-09 { margin-left: -9px}
.ml-08 { margin-left: -8px}
.ml-07 { margin-left: -7px}
.ml-06 { margin-left: -6px}
.ml-05 { margin-left: -5px}
.ml-04 { margin-left: -4px}
.ml-03 { margin-left: -3px}
.ml-02 { margin-left: -2px}
.ml-01 { margin-left: -1px}
.mr-100 { margin-right: -100px}
.mr-90 { margin-right: -90px}
.mr-80 { margin-right: -80px}
.mr-70 { margin-right: -70px}
.mr-60 { margin-right: -60px}
.mr-50 { margin-right: -50px}
.mr-40 { margin-right: -40px}
.mr-35 { margin-right: -35px}
.mr-30 { margin-right: -30px}
.mr-25 { margin-right: -25px}
.mr-20 { margin-right: -20px}
.mr-15 { margin-right: -15px}
.mr-10 { margin-right: -10px}
.mr-09 { margin-right: -9px}
.mr-08 { margin-right: -8px}
.mr-07 { margin-right: -7px}
.mr-06 { margin-right: -6px}
.mr-05 { margin-right: -5px}
.mr-04 { margin-right: -4px}
.mr-03 { margin-right: -3px}
.mr-02 { margin-right: -2px}
.mr-01 { margin-right: -1px}
.pa100 { padding-bottom: 100px; padding-top: 100px; padding-left: 100px; padding-right: 100px}
.pa90 { padding-bottom: 90px; padding-top: 90px; padding-left: 90px; padding-right: 90px}
.pa80 { padding-bottom: 80px; padding-top: 80px; padding-left: 80px; padding-right: 80px}
.pa70 { padding-bottom: 70px; padding-top: 70px; padding-left: 70px; padding-right: 70px}
.pa60 { padding-bottom: 60px; padding-top: 60px; padding-left: 60px; padding-right: 60px}
.pa50 { padding-bottom: 50px; padding-top: 50px; padding-left: 50px; padding-right: 50px}
.pa40 { padding-bottom: 40px; padding-top: 40px; padding-left: 40px; padding-right: 40px}
.pa35 { padding-bottom: 35px; padding-top: 35px; padding-left: 35px; padding-right: 35px}
.pa30 { padding-bottom: 30px; padding-top: 30px; padding-left: 30px; padding-right: 30px}
.pa25 { padding-bottom: 25px; padding-top: 25px; padding-left: 25px; padding-right: 25px}
.pa20 { padding-bottom: 20px; padding-top: 20px; padding-left: 20px; padding-right: 20px}
.pa15 { padding-bottom: 15px; padding-top: 15px; padding-left: 15px; padding-right: 15px}
.pa10 { padding-bottom: 10px; padding-top: 10px; padding-left: 10px; padding-right: 10px}
.pa09 { padding-bottom: 9px; padding-top: 9px; padding-left: 9px; padding-right: 9px}
.pa08 { padding-bottom: 8px; padding-top: 8px; padding-left: 8px; padding-right: 8px}
.pa07 { padding-bottom: 7px; padding-top: 7px; padding-left: 7px; padding-right: 7px}
.pa06 { padding-bottom: 6px; padding-top: 6px; padding-left: 6px; padding-right: 6px}
.pa05 { padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px}
.pa04 { padding-bottom: 4px; padding-top: 4px; padding-left: 4px; padding-right: 4px}
.pa03 { padding-bottom: 3px; padding-top: 3px; padding-left: 3px; padding-right: 3px}
.pa02 { padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 2px}
.pa01 { padding-bottom: 1px; padding-top: 1px; padding-left: 1px; padding-right: 1px}
.pt100 { padding-top: 100px}
.pt90 { padding-top: 90px}
.pt80 { padding-top: 80px}
.pt70 { padding-top: 70px}
.pt60 { padding-top: 60px}
.pt50 { padding-top: 50px}
.pt40 { padding-top: 40px}
.pt35 { padding-top: 35px}
.pt30 { padding-top: 30px}
.pt25 { padding-top: 25px}
.pt20 { padding-top: 20px}
.pt15 { padding-top: 15px}
.pt10 { padding-top: 10px}
.pt09 { padding-top: 9px}
.pt08 { padding-top: 8px}
.pt07 { padding-top: 7px}
.pt06 { padding-top: 6px}
.pt05 { padding-top: 5px}
.pt04 { padding-top: 4px}
.pt03 { padding-top: 3px}
.pt02 { padding-top: 2px}
.pt01 { padding-top: 1px}
.pb100 { padding-bottom: 100px}
.pb90 { padding-bottom: 90px}
.pb80 { padding-bottom: 80px}
.pb70 { padding-bottom: 70px}
.pb60 { padding-bottom: 60px}
.pb50 { padding-bottom: 50px}
.pb40 { padding-bottom: 40px}
.pb35 { padding-bottom: 35px}
.pb30 { padding-bottom: 30px}
.pb25 { padding-bottom: 25px}
.pb20 { padding-bottom: 20px}
.pb15 { padding-bottom: 15px}
.pb10 { padding-bottom: 10px}
.pb09 { padding-bottom: 9px}
.pb08 { padding-bottom: 8px}
.pb07 { padding-bottom: 7px}
.pb06 { padding-bottom: 6px}
.pb05 { padding-bottom: 5px}
.pb04 { padding-bottom: 4px}
.pb03 { padding-bottom: 3px}
.pb02 { padding-bottom: 2px}
.pb01 { padding-bottom: 1px}
.pl100 { padding-left: 100px}
.pl90 { padding-left: 90px}
.pl80 { padding-left: 80px}
.pl70 { padding-left: 70px}
.pl60 { padding-left: 60px}
.pl50 { padding-left: 50px}
.pl40 { padding-left: 40px}
.pl35 { padding-left: 35px}
.pl30 { padding-left: 30px}
.pl25 { padding-left: 25px}
.pl20 { padding-left: 20px}
.pl15 { padding-left: 15px}
.pl10 { padding-left: 10px}
.pl09 { padding-left: 9px}
.pl08 { padding-left: 8px}
.pl07 { padding-left: 7px}
.pl06 { padding-left: 6px}
.pl05 { padding-left: 5px}
.pl04 { padding-left: 4px}
.pl03 { padding-left: 3px}
.pl02 { padding-left: 2px}
.pl01 { padding-left: 1px}
.pr100 { padding-right: 100px}
.pr90 { padding-right: 90px}
.pr80 { padding-right: 80px}
.pr70 { padding-right: 70px}
.pr60 { padding-right: 60px}
.pr50 { padding-right: 50px}
.pr40 { padding-right: 40px}
.pr35 { padding-right: 35px}
.pr30 { padding-right: 30px}
.pr25 { padding-right: 25px}
.pr20 { padding-right: 20px}
.pr15 { padding-right: 15px}
.pr10 { padding-right: 10px}
.pr09 { padding-right: 9px}
.pr08 { padding-right: 8px}
.pr07 { padding-right: 7px}
.pr06 { padding-right: 6px}
.pr05 { padding-right: 5px}
.pr04 { padding-right: 4px}
.pr03 { padding-right: 3px}
.pr02 { padding-right: 2px}
.pr01 { padding-right: 1px}

/**
 * Bootstrap extend
 */
/* Grid gutters */
.row-0{
    margin-left:0px;
    margin-right:0px;
}
    .row-0 > div{
        padding-right:0px;
        padding-left:0px;
    }

.row-10{
    margin-left:-5px;
    margin-right:-5px;
}
    .row-10 > div{
        padding-right:5px;
        padding-left:5px;
    }

.row-20{
    margin-left:-10px;
    margin-right:-10px;
}
    .row-20 > div{
        padding-right:10px;
        padding-left:10px;
    }

.row-30{
    margin-left:-15px;
    margin-right:-15px;
}
    .row-30 > div{
        padding-right:15px;
        padding-left:15px;
    }

.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
    .row-40 > div{
        padding-right:20px;
        padding-left:20px;
    }

/**
 * Utility - Switch display methods
 */
@media screen and (min-width: 992px) {
    .u-md-only {display: block; }
    .u-sm-only {display: none; }
    .u-xs-only {display: none; }
    .u-md-hide {display: none; }
    .u-sm-hide {display: block; }
    .u-xs-hide {display: block; }

    table.u-md-only,
    table.u-sm-hide,
    table.u-xs-hide {
        display: table !important;
    }
    tr.u-md-only,
    tr.u-sm-hide,
    tr.u-xs-hide {
        display: table-row !important;
    }
    th.u-md-only,
    th.u-sm-hide,
    th.u-xs-hide,
    td.u-md-only,
    td.u-sm-hide,
    td.u-xs-hide {
        display: table-cell !important;
    }

    .u-md-only-block {display: block !important; }
    .u-sm-only-block {display: none !important; }
    .u-xs-only-block {display: none !important; }
    .u-md-hide-block {display: none !important; }
    .u-sm-hide-block {display: block !important; }
    .u-xs-hide-block {display: block !important; }
    .u-md-only-inline {display: inline !important; }
    .u-sm-only-inline {display: none !important; }
    .u-xs-only-inline {display: none !important; }
    .u-md-hide-inline {display: none !important; }
    .u-sm-hide-inline {display: inline !important; }
    .u-xs-hide-inline {display: inline !important; }
    .u-md-only-inline-block {display: inline-block !important; }
    .u-sm-only-inline-block {display: none !important; }
    .u-xs-only-inline-block {display: none !important; }
    .u-md-hide-inline-block {display: none !important; }
    .u-sm-hide-inline-block {display: inline-block !important; }
    .u-xs-hide-inline-block {display: inline-block !important; }
}

@media screen and (max-width: 991px) {
    .u-md-only {display: none; }
    .u-sm-only {display: block; }
    .u-xs-only {display: none; }
    .u-md-hide   {display: block; }
    .u-sm-hide   {display: none; }
    .u-xs-hide   {display: block; }

    table.u-sm-only,
    table.u-md-hide,
    table.u-xs-hide {
        display: table !important;
    }
    tr.u-sm-only,
    tr.u-md-hide,
    tr.u-xs-hide {
        display: table-row !important;
    }
    th.u-sm-only,
    th.u-md-hide,
    th.u-xs-hide,
    td.u-sm-only,
    td.u-md-hide,
    td.u-xs-hide {
        display: table-cell !important;
    }

    .u-md-only-block {display: none !important; }
    .u-sm-only-block {display: block !important; }
    .u-xs-only-block {display: none !important; }
    .u-md-hide-block {display: block !important; }
    .u-sm-hide-block {display: none !important; }
    .u-xs-hide-block {display: block !important; }
    .u-md-only-inline {display: none !important; }
    .u-sm-only-inline {display: inline !important; }
    .u-xs-only-inline {display: none !important; }
    .u-md-hide-inline {display: inline !important; }
    .u-sm-hide-inline {display: none !important; }
    .u-xs-hide-inline {display: inline !important; }
    .u-md-only-inline-block {display: none !important; }
    .u-sm-only-inline-block {display: inline-block !important; }
    .u-xs-only-inline-block {display: none !important; }
    .u-md-hide-inline-block {display: inline-block !important; }
    .u-sm-hide-inline-block {display: none !important; }
    .u-xs-hide-inline-block {display: inline-block !important; }
}

@media screen and (max-width: 599px) {
    .u-md-only {display: none; }
    .u-sm-only {display: none; }
    .u-xs-only {display: block; }
    .u-md-hide   {display: block; }
    .u-sm-hide   {display: block; }
    .u-xs-hide   {display: none; }

    table.u-xs-only,
    table.u-md-hide,
    table.u-sm-hide {
        display: table !important;
    }
    tr.u-xs-only,
    tr.u-md-hide,
    tr.u-sm-hide {
        display: table-row !important;
    }
    th.u-xs-only,
    th.u-md-hide,
    th.u-sm-hide,
    td.u-xs-only,
    td.u-md-hide,
    td.u-sm-hide {
        display: table-cell !important;
    }

    .u-md-only-block {display: none !important; }
    .u-sm-only-block {display: none !important; }
    .u-xs-only-block {display: block !important; }
    .u-md-hide-block {display: block !important; }
    .u-sm-hide-block {display: block !important; }
    .u-xs-hide-block {display: none !important; }
    .u-md-only-inline {display: none !important; }
    .u-sm-only-inline {display: none !important; }
    .u-xs-only-inline {display: inline !important; }
    .u-md-hide-inline {display: inline !important; }
    .u-sm-hide-inline {display: inline !important; }
    .u-xs-hide-inline {display: none !important; }
    .u-md-only-inline-block {display: none !important; }
    .u-sm-only-inline-block {display: none !important; }
    .u-xs-only-inline-block {display: inline-block !important; }
    .u-md-hide-inline-block {display: inline-block !important; }
    .u-sm-hide-inline-block {display: inline-block !important; }
    .u-xs-hide-inline-block {display: none !important; }
}



.pcBlock{display:block}
.spBlock{display:none}

@media screen and (max-width: 599px) {
.pcBlock{display:none}
.spBlock{display:block}
}


/* 概要 */
.gaiyouBox {
    padding:20px 0 ;
    margin: 0px auto 20px auto;
}
.gaiyouBox h4 {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 180%;	
}
.gaiyouBox dl {
    display: flex;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    margin: 0;
    justify-content: space-between;
    align-items: center;
}
.gaiyouBox dl.topB {
	border-top: 1px dotted #ccc;
}
.gaiyouBox dt {
    font-weight: bold;
    width: 25%;
    background-color:#e9f5fd;
    padding: 8px 5px;
    text-align: center;
    border-radius: 5px;
}
.gaiyouBox dd {
    width: 72%;
	margin-left: 3%
}
@media screen and (max-width: 599px) {
	.gaiyouBox dl {
    display: block;
}
	.gaiyouBox dt {
    width: 100%;
}
.gaiyouBox dd {
    width: 100%;
	margin-left: 0%;
	margin-top: 3%;
}
}


/**
 * 重要事項
 */

.kykJknTxt{
	margin:0px auto 10px;
	font-size:14px;
	width:100%;
	height:200px;
	overflow-x:hidden;
	overflow-y:scroll;	
}
.kykJknTxt #inner-content-area{
	width:auto;
	word-wrap:break-word;
	margin:0 10px 0 5px;
}
.fm-verticalanswer .kykJknTxt h5 {
	margin-top:20px;
	margin-bottom:5px;
	font-size:16px;
}
.kykJknTxt ul,.kykJknTxt ol,.kykJknTxt li{
	list-style:none;
}
.kykJknTxt ul {
	padding-left:0em;
}
.kykJknTxt ul li {
	margin:0 10px 5px 1em;
	text-indent:-1em
}
.kykJknTxt ul li.indentList {
	margin:0 10px 5px 2.5em;
	text-indent:-1.5em
	}
.kykJknTxt ul li.indentList2 {
	margin:0 10px 5px 5em;
	text-indent:-3em
}
.kykJknTxt ul li.indentList3 {
	margin:0 10px 5px 3.5em;
	text-indent:-1.5em
}
.kykJknTxt ul li.indentListNo {
	margin:0 10px 5px 0em;
	text-indent:0em
	}




/**
 * 重要事項
 */
 
 	.agree_box {
        width: 100%;
        margin: auto;
        padding: 30px 2% 40px;
        border-radius: 10px;
        background: #f5f5f5;
    }
     .agree_box .caption {
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 10px;
        text-align: center;
    }
    .agree_box .agree_group {
        padding: 0 0 10px;
    }
     .agree_textbox {
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }
     .agree_textbox .inner {
        font-size: 13px;
        height: 200px;
        padding: 25px 20px;
        position: relative;
        overflow: hidden;
    }
    .bold {
		 font-weight: bold;
		 margin: 0;
	}


@media (max-width: 599px) {
.agree_box {
    padding: 3% 5%;
    border-radius: 5px;
}

.agree_box .caption {
    font-size: 12px;
}

.agree_textbox .inner {
    font-size: 10px;
    height: 110px;
    padding: 10px;
}

.agree_group {
    padding: 0 0 10px;
}

.num_list {
    margin: 5px 0 10px;
}
.num_list:first-child {
    margin: 0;
}
.num_list li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.num_list li.sub_pre_tit {
    margin-top: 7px;
}
}




/*-------------------------------
スクロールバーカスタマイズ
---------------------------------*/

/* perfect-scrollbar v0.6.12 */

.ps-container {
    overflow: hidden !important;

    -ms-touch-action: none;
    touch-action: none;
    -ms-overflow-style: none;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;

    background-color: #dddddd;
}

textarea.ps-container.ps-active-x > .ps-scrollbar-x-rail,
textarea.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;

    background-color: #fff;
    border-radius: 15px;
}


.ps-container.ps-in-scrolling {
    pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    opacity: .9;
    background-color: #ccc;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #e50065;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    opacity: .9;
    background-color: #ccc;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #e50065;
}

textarea.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #e2bf39;
    border-radius: 15px;
}

.ps-container > .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 0;

    display: none;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 15px;

    -webkit-transition: background-color .2s linear, opacity .2s linear;

    transition: background-color .2s linear, opacity .2s linear;
    /* please don't change 'position' */
    opacity: 0;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    bottom: 2px;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 6px;

    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;

    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;

    border-radius: 6px;
    /* please don't change 'position' */
    background-color: #aaa;
}

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
    height: 11px;
}

.ps-container > .ps-scrollbar-y-rail {
    position: absolute;
    right: 0;

    display: none;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 5px;
    /* please don't change 'position' */
    /*opacity: 0;*/
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

@media (min-width: 980px) {
    .ps-container > .ps-scrollbar-y-rail {
        width: 10px;
    }
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /*right: 2px;*/
    /* there must be 'right' for ps-scrollbar-y */
    width: 5px;
    /*      -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px;*/
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    /* please don't change 'position' */
    background-color: #e50065;
}

textarea.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /*right: 2px;*/
    /* there must be 'right' for ps-scrollbar-y */
    width: 10px;
    /*      -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px;*/
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    /* please don't change 'position' */
    background-color: #fef2c4;
    border-radius: 15px;
}

@media (min-width: 980px) {
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        width: 10px;
    }
}

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
    width: 5px;
}

@media (min-width: 980px) {
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
    .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
        width: 10px;
    }
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    opacity: .9;
    background-color: #ccc;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #e50065;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    opacity: .9;
    background-color: #ccc;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #e50065;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    /*opacity: 0.6;*/
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    opacity: .9;
    background-color: #ccc;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #e50065;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    opacity: .9;
    background-color: #ccc;
}

textarea.ps-container:hover > .ps-scrollbar-y-rail:hover {
    opacity: .9;
    background-color: #ddd;
}


.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #e50065;
}

textarea.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #e2bf39;
}

@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important;
    }
}

@media screen and (max-width: 599px) {
	.navbar {
		    /*min-height: 90px;*/
	}
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-brand {
		padding: 15px 0px;
		height:auto;
	}
	.navbar .container-fluid .col-md-4 .pb05 {
		padding-bottom: 0;
	}
	.navbar .container-fluid .col-md-4 .pt05 {
		padding-top: 0;
	}
}