@charset "UTF-8";
/* title */
/*================================ */
.tle_1 {
  font-size: 1.5em;
  text-align: center;
}

.tle_2 {
  background: linear-gradient(to bottom, #A12B0B 0%, #B73D19 100%);
  color: white;
  padding: 0.7em 1em;
  font-size: 1.2em;
  display: flex;
  align-items: center;
}
.tle_2:before {
  content: "";
  border-left: 3px solid white;
  height: 1.3em;
  margin-right: 0.7em;
}

.tle_3 {
  font-size: 1.2em;
  color: #B73D19;
  border-bottom: 4px solid #B73D19;
  padding: 0.2em 0.5em;
}

.tle_4 {
  color: #AE5E05;
  border-bottom: 2px dashed #AE5E05;
  padding: 0.2em 0.5em;
  font-size: 1.1em;
}

.tle_5 {
  border-bottom: 2px dashed #a9a9a9;
  width:100%;
  padding-bottom:0.4em;
  margin-bottom:7px;
  /*padding: 0.2em 0.5em;*/
}

.tle_6 {
  border-bottom: 2px solid #a9a9a9;
  padding: 0.2em 0.3em;
  font-size: 1.1em;
}


/* message */
/*================================ */
.err_msg {
  background: #ffe7de;
  color: #f55852;
  border: 2px solid #f55852;
  padding: 1em;
  border-radius: 4px;
  font-weight: bold;
  margin-bottom: 1.5em;
}

.scc_msg {
  background: #e7ffde;
  color: #51e874;
  border: 2px solid #51e874;
  padding: 1em;
  border-radius: 4px;
  font-weight: bold;
  margin-bottom: 1.5em;
}

#res_msg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 2em;
  box-shadow: 0 0 7px 3px rgba(31, 49, 52, 0.7);
  border-radius: 3px;
  max-width: 500px;
  width: 90%;
}
#res_msg h2 {
  justify-content: center;
  font-size: 1.6em;
}

/* box */
/*================================ */
.box {
  border: 1px solid #e8e8ec;
  border-radius: 6px;
  padding: 2em 1.5em;
  background: #f6f7f8;
}

.box2 {
  border: 1px solid #B73D19;
  border-radius: 6px;
  padding: 2em 1.5em;
  background: #fcf0ec;
}

.box3 {
  border: 1px solid #eee;
  padding: 1em;
  background: white;
}

.box4 {
  padding: 0.4em 1em;
}

/* list */
/*================================ */
.list_arrow {
  list-style: none;
}
.list_arrow li {
  padding-left: 1.6em;
  background: url("../img/icon/next_arrow.svg") no-repeat left 0 top 0.2em;
  background-size: 1.3em;
  line-height: 1.5;
}
.list_arrow li:not(:last-child) {
  margin-bottom: 0.9em;
}
.list_arrow.err_msg li {
  color: #f55852;
  background: url("../img/icon/next_arrow_error.svg") no-repeat left 0 top 0.2em;
  background-size: 1.3em;
}

/* input area */
/*================================ */
.ip_gr:not([class^=mb]) {
  margin-bottom: 2em;
}
.ip_gr:not([class^=mb]) > p {
  font-size: 0.9em;
}

.required {
  display: inline-flex;
  align-items: center;
}
.required:after {
  content: "必須";
  color: white;
  background: red;
  padding: 0.2em 0.6em;
  font-size: 0.7rem;
  line-height: 1.4;
  border-radius: 2px;
  margin-left: 0.5em;
}

/* input error */
/*================================ */
.error .ip_error:not([type=radio]):not([type=checkbox]), .error .ip_errortextarea, .error .ip_error.select {
  border-color: #fc0606;
}
.error .msg {
  color: #fc0606;
  font-size: 0.8em;
}

/* button */
/*================================ */
.btn {
  padding: 1em 0;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  border: 1px solid;
  letter-spacing: 0.3em;
}
.btn.bs {
  background: #EBA03B;
  border-color: #D07F1B;
  box-shadow: 0 1px #D07F1B;
}
.btn.bs.is_active {
  background: linear-gradient(to bottom, #AE5E05 0%, #D07F1B 100%);
  pointer-events: none;
}
.btn.bs2 {
  background: #B73D19;
  border-color: #8B1F04;
  box-shadow: 0 1px #8B1F04;
}
.btn.bs3 {
  background: #00B8C0;
  border-color: #008289;
  box-shadow: 0 1px #008289;
}
.btn.b_gry {
  background: rgba(207, 212, 218, 0.2);
  border-color: #cfd4da;
  box-shadow: 0 1px #cfd4da;
  color: #1f3134;
  font-weight: normal;
}
.btn:hover, .btn[disabled] {
  opacity: 0.7;
}
.btn.is_medium {
  padding: 0.4em 0;
}
.btn.is_large {
  padding: 1.4em 0;
}
.btn[disabled] {
  cursor: no-drop;
}

a.btn {
  display: block;
  text-decoration: none;
  text-align: center;
}

.row4 {
  display: flex;
  align-items: center;
}
.row4 button {
  width: 25%;
}

.row5 {
  display: flex;
  align-items: center;
}
.row5 button {
  width: 20%;
}

.row_btn {
  border:1px solid #D07F1B;
/*  border-width: 1px 1px 2px;*/
  border-width: 1px 1px 1px 1px;
  border-radius: 3px;
}
.row_btn button {
  background: #EBA03B;
  padding: 0.7em 0;
  color: white;
  font-weight: bold;
}
.row_btn button:not(:last-child) {
  border-right: 1px solid #D07F1B;
}
.row_btn button.is_active {
  background: linear-gradient(to bottom, #AE5E05 0%, #D07F1B 100%);
  pointer-events: none;
}
.row_btn button:hover {
  background: #D07F1B;
}

/* table */
/*===================================*/
table.td_c td:not([class*=tx_]) {
  text-align: center;
}
table.th_left th {
  text-align: left;
}
table.th_v_top th {
  vertical-align: top;
}

/* 20230601N
.tb_1 caption, .tb_1 th, .tb_1 td {
  padding: 0.3em 0.7em;
}
*/
.tb_1 caption, .tb_1 th, .tb_1 td {
  padding: 0.3em 0.4em;
}

.tb_1 th, .tb_1 td {
  border: 1px solid #b0b8c0;
}
.tb_1 th {
  background: #fde5be;
}
.tb_1 td:not([class^=b_]) {
  background: white;
}

.tb_2.is_large th, .tb_2.is_large td {
  padding: 0.7em;
}
.tb_2 th, .tb_2 td {
  padding: 0.4em;
  border: 1px solid #CAC4BD;
}
.tb_2 th {
  background: #DFDAD3;
  color: #8D857D;
}
.tb_2 th > * {
  color: #8D857D;
}

/* login */
/*===================================*/
.login_logo {
  font-size: 2.5em;
  font-weight: bold;
  margin: 2em auto 1em;
  text-align: center;
}

/* top */
/*===================================*/
.news {
  /*max-height: 400px; 20230526N*/
  max-height: 200px;
  overflow-y: auto;
}
.news p {
  font-size: 0.9em;
}
.news p:not(:last-child) {
  margin-bottom: 2em;
}


/* -------------------- ここから追加20230613N  -------------------- */

/* padding-top */
.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt7{padding-top:7px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
/* padding-right */
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr7{padding-right:7px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
/* padding-left */
.pl3{padding-left:3px;}
.pl5{padding-left:5px;}
.pl7{padding-left:7px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
/* padding-bottom */
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb7{padding-bottom:7px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}

div.footer_menu { margin-top:10px; margin-bottom:5px; color:white; }
div.footer_menu a{ color:white; }
div.footer_menu a:hover{ color:black; }

.txt-left {text-align:left;}
.txt-center {text-align:center;}
.txt-right {text-align:right;}

table.table-noborder{border:none;}
table.border01 td{border:1px solid #a9a9a9;}

.mokuji li{
	margin-left: 5px;
}
.mokuji2 li{
	margin-left: 15px;
}
.mokuji a{text-decoration:none;}
.mokuji2 a{text-decoration:none;}

img {
	width:90%;
	height:auto;
	margin:10px auto 10px auto;
	background:#ffffff;
	display:block;
	padding:5px;
	border: 1px solid #9c9c9c;
}

.img-max-w350{ max-width:350px; }
.img-max-w550{ max-width:550px; }

.box5 {
  border: 1px solid #e8e8ec;
  border-radius: 6px;
  padding: 1em 1em;
  background: #f6f7f8;
}

.box6 {
	padding:0.5em 0.7em 0.5em 0.7em;
	font-weight:600;
	background:#ffeaea;/*red*/
}

.fc-red {color:#cc0000;}
.fw-700 {font-weight:700;}

.linkbox{
	font-weight:600;
	border:1px solid #d6d6d6;
	padding:0.7em 1em;
}

.fc-link{color:#0080ff;}

.ceimg{
	/*width:90%;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	background:white;
	display:block;
	padding:5px;
	border:1px solid #9c9c9c;
	width:unset;
	max-width:100%;
}


ol.maru {
	position: relative;
	margin: 0.5em 0;
	padding: 0 0 0 0.5em;
	list-style: none;
}

ol.maru li {
	position: relative;
	margin: 12px 10px 0 24px;
	padding: 0;
	line-height: 1.5;
}

ol.maru {
	counter-reset: li;
}
ol.maru > li:before {
	position: absolute;
	font-weight: bold;
	counter-increment: li;
	content: counter(li) "";
	left: -34px;
	top: -1px;
	color: black;
	width: 24px;
	height: 24px;
	font-size: 14px;
	text-align: center;
	border-radius: 100%;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1;
	/*background: #d2691e;*/
	background: #EBA03B;
	padding: 4px 0px 0px 1px;
}

ul.maru{
	counter-reset:list;
	list-style-type:none;
	/*font: 14px/1.6 'arial narrow', sans-serif;*/
	padding:0;
}

ul.maru li{
	position:relative;
	padding: 0 0 0 20px;
	margin: 7px 0 7px 0px;
	/*font-weight: bold;*/
	/*font-size:14px;*/
	/*line-height: 30px;*/
	/*border-bottom: dashed 1px #F6A38B;*/
}

ul.maru li:before{
	counter-increment: list;
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background: #ffa500;
	top: 10px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

ul.maru li:after{
	content: "";
	display: block;
	position: absolute;
	left: 6px;
	height: 0;
	width: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 5px solid #fff;
	top: 10px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}