@charset "UTF-8";

/* ログイン画面 */
.login {
    position: relative;
    margin: 30px auto;
    padding: 20px;
    max-width: 700px;
    background: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.login:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.login h1 {
    margin: -20px -20px 21px;
    padding: 12px 8px 7px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #555;
    text-align: center;
    text-shadow: 0 1px white;
    background: #f3f3f3;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 3px 3px 0 0;
    background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
    background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
    background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
    background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
    -webkit-box-shadow: 0 1px whitesmoke;
    box-shadow: 0 1px whitesmoke;
}

.login p:first-child {
  margin-top: 0;
}

.login p.remember_me {
  line-height: 31px;
}

.login p.remember_me label,
.login p.remember_me span {
  font-size: 1.2rem;
  color: #777;
  cursor: pointer;
}

.login p.remember_me span i {
    font-size: 1.4rem;
    margin-right:0.3em;
    color: #FC8731;
}


.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}

.login p.submit {
  text-align: right;
}

:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 1.3rem;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 1.3rem;
}

.login input[type="text"], .login input[type="password"] {
	padding: 0 10px;
	width: 100%;
	max-width: 300px;
	height: 34px;
	color: #404040;
	background: white;
	border: 1px solid;
	border-color: #c4c4c4 #d1d1d1 #d4d4d4;
	border-radius: 2px;
	outline: 5px solid #eff4f7;
	-moz-outline-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
	margin: 5px auto;
	box-sizing: border-box;
}

.login input[type="text"]:focus, .login input[type="password"]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}

.exp {
	font-size: 1.3rem;
	color: #CE006C;
	font-weight: bold;
}

table.table00,
table.table01,
table.table01a,
table.table01g,
table.table02 {
  border-collapse: collapse;
	border: 2px solid #B2D9F2;
}
/*テーブルを親要素の幅いっぱいに伸ばす*/
table.table01,
table.table01a,
table.table02 {
	width: 100%;
}
table.table01g,
table.table00 {
	margin: 0 auto;
}
/* table01, table01a */
table.table00 th,
table.table01 th,
table.table01a th,
table.table01g th,
table.table01 td,
table.table01a td,
table.table01g td {
	padding: 0.5em;
	border-top: 2px solid #B2D9F2;
  border-bottom: 2px solid #B2D9F2;
}
table.table00 td,
table.table01 td,
table.table01a td,
table.table01g td,
table.table01g th {
	border-left: 2px solid #B2D9F2;
}
table.table00 th,
table.table01 th,
table.table01a th,
table.table01g th {
	background: #7CBDE8;
}
table.table00 th,
table.table01 th {
	vertical-align: middle;
	min-width:100px;
	text-align: left;
  font-weight: 500;
}
table.table01g th {
	vertical-align: middle;
	text-align: center;
}
table.table01g td {
	vertical-align: middle;
	text-align: left;
}
table.table01a th {
	min-width:150px;
	padding: 0.7em 3em 0.7em 1em;
	position: relative;
	background-clip: padding-box; /* FireFoxでposition:relativeを指定したthやtdのボーダーが消えるのを防ぐ */	
	text-align: left;
	vertical-align: top;
}
/* table02 */
table.table02 th,
table.table02 td {
	padding: 0.8em 0.4em;
	border: 1px solid #B2D9F2;
}
table.table02 th {
	text-align: center;
	background: #7CBDE8;
	white-space: nowrap;
}

table.tbl7,
table.tbl7a {
	border-spacing:4px;
	background-color:#ffffff;
	empty-cells:show;
	width: 100%;
}

table.tbl7 a {
	text-decoration: none;
}


.tbl7 th,
.tbl7a th {
	white-space: nowrap;
}

.tbl7 th {
	border-right:1px solid #509F00;
	border-bottom:1px solid #509F00;
	color:#FFFFFF;
	background:#60BF00;
	padding:0.2em;
	text-align:center;
}

.tbl7a th {
	border-left:5px solid #E9CEDF;
	background:#F3E6EF;
	padding:0.3em 0.2em 0.2em 0.5em;
	text-align:left;
}

.tbl7 td {
	padding:0.2em;
}

.tbl7a td {
	padding:0.3em 0;
}

th.tbl7_td_t1,
td.tbl7_td_t1 {
	text-align:center;
	width: 20%;
	white-space: nowrap;
}

td.tbl7_td_t2 {
	border-bottom:1px dotted #B8C3CC;
}
td.tbl7_td_t3 {
	border-bottom:1px solid #B8C3CC;
	margin-bottom: 1em;
}

/* 修正箇所のセルを黄色に */
.bg_yelw01 { 
	background: #FF9;
}
.bg_gray01 { 
	background: rgb(218, 218, 218);
}
.nowrap {
	white-space: nowrap;
}

/* 日本語入力機能(IME)を制御 */
.ime_active { ime-mode: active; }    /* ONにする */
.ime_disabled { ime-mode: disabled; } /* 無効にする */

/* 必須マーク */
.form_waku03,
.form_waku03_gray {
	font-size: 1.4rem;
	padding: 0.1em 0.4em;
	margin-left:0.2em;
	color: #FFF;
	/* 角丸の指定 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
table.table01 th .form_waku03,
table.table01 th .form_waku03_gray,
table.table01a th .form_waku03,
table.table01a th .form_waku03_gray {
	float: right;
}
.form_waku03 {
	background: #ff6633;
}
.form_waku03_gray {
	background: #828282;
}

.form_waku03_e {
  font-size: 1.6rem;
  padding: 0.3em 0.4em 0em;
  line-height: 1em;
}

/* エラーメッセージ */
.form_waku04 {
  background: #F00;
  font-weight:bold;
  padding: 0 0.3em;
  color: #FFF;
}

/* ---------------------------------------
 *ここから入力欄のスタイル指定
--------------------------------------- */

/* デフォルトのスタイルを無効にする */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
input[type="button"],
select,
textarea,
button {
  -moz-default-appearance: none;
  -webkit-default-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}

button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}

input[type="submit"],
input[type="button"],
button {
	font-size: 1.6rem;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  background: #e9f5fb;
	border: 1px solid #7CBDE8;
	padding: 0.3em 0.5em;
	margin: 0.2em 0;
	transition: 0.8s;
	border-radius: 3px;
}
textarea {
	display: inline-block;
  width: 100%;
}
/*入力欄にフォーカスしたら変化*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	background: #fcfce2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type="text"]:disabled {
	cursor: default;
	border: 1px solid #CCC;
	background: #e8e8e8;
}

input[type="text"].back_gray,
input[type="text"]:focus.back_gray {
	cursor: default;
	border: 1px solid #CCC;
	background: #FFF;
	transition: 0s;
	box-shadow: none;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}

/* セレクトボックス */
select {
	padding: 3px 20px 4px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #7CBDE8;
	border-radius: 3px;
	background: #e9f5fb url(../images/icon_arrow.png) right 50% no-repeat;
	background-size: 20px, 100%;
	margin: 0.2em 0;
	max-width: 100% !important;
}
select:focus {
  background: #fcfce2 url(../images/icon_arrow.png) right 50% no-repeat;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
option {
	max-width:8em;
	white-space:normal;
}

/* ラジオボタン */
.radiobox01 input[type="radio"] {
	display: none;
}
.radiobox01 label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 15px;
	padding: 3px 15px;
	line-height: 1.5em;
}
.radiobox01 label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 2px solid #7CBDE8;
	border-radius: 50%;
}
.radiobox01 input[type="radio"]:disabled + label {
	cursor: default;
}
.radiobox01 input[type="radio"]:disabled + label:before {
  border: 2px solid #CCC;
	cursor: default;
}
.radiobox01 input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -6px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-radius: 50%;
	background: #FF288C;
}

/* チェックボックス */
.checkbox01 input[type="checkbox"] {
	display:none;
	cursor: pointer;
} /* to hide the checkbox itself */
.checkbox01 input[type="checkbox"] + label:before {
  font-family: FontAwesome;
  /*display: inline-block;*/
	font-size: 2.4rem;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.checkbox01 input[type="checkbox"] + label:before {
	content: "\f096";
	letter-spacing: 5px;
	color: #7CBDE8;
}
.checkbox01 input[type="checkbox"]:checked + label:before {
	content: "\f046";
	color: #FF288C;
}
.checkbox01 input[type="checkbox"]:disabled + label {
	cursor: default;
}
.checkbox01 input[type="checkbox"]:disabled + label:before {
	color: #CCC;
	cursor: default;
}
.checkbox01 label:hover {
   cursor: pointer;
}

.checkbox_view input[type="checkbox"] + label:after {
  content: "しない";
}
.checkbox_view input[type="checkbox"]:checked + label:after {
  content: "する";
}

.checkbox_appro input[type="checkbox"] + label:after {
  content: "不可";
}
.checkbox_appro input[type="checkbox"]:checked + label:after {
  content: "可";
}

.checkbox_requi input[type="checkbox"] + label:after {
  content: "非必須";
}
.checkbox_requi input[type="checkbox"]:checked + label:after {
  content: "必須";
}

/* 画像アップボタン */
.form__file input[type="file"] {
   display: none;
}
.form__file label {
	background: #CCC;
	padding: 10px 15px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.form__file label:hover {
   background: #DCDCDC;
}
/*.form__file label::after {
   content: "選択されていません";
   font-size: 14px;
   height: 20px;
   line-height: 20px;
   position: absolute;
   right: -140px;
   top: calc(50% - 10px);
}
.form__file label.changed::after {
   content: "";
}
*/
.form__file i {
	color: #666;
	font-size: 2.0rem;
}

/* ボタン */
input[type="submit"].btn00,
input[type="button"].btn00,
button.btn00 {
	border: 2px solid #89BDDE;
	padding: 0.5em 4em;
	border-radius: 5px;
	background: #006599;
	color: #fff;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}
input[type="submit"].btn00:hover,
input[type="button"].btn00:hover,
button.btn00:hover {
	box-shadow: none;
	background: #2679B4;
	cursor: pointer;
}

input[type="submit"].btn00a,
input[type="button"].btn00a,
button.btn00a {
	min-width: 300px;
	background-color:#E6F4F7;
	border: 2px solid #369cb8;
	-webkit-box-shadow:0 3px #2A7A91;
	box-shadow:0 3px #2A7A91;
	color: #369cb8;
  padding: 30px 20px;
  border-radius:.5rem;
	position: relative;
  font-size: 2.2rem;
  font-weight: 700;
}
input[type="submit"].btn00a:hover,
input[type="button"].btn00a:hover,
button.btn00a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

input[type="submit"].btn00b,
input[type="button"].btn00b,
button.btn00b {
	min-width: 300px;
	background-color: #fcedf1;
	border: 2px solid #f06e8c;
  -webkit-box-shadow:0 3px #ee5e7f;
	box-shadow:0 3px #ee5e7f;
	color: #f06e8c;
  padding: 30px 20px;
	border-radius:.5rem;
	position: relative;
  font-size: 2.2rem;
  font-weight: 700;
}
input[type="submit"].btn00b:hover,
input[type="button"].btn00b:hover,
button.btn00b:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

input[type="submit"].btn00c,
input[type="button"].btn00c,
button.btn00c {
	max-width: 300px;
	background-color: #fff7f3;
	border: 2px solid #f38d20;
  -webkit-box-shadow:0 3px #ED7B00;
	box-shadow:0 3px #ED7B00;
	color: #f38d20;
  padding: 30px 20px;
	border-radius:.5rem;
	position: relative;
  font-size: 2.2rem;
  font-weight: 700;
}
input[type="submit"].btn00c:hover,
input[type="button"].btn00c:hover,
button.btn00c:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

input[type="submit"].btn03,
input[type="button"].btn03,
button.btn03 {
	border: 1px solid #CCCCCC;
	padding: 0.5em 4em;
	background: #1e85901e;
	color: #39505A;
	position: relative;
	font-size: 2.0rem;
}
input[type="submit"].btn03:hover,
input[type="button"].btn03:hover,
button.btn03:hover {
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	background: #FFF;
	cursor: pointer;
}

button.btn01,
button.btn01a,
button.btn01b,
button.btn02,
button.btn11,
button.btn11a,
button.btn11b,
button.btn12,
button.btn21,
button.btn31,
button.btn32,
button.btn33,
button.btn41,
button.btn51,
input[type="button"].btn11 {
    cursor: pointer;
    border: 0;
    color: #fff;
    font-weight: 400;
}
button.btn01,
button.btn01a,
button.btn01b,
button.btn02,
button.btn41,
button.btn51,
a.btn51 {
	min-width: 150px;
}
button.btn01,
button.btn11,
button.btn21,
button.btn31,
input[type="button"].btn11 {
		background: #ED7B00;
}
button.btn01a,
button.btn11a {
		background: #369cb8;
}
button.btn01b,
button.btn11b {
		background: #299180;
}
button.btn02,
button.btn12,
button.btn32 {
  background: #A8A8A8;
}
button.btn33 {
	background: #82C91E;
}
button.btn41 {
	background: #3ca381;
}
button.btn51,
a.btn51 {
  color: #505252;
  text-shadow: 0px 1px 0px #fafafa;
  background: #fbfaf4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf4), to(#ece8e6));
  background: -moz-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: -o-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: -ms-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: linear-gradient(top,  #fbfaf4,  #ece8e6);
  border: 1px solid #dcd9d8;
  border-bottom: 1px solid #c1c1bd;
  -webkit-box-shadow:  0 0 1px #c7c5c1;
  -moz-box-shadow:  0 0 1px #c7c5c1;
  box-shadow:  0 0 1px #c7c5c1;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
button.btn01,
button.btn01a,
button.btn01b,
button.btn02,
button.btn41 {
	padding: 10px 30px;
	font-size: 1.6rem;
	margin: 10px 0;
}

button.btn11,
button.btn11a,
button.btn11b,
button.btn12,
button.btn51,
a.btn51,
input[type="button"].btn11
 {
	padding: 5px 20px;
	font-size: 1.4rem;
}
a.btn51 {
	display: inline-block;
	text-decoration: none;
}
button.btn21 {
	padding: 5px;
	font-size: 1.2rem;
}
button.btn31,
button.btn32,
button.btn33 {
	padding: 20px 10px;
	min-width: 300px;
	font-size: 1.6rem;
	margin: 10px 0;
}

button.btn01:hover,
button.btn01a:hover,
button.btn01b:hover,
button.btn11:hover,
button.btn11a:hover,
button.btn11b:hover,
button.btn21:hover,
button.btn31:hover,
input[type="button"].btn11:hover {
	opacity:0.7;
}
button.btn02:hover,
button.btn12:hover,
button.btn32:hover {
	background: #8D8D8D;
}
button.btn33:hover {
	background: #76AD24;
}
button.btn41:hover {
	background: #57af92;
}
button.btn51:hover,
a.btn51:hover {
  background: #fbfbf9;
}

button.btn61,
button.btn62 {
  padding:15px 25px;
	width: 100%;
	max-width: 400px;
  text-decoration: none;
  line-height: 40px;
  font-size:2.6rem;
	font-weight: bold;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  border-radius: 5px;
}
button.btn61 {
	color: #fff;
  text-shadow: 0px -1px 0px #af6d01;
  border: 1px solid #ff9900;
  background: #fe9902;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffae13), to(#fe9902));
  background: -moz-linear-gradient(top,  #ffae13,  #fe9902);
  background: -o-linear-gradient(top,  #ffae13,  #fe9902);
  background: -ms-linear-gradient(top,  #ffae13,  #fe9902);
  background: linear-gradient(top,  #ffae13,  #fe9902);
	cursor: pointer;
}
button.btn61:hover {
  opacity: 0.8;
}
button.btn62  {
  color: #fff;
  text-shadow: 0px -1px 0px #aaaaaa;
  border: 1px solid #cccccc;
  background: #cccccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#d1d0d0), to(#cccccc));
  background: -moz-linear-gradient(top,  #d1d0d0,  #cccccc);
  background: -o-linear-gradient(top,  #d1d0d0,  #cccccc);
  background: -ms-linear-gradient(top,  #d1d0d0,  #cccccc);
  background: linear-gradient(top,  #d1d0d0,  #cccccc);
	cursor: no-drop;
}

/* 表示領域が767.98x以下の場合に適用するスタイル
-----------------------------------------------------*/
@media screen and (max-width : 767.98px ){
	/* table01 */
	table.table01_sp,
	table.table01a_sp,
	table.table01g_sp {
		border-top: none;
	}
	/* thとtdをブロック化して幅100％にして、縦積み */
	table.table01_sp th,
	table.table01_sp td,
	table.table01a_sp th,
	table.table01a_sp td,
	table.table01g_sp th,
	table.table01g_sp td {
		width: 100%;
		display: block;
	}
	/* th（項目名）欄の不要な余白削除・テキスト左寄せ */
	table.table01_sp th,
	table.table01a_sp th,
	table.table01g_sp th {
		text-align: left;
		padding-left: 1em; 
	}
	table.table01a_sp th {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
}
	table.table01_sp td,
	table.table01a_sp td {
		border: none;
		padding-right: 10px; 
		padding-left: 10px; 
	}
	/*不要な最終行の左のthを非表示にする*/
	table.table01_sp .empty,
	table.table01a_sp .empty {
		display: none;
	}

	/* table02 */
  table.table02_sp thead { 
		display: none;
  }

  table.table02_sp td { 
    display: block;
  }
	table.table02_sp td::before {
    content: attr(data-label);
    font-size: 1.4rem;
    color: #2387CA;
    display: block;
    margin-bottom: 0.25rem;
		text-align: left;
		font-weight: bold;
		background: #EEE;
		padding: 3px 13px;
		border-left: 3px solid #7CBDE8;
  }
	table.table02_sp td.num {
		background: #7CBDE8;
		color: #FFF;
  }
	table.table02_sp td.num::before {
		padding: 0;
	}
	table.table02_sp td.nottl::before {
		padding: 0;
	}
	table.table02_sp td.center {
		text-align: left;
	}
	/* フォーム関係 */
	table.table01_sp input[type="text"],
	table.table01_sp input[type="email"],
	table.table01_sp input[type="password"],
	table.table01g_sp input[type="text"],
	table.table01g_sp input[type="email"],
	table.table01g_sp input[type="password"],
	table.table02_sp input[type="text"],
	table.table02_sp input[type="email"],
	table.table02_sp input[type="password"],
	textarea {
		padding: 0.5em;
		margin: 0.2em 0;
	}
	
	button.sw100 {
		width: 49%;
    padding: 15px 20px;
	}
}

input.f01 {
	width: 100%;
	max-width:1em;
	text-align: center;
}

input.f03 {
	width: 100%;
	max-width:3em;
	text-align: center;
}

input.f04 {
	width: 100%;
	max-width:4em;
	text-align: center;
}

input.f10 {
	width: 100%;
	max-width:6em;
}

input.f15 {
	width: 100%;
	max-width:8em;
}

input.f20 {
	width: 100%;
	max-width:10em;
}
input.f25 {
	width: 100%;
	max-width:12em;
}

input.f30 {
	width: 100%;
	max-width:15em;
}

input.f35 {
	width: 100%;
	max-width:18em;
}

input.f40 {
	width: 100%;
	max-width:20em;
}

input.f50 {
	width: 100%;
	max-width:25em;
}

input.f60 {
	width: 100%;
	max-width:30em;
}
input.f80 {
	width: 100%;
	max-width:40em;
}
input.f100 {
	width: 100%;
	max-width:50em;
}
input.form01_memberid {
	position: absolute;
	left: 490px;
}

select[name="app"] {
	width:300px;
	height:3em;
}

textarea.f70 {
	width: 100%;
	max-width:600px;
	height:15em;
}

textarea.f00 {
	width: 100%;
	max-width: 400px;
	height: 5em;
}

textarea.f01 {
	width: 100%;
	max-width:500px;
	height: 3em;
}
textarea.f02 {
	width: 100%;
	height: 15em;
}
textarea.f10 {
	width: 100%;
	height: 8em;
}

.email_conf {
  display: flex;
  width: 100%;
  max-width:30em;
  justify-content: space-between;
  align-items: center;
}
.email_conf input {
  width: calc(50% - .65em);
}

.top_conf {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px 30px;
  flex-wrap: wrap;
  margin: 30px;
}

/* 管理者画面メニューボタン、検索画面ボタン */
.ul_btn02_admn,
.ul_srch01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

/* 管理者画面メニューボタン */
.ul_btn02_admn {
	border-bottom: 1px solid #CCC;
	padding: 20px 0;
}
.ul_btn02_admn li {
	margin: 10px;
	width: 100%;
	max-width: 350px;
}
.ul_btn02_admn button {
	display: block;
	text-align: center;
	padding: 25px;
	background: linear-gradient(#FEFEFE, #F3F5F5);
	background: -o-linear-gradient(#FEFEFE, #F3F5F5);
	background: -ms-linear-gradient(#FEFEFE, #F3F5F5);
	background: -moz-linear-gradient(#FEFEFE, #F3F5F5);
	background: -webkit-linear-gradient(#FEFEFE, #F3F5F5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F3F5F5), color-stop(0.00, #FEFEFE));
	border: 1px solid #CCC;
	border-radius: 10px;
	line-height: 1em;
	transition: .3s;
	text-decoration: none;
	transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #e971b3;
	font-weight: 900;
	font-size: 1.6rem;
}
.ul_btn02_admn button i {
	display: block;
	margin-bottom: 10px;
	font-size: 8rem;
	color: #57858a;
}
.ul_btn02_admn button:hover {
	cursor: pointer;
	opacity: 0.6;
}

/* 検索画面 */
.ul_srch01 {
	align-items: center;
	padding: 0;
	margin: 15px 0;
}
.ul_srch01_in {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
.ul_srch01 li,
.ul_srch01_in li {
	margin: 0 5px;
	padding: 0;
}
.ul_srch01 button.btn01 {
	background: #ED7B00;
	color: #fff;
	padding: 5px 10px;
	font-size: 1.4rem;
	min-width: inherit;
	width: 100px;
}
.ul_srch01 button.btn01a {
	background: #369cb8;
	color: #fff;
	padding: 5px 10px;
	font-size: 1.4rem;
	min-width: inherit;
	width: 100px;
}
.ul_srch01 button:hover {
	color : #fff;
	background : #6dbed4;
	cursor: pointer;
}

/* 選挙投票画面 */
.btn_area_vote,
.btn_area_vote_in {
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}
.btn_area_vote div {
	margin: 5px;
}

.vote_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.vote_list div {
	padding: 5px 10px;
	width: 25%;
}

/* 表示領域が767.98px以下の場合に適用するスタイル
-----------------------------------------------------*/
@media print, screen and (max-width: 767.98px) {
	/* 管理者画面メニューボタン */
	.ul_btn02_admn,
	.ul_srch01,
	.ul_srch01_in {
		flex-direction: column;
	}
	.ul_btn02_admn,
	.ul_srch01 {
		margin: 30px auto;
	}
	.ul_btn02_admn li {
		width: 75%;
		margin: 10px auto;
	}
	.ul_srch01_in li {
		width: 100%;
	}

	/* 検索画面 */	
	.ul_srch01 button.btn01 {
		width: 350px;
	}

	input[type="submit"].btn03,
	input[type="button"].btn03,
	button.btn03 {
		font-size: 1.6rem;
		padding: 0.5em 2em;
		width: 100%;
	}
}

.eyebtn {
	margin-left: 0.6rem;
	margin-right: 0.6rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	background: #f8f8f8;
	border: 4px solid #f8f8f8;
	border-radius: 5px;
}