@charset "utf-8";

.wrp-main.page-proposal ul.proposal-list li{
  position: relative;
  background: #f4f4f4;
  padding: 2px 5px 2px 100px;
  font-size:16px;
  color: #474747;
  border-radius: 0 10px 10px 0;
  margin-top: 3%;
}

.wrp-main.page-proposal ul.proposal-list li.close:before {
  content: "募集終了";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #ff6363;
  font-weight: normal;
  width: 90px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wrp-main.page-proposal ul.proposal-list li.open:before {
  content: "募集中";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #63b1ff;
  font-weight: normal;
  width: 90px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wrp-main.page-proposal ul.proposal-list li a:hover {
	color: #BD4646 !important;
	text-decoration:underline;
}



/* --- 新着リスト --- */
.wrp-main.page-proposal-enpr div.por_news dl {
width: 100%; /* 新着リストの幅 */
height: 110px; /* 新着リストの高さ */
overflow: auto;
margin: 0;
background-color: #f9f9f9; /* 新着リストの背景色 */
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
border-bottom: 1px #c0c0c0 dotted; /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
.wrp-main.page-proposal-enpr div.por_news dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
.wrp-main.page-proposal-enpr div.por_news dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
}

.wrp-main.page-proposal-enpr .clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.wrp-main.page-proposal-enpr .clearFix {
min-height: 1px;
}


.wrp-main.page-proposal-enpr #por_main h2 {
	position: relative;
	padding: .5em 0;
	margin-top: 20px;
	border-bottom: 4px solid #ccc;
	font-size: 18px;
}

.wrp-main.page-proposal-enpr #por_main h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}

.wrp-main.page-proposal-enpr #por_object p,
.wrp-main.page-proposal-enpr #por_ques p,
.wrp-main.page-proposal-enpr #por_result p{
	padding: 10px 0 0 0;
}


.wrp-main.page-proposal-enpr #por_main .noteBox{
	background-color: #EEE;
	padding: 10px;
}

.wrp-main.page-proposal-enpr #por_main #por_oubo_info_inner {
	overflow: hidden;	
}

.wrp-main.page-proposal-enpr #por_main .por_oubo_info {
	float: left;
	width: 350px;
	margin-left: 90px;
}


.wrp-main.page-proposal-enpr #por_main #por_oubo {
	margin-top: 30px;
}

.wrp-main.page-proposal-enpr #por_main #por_tel {
	margin-top: 30px;
}


.wrp-main.page-proposal-enpr #por_ques p:last-child {
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	text-align: center;
	margin: 30px 30px 0;
	width: 380px;
	padding-top: 0;
}

.wrp-main.page-proposal-enpr #por_ques a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 10px 0;
}

.wrp-main.page-proposal-enpr #por_ques a:hover {
	background: #999;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #fff;
}

.wrp-main.page-proposal-enpr .main-contents ul.por-btn {
	display: flex;
	margin-top: 2%;
}

.wrp-main.page-proposal-enpr .main-contents ul.por-btn li {
	margin-left: 2%;
}
.wrp-main.page-proposal-enpr .main-contents ul.por-btn li:first-child {
	margin-left: 0;
}

.wrp-main.page-proposal-enpr .main-contents ul.por-btn a{
	display:block;
	background:#333333;
	color: #fff;
	padding:  10px 20px;
}

.wrp-main.page-proposal-enpr .main-contents ul.por-btn a:hover{
    background-color: rgb(164, 123, 81);
    transition: 150ms;
}

.wrp-main.page-proposal-enpr .main-contents .ttl-proposal{
	padding-bottom: 10px;
	font-size: 2rem;
	font-weight: 600;
	border-bottom: 4px solid #3498db;
}