@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", sans-serif;
}

/** 汎用 */
.btn {
	display: block;
	text-align: center;
	font-weight: 500;
	border: none;
	border-radius: 7px;
	box-shadow: 0 0 7px 0 #00000040;
	cursor: pointer;
}

.btn:hover  {
	filter: brightness(0.9);
}

.link {
	border: none;
	background-color: #00000000;
	text-decoration: underline;
	cursor: pointer;
}

.link:hover {
	filter: brightness(0.9);
}

.inputbox {
	display: block;
	color: #2b2b2b;
	border: solid 1px #0CC6B0;
	border-radius: 7px;
}

.inputbox:focus {
	outline: none;
}

.midashi {
	color: #969696;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}

.hyoukadot {
	width: max-content;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 4px 10px;
}

.dotfalse {
	color: #797979;
	background-color: #ebebeb;
}

.dottrue {
	color: #ffffff;
	background-color: #cfc4b0;
}

.hyoukabar {
	width: 10px;
	height: 2px;
	background-color: #ebebeb;
}

.rating {
	display: flex;
	flex-direction: row-reverse; 
	justify-content: flex-end;
	transform: translateY(-3px);
	overflow: hidden;
}

.rating input {
	display: none;
}

.rating label {
	color: #bdbdbd !important;
	font-size: 25px !important;
	padding: 0 10px 0 0 !important;
	cursor: pointer !important;
	transition: color 0.2s !important;
}

.rating label:hover,
.rating label:hover ~ label {
	color: #ffc000 !important;
}

.rating input:checked ~ label {
	color: #ffc000 !important;
	transform: scale(1.1) !important;
}

.errmsg {
	color: #f32626;
	font-size: 14px;
	font-weight: 500;
	background-color: #ffe2e2;
	border: solid 1px #ff8e8e;
	box-sizing: border-box;
	padding: 5px 10px;
}

.loginform {
	width: 100%;
	height: 100vh;
	background-color: #d8fcf4;
}

.logininputsarea {
	width: 90%;
	max-width: 500px;
	position: relative;
	background-color: #ffffff;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	padding: 50px 80px;
}

.loginform h1 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

.loginform .errmsg {
	margin: 30px 0 0 0;
}

.loginform label {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0 0 0;
}

.loginform .inputbox {
	width: 100%;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 5px 10px;
}

.loginform button.btn {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 40px auto 0;
	padding: 10px 0;
}

.loginform button.link {
	display: block;
	color: #0cc6b0;
	font-size: 14px;
	margin: 10px auto 0;
}

.modal {
	width: 550px;
	max-width: 90%;
	height: 240px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff9e5;
	box-shadow: 0 0 30px 0 #d3c8a8;
	border-radius: 10px;
	z-index: 100;
}

.modal p {
	color: #000000;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	margin: 50px 0 0;
}

.modal button.btn {
	width: 200px;
	height: 35px;
	color: #ffffff;
	font-size: 14px;
	background-color: #e27e00;
	margin: 30px auto 0;
}

.modal button.link {
	display: block;
	color: #967307;
	font-size: 12px;
	margin: 15px auto 0;
}

.modal_back {
	position: relative !important;
	filter: blur(5px) !important;
	z-index: -1 !important;
}

.waiting {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,.5);
  z-index: 1;
}

.waiting::before {
  content:"";
  display:block;
  position:fixed;
  left:50%;
  top:50%;
  width:50px;
  height:50px;
  border-radius:5px;
  margin-top:-15px;
  margin-left:-15px;
  background:white;
}

.waiting::after {
  content:"";
  display:block;
  position:fixed;
  left:50%;
  top:50%;
  width:32px;
  height:32px;
  border-radius:20px;
  margin-top:-10px;
  margin-left:-10px;
  border:4px solid #525252;
  border-right:4px solid white;
  animation: rotate 1s infinite linear;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

/** 要素固定 */
img {
	display: block;
	height: auto;
}

header {
	width: 100%;
	height: 75px;
	position: fixed;
	background-color: #0CC6B0;
	z-index: 100;
	box-sizing: border-box;
	padding: 0 30px;
}

main {
	width: 100%;
	min-height: calc(100vh - 231px);
	padding: 75px 0 0 0;
}

footer {
	width: 100%;
	height: 156px;
	background-color: #0CC6B0;
	box-sizing: border-box;
	padding: 40px;
}

/** 共通画面 */
/** ---アイテム類 */
#COMMON_ITEM001 {
	width: 200px;
	cursor: pointer;
    margin: auto 0;
}

#COMMON_ITEM002 {
	width: 200px;
	height: 45px;
	background-color: #ECC65A;
	color: #FFFFFF;
	font-size: 16px;
	margin: auto 20px auto 0;
}

#COMMON_ITEM003 {
	width: 150px;
	height: 45px;
	background-color: #BFBFBF;
	color: #FFFFFF;
	font-size: 16px;
	margin: auto 20px auto 0;
}

#COMMON_ITEM004_PC {
	width: 150px;
	height: 45px;
	display: block;
	background-color: #BFBFBF;
	color: #FFFFFF;
	font-size: 16px;
	margin: auto 0;
}

#COMMON_ITEM004_TBMB {
	display: none;
}

#COMMON_ITEM005 {
	width: 100%;
	height: 100%;
}

#COMMON_ITEM006 {
	width: 150px;
	margin: 0 auto;
}

#COMMON_ITEM007 {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	margin: 20px 0 0 0;
}

#COMMON_ITEM008_PC {
	width: 150px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #BFBFBF;
	margin: auto 20px auto 0;
}

#COMMON_ITEM008_PC img {
	width: 16px;
}

#COMMON_ITEM008_PC p {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 0 5px;
}

#COMMON_ITEM008_TBMB {
	display: none;
}

#COMMON_ITEM009_PC {
	width: 150px;
	height: 45px;
	background-color: #BFBFBF;
	color: #FFFFFF;
	font-size: 16px;
	margin: auto 0;
}

#COMMON_ITEM009_TBMB {
	display: none;
}

/** ---エリア類 */
#headerArea1 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}

#headerArea1-1 {
	width: auto;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/** トップ画面 */
/** ---アイテム類 */
#GMN001 {
	width: 100%;
	height: calc(100vh - 75px);
	background-color: #D8FCF4;
}

#GMN001_ITEM001_1 {
	color: #0CC6B0;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}

#GMN001_ITEM001_2 {
	color: #0CC6B0;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	padding: 5px 0 0 0;
}

#GMN001_ITEM002 {
	width: 550px;
	font-size: 16px;
	margin: 25px auto 0;
	padding: 7px 15px;
}

#GMN001_ITEM003 {
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0CC6B0;
	margin: 30px auto 0;
	padding: 10px 0;
}

#GMN001_ITEM003 img {
	width: 16px;
}

#GMN001_ITEM003 p {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 0 7px;
}
/** ---エリア類 */
#GMN001_mainArea1 {
	width: max-content;
	height: max-content;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% - 40px));
}

#GMN001_mainArea2 {
	width: 800px;
	margin: 0 auto 150px;
}

#GMN001_mainArea2-1 {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#GMN001_mainArea2-2 {
	display: flex;
	align-items: center;
	margin: 10px 35px 20px;
}

/** 社名検索結果画面 */
/** ---アイテム類 */
#GMN002_ITEM001_1 {
	color: #0CC6B0;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	padding: 70px 0 0 0;
}

#GMN002_ITEM001_2 {
	color: #0CC6B0;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	padding: 5px 0 0 0;
}

#GMN002_ITEM002 {
	width: 450px;
	height: 20px;
	font-size: 16px;
	margin: 30px 0 0 0;
	padding: 7px 15px;
}

#GMN002_ITEM003 {
	width: 150px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0CC6B0;
	margin: 30px 0 0 10px;
}

#GMN002_ITEM003 img {
	width: 16px;
}

#GMN002_ITEM003 p {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 0 7px;
}

#GMN002_ITEM004 {
	margin: 30px 0;
}

#GMN002_ITEM005 {
	color: #969696;
	font-size: 14px;
	text-align: end;
}

#GMN002_ITEM006 {
	width: 100%;
	border: solid 1.5px #0CC6B0;
	background-color: #FFFFFF;
	cursor: pointer;
	box-sizing: border-box;
	margin: 10px auto 15px;
	padding: 20px 35px;
}

#GMN002_ITEM006:hover {
	background-color: #f5fffc;
}

#GMN002_ITEM007 {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
}

#GMN002_ITEM008 {
	color: #969696;
	font-size: 14px;
	text-align: left;
}

#GMN002_ITEM009 {
	text-align: center;
}

#GMN002_ITEM009 p {
	display: inline-block;
	color: #7d7d7d;
	font-size: 16px;
}

#GMN002_ITEM009 button {
	display: inline-block;
	color: #0cc6b0;
	font-size: 16px;
}

#GMN002_ITEM010_HEAD {
	display: flex;
	justify-content: left;
	align-items: unset;
}

#GMN002_ITEM010_BOTTOM {
	display: flex;
	justify-content: center;
	align-items: unset;
}

#GMN002_ITEM010_HEAD button,
#GMN002_ITEM010_BOTTOM button {
	width: 30px;
	height: 30px;
	color: #000000;
	font-size: 12px;
	background-color: #e9e9e9;
	border: none;
	cursor: pointer;
	margin: 0 5px 0 0;
}

#GMN002_ITEM010_HEAD button:hover,
#GMN002_ITEM010_BOTTOM button:hover {
	filter: brightness(0.9);
}

#GMN002_ITEM010_HEAD .selected,
#GMN002_ITEM010_BOTTOM .selected {
	color: #ffffff;
	background-color: #8d8d8d;
}

#GMN002_ITEM010_HEAD p,
#GMN002_ITEM010_BOTTOM p {
	font-size: 12px;
	margin: 0 5px 0 0;
}

/** ---エリア類 */
#GMN002_mainArea1 {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100px;
	background-color: #D8FCF4;
	margin: 0 0 50px 0;
}

#GMN002_mainArea2 {
	width: 800px;
	margin: 0 auto 150px;
}

#GMN002_mainArea2-1 {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

/** 企業口コミ画面 */
/** ---アイテム類 */
#GMN003 {
	margin: 0 0 80px 0;
}

#GMN003_ITEM001 {
	color: #000000;
	font-size: 24px;
	font-weight: 500;
}

#GMN003_ITEM002 {
	display: flex;
	justify-content: left;
	align-items: center;
	font-size: 16px;
	margin: 0 0 0 60px;
}

#GMN003_ITEM002_1 {
	width: 3em;
	color: #8faab5;
}

#GMN003_ITEM002_2 {
	color: #ffc000;
}

#GMN003_ITEM003 {
	display: flex;
	justify-content: left;
	align-items: center;
	margin: 20px 0 0 0;
}

#GMN003_ITEM003 img {
	width: 20px;
}

#GMN003_ITEM003 p {
	color: #000000;
	font-size: 14px;
	margin: 0 0 0 7px;
}

#GMN003_ITEM004 {
	color: #0CC6B0;
	text-align: left;
	margin: 10px 0 0 0;
}

#GMN003_ITEM005,
#GMN003_ITEM006,
#GMN003_ITEM007,
#GMN003_ITEM008,
#GMN003_ITEM009,
#GMN003_ITEM010 {
	width: 48%;
	color: #0CC6B0;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	background: linear-gradient(to bottom, #ffffff 0%, #f6fffd 50%, #d6f3ed 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 50%, rgba(255, 255, 255, 0.02) 61%, rgba(0, 0, 0, 0.02) 73%), linear-gradient(33deg, rgba(255, 255, 255, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);;
	background-blend-mode: normal,color-burn;
	border: solid 1px #0CC6B0;
	border-radius: 5px;
	cursor: pointer;
	box-sizing: border-box;
	padding: 15px 20px;
}

#GMN003_ITEM005:hover,
#GMN003_ITEM006:hover,
#GMN003_ITEM007:hover,
#GMN003_ITEM008:hover,
#GMN003_ITEM009:hover,
#GMN003_ITEM010:hover {
	filter: brightness(0.98);
}

#GMN003_ITEM011 {
	color: #000000;
	font-size: 12px;
	margin: 30px 0 5px 0;
}

#GMN003_ITEM012 {
	width: 100%;
	border: solid 1px #c5c5c5;
	box-sizing: border-box;
	margin: 0 0 15px 0;
	padding: 25px 30px;
}

#GMN003_ITEM012_none {
	width: 100%;
	text-align: center;
	background-color: #e0e7f0;
	box-sizing: border-box;
	padding: 20px 0;
}

#GMN003_ITEM012_none p {
	color: #47606b;
	font-size: 14px;
}

#GMN003_ITEM013 {
	color: #000000;
	font-size: 18px;
	font-weight: 500;
}

#GMN003_ITEM014 {
	color: #000000;
	font-size: 12px;
}

#GMN003_ITEM015_1,
#GMN003_ITEM016_1,
#GMN003_ITEM017_1,
#GMN003_ITEM018_1,
#GMN003_ITEM019_1,
#GMN003_ITEM020_1,
#GMN003_ITEM021_1,
#GMN003_ITEM022_1,
#GMN003_ITEM023_1,
#GMN003_ITEM024_1,
#GMN003_ITEM025_1,
#GMN003_ITEM026_1,
#GMN003_ITEM027_1,
#GMN003_ITEM028_1 {
	color: #0CC6B0;
	font-size: 14px;
	font-weight: 500;
	margin: 15px 0 0 0;
}

#GMN003_ITEM015_2,
#GMN003_ITEM016_2,
#GMN003_ITEM017_2,
#GMN003_ITEM018_2,
#GMN003_ITEM019_2,
#GMN003_ITEM020_2,
#GMN003_ITEM025_2,
#GMN003_ITEM028_2 {
	color: #000000;
	font-size: 13px;
	margin: 0 0 0 8px;
}

#GMN003_ITEM021_2,
#GMN003_ITEM022_2,
#GMN003_ITEM023_2,
#GMN003_ITEM024_2,
#GMN003_ITEM026_2,
#GMN003_ITEM027_2
 {
	display: flex;
	justify-content: left;
	align-items: center;
	margin: 5px 0 0 8px;
}

/** ---エリア類 */
#GMN003_mainArea1 {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

#GMN003_mainArea1-1 {
	display: flex;
	justify-content: left;
	align-items: center;
	margin: 50px 0 0 0;
}

#GMN003_mainArea1-2 {
	width: 100%;
	max-width: 600px;
	margin: 20px 0 0 0;
}

#GMN003_mainArea1-2-1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#GMN003_mainArea1-2-2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 0 0;
}

#GMN003_mainArea1-2-3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 0 0;
}

#GMN003_mainArea1-3 {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

/** 企業掲載申請画面 */
/** ---アイテム類 */
#GMN004_ITEM001 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

#GMN004_ITEM002 {
	color: #000000;
	font-size: 14px;
	margin: 10px 0 0 0;
}

#GMN004_ITEM003 {
	margin: 30px 0 0 0;
}

#GMN004_ITEM003 label {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
}

#GMN004_ITEM003 input {
	width: 400px;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN004_ITEM004 {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 50px auto 100px;
	padding: 10px 0;
}

#GMN004_ITEM005 {
	margin: 30px 0 0 0;
}

#GMN004_ITEM006 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN004_ITEM007 {
	display: block;
	color: #797979;
	font-size: 16px;
	margin: 30px auto 0;
}

/** ---エリア類 */
#GMN004_mainArea1 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0;
}

/** 口コミ投稿画面 */
/** ---アイテム類 */
#GMN005_ITEM001 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

#GMN005_ITEM002 {
	color: #000000;
	font-size: 14px;
	margin: 10px 0 0 0;
}

#GMN005_ITEM003,
#GMN005_ITEM004,
#GMN005_ITEM005,
#GMN005_ITEM006,
#GMN005_ITEM007,
#GMN005_ITEM008,
#GMN005_ITEM009,
#GMN005_ITEM010,
#GMN005_ITEM011,
#GMN005_ITEM012,
#GMN005_ITEM013,
#GMN005_ITEM014,
#GMN005_ITEM015,
#GMN005_ITEM016,
#GMN005_ITEM017,
#GMN005_ITEM018,
#GMN005_ITEM019 {
	margin: 30px 0 0 0;
}

#GMN005_ITEM003 label,
#GMN005_ITEM004 label,
#GMN005_ITEM005 label,
#GMN005_ITEM006 label,
#GMN005_ITEM007 label,
#GMN005_ITEM008 label,
#GMN005_ITEM009 label,
#GMN005_ITEM010 label,
#GMN005_ITEM011 label,
#GMN005_ITEM012 label,
#GMN005_ITEM013 label,
#GMN005_ITEM014 label,
#GMN005_ITEM015 label,
#GMN005_ITEM016 label,
#GMN005_ITEM017 label,
#GMN005_ITEM018 label,
#GMN005_ITEM019 label {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
}

#GMN005_ITEM003 input {
	width: 400px;
	position: relative;
	font-size: 16px;
	z-index: 2;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN005_ITEM003 ul {
	display: none;
	width: 400px;
	position: absolute;
	list-style: none;
	background-color: #ffffff;
	border: solid 1px #adadad;
	border-radius: 7px;
	transform: translateY(-10px);
	z-index: 1;
	box-sizing: border-box;
	padding: 10px 0 0 0;
}

#GMN005_ITEM003 li {
	display: block;
	color: #000000;
	font-size: 14px;
	border-radius: 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	box-sizing: border-box;
	padding: 8px 10px 10px 10px;
}

#GMN005_ITEM003 li:hover {
	background-color: #e1fdf5;
}

#GMN005_ITEM004 select {
	width: 300px;
	font-size: 16px;
	box-sizing: border-box;
	padding: 1px 10px;
}

#GMN005_ITEM005 textarea,
#GMN005_ITEM006 textarea {
	width: 100%;
	height: 200px;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN005_ITEM007 input,
#GMN005_ITEM008 input {
	width: 7em;
	display: inline-block;
	font-size: 16px;
	text-align: end;
	box-sizing: border-box;
	margin: 0 7px 0 0;
	padding: 2px 10px;
}

#GMN005_ITEM009 input {
	display: inline-block;
	font-size: 16px;
	box-sizing: border-box;
	margin: 0 7px 0 0;
	padding: 2px 10px;
}

#GMN005_ITEM010 input {
	width: 5em;
	display: inline-block;
	font-size: 16px;
	text-align: end;
	box-sizing: border-box;
	margin: 0 7px 0 0;
	padding: 2px 10px;
}

#GMN005_ITEM011 select,
#GMN005_ITEM012 select,
#GMN005_ITEM013 select,
#GMN005_ITEM014 select,
#GMN005_ITEM016 select,
#GMN005_ITEM017 select,
#GMN005_ITEM018 select {
	width: 200px;
	font-size: 16px;
	box-sizing: border-box;
	padding: 1px 10px;
}

#GMN005_ITEM015 textarea {
	width: 100%;
	height: 200px;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN005_ITEM020 {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 50px auto 100px;
	padding: 10px 0;
}

#GMN005_ITEM021 {
	margin: 30px 0 0 0;
}

#GMN005_ITEM022 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN005_ITEM023 {
	display: block;
	color: #0cc6b0;
	font-size: 16px;
	font-weight: 500;
	margin: 30px auto 0;
}

#GMN005_ITEM024 {
	display: block;
	color: #797979;
	font-size: 16px;
	margin: 10px auto 0;
}

#GMN005_ITEM025 {
	width: 100px;
	color: #0CC6B0;
	font-size: 16px;
	background: linear-gradient(to bottom, #ffffff 0%, #f6fffd 50%, #d6f3ed 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 50%, rgba(255, 255, 255, 0.02) 61%, rgba(0, 0, 0, 0.02) 73%), linear-gradient(33deg, rgba(255, 255, 255, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
	background-blend-mode: normal, color-burn;
	border: solid 1px #0CC6B0;
	margin: 0 0 0 15px;
	padding: 3px 0;
}

/** ---エリア類 */
#GMN005_mainArea1 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0;
}

#GMN005_mainArea1-1 {
	display: flex;
	justify-content: left;
	align-items: center;
}

/** 新規ユーザ登録画面 */
/** ---アイテム類 */
#GMN006_ITEM001 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

#GMN006_ITEM002 {
	color: #000000;
	font-size: 14px;
	margin: 10px 0 0 0;
}

#GMN006_ITEM003,
#GMN006_ITEM004,
#GMN006_ITEM005 {
	margin: 30px 0 0 0;
}

#GMN006_ITEM003 label,
#GMN006_ITEM004 label,
#GMN006_ITEM005 label {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
}

#GMN006_ITEM003 input {
	width: 400px;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN006_ITEM004 input,
#GMN006_ITEM005 input {
	width: 200px;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN006_ITEM004 p {
	color: #797979;
	font-size: 12px;
}

#GMN006_ITEM006 {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 50px auto 100px;
	padding: 10px 0;
}

#GMN006_ITEM007 {
	margin: 30px 0 0 0;
}

#GMN006_ITEM008_1 {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN006_ITEM008_2 {
	color: #000000;
	font-size: 14px;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN006_ITEM009 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN006_ITEM010 {
	display: block;
	color: #0cc6b0;
	font-size: 16px;
	font-weight: 500;
	margin: 30px auto 0;
}

#GMN006_ITEM011 {
	display: block;
	color: #797979;
	font-size: 16px;
	margin: 10px auto 0;
}

#GMN006_ITEM012 {
	color: #0cc6b0;
	font-size: 16px;
	margin: 10px 0 0 0;
}

/** ---エリア類 */
#GMN006_mainArea1 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0;
}

/** 企業スレッド画面 */
/** ---アイテム類 */
#GMN007_ITEM001 {
	width: 450px;
	height: 20px;
	font-size: 16px;
	margin: 30px 0 0 0;
	padding: 7px 15px;
}

#GMN007_ITEM002 {
	width: 150px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0CC6B0;
	margin: 30px 0 0 10px;
}

#GMN007_ITEM002 img {
	width: 16px;
}

#GMN007_ITEM002 p {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 0 7px;
}

#GMN007_ITEM003 {
	margin: 0 0 10px 0;
}

#GMN007_ITEM004 {
	color: #9a8b54;
	font-size: 16px;
	font-weight: 500;
	margin: 5px 0 0 0;
}

#GMN007_ITEM005 {
	width: 100%;
	height: 100px;
	color: #000000;
	font-size: 15px;
	border: solid 1px #9a8b54;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px 10px;
}

#GMN007_ITEM006 {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #9a8b54;
	margin: 10px auto;
	padding: 10px 0;
}

#GMN007_ITEM007 {
	width: 100%;
	background-color: #e1e1e1;
	border: solid 1px #bfbfbf;
	box-sizing: border-box;
	margin: 0 0 5px 0;
	padding: 10px 20px;
}

#GMN007_ITEM008 {
	color: #2b2b2b;
	font-size: 12px;
}

#GMN007_ITEM009 {
	color: #2b2b2b;
	font-size: 16px;
}

#GMN007_ITEM010 {
	color: #2b2b2b;
	font-size: 14px;
}

#GMN007_ITEM011_1 {
	width: 100%;
	display: flex;
	justify-content: left;
	margin: 0 0 5px 0;
}

#GMN007_ITEM011_2 {
	width: 100%;
	display: flex;
	justify-content: left;
	margin: 20px 0 0 0;
}

#GMN007_ITEM011_1 button,
#GMN007_ITEM011_2 button {
	width: 25px;
	height: 25px;
	color: #a1997c;
	font-size: 14px;
	background-color: #fffbef;
	border: solid 1px #cdc8b3;
	margin: 0 7px 0 0;
}

#GMN007_ITEM011_1 #selected,
#GMN007_ITEM011_2 #selected {
	color: #fffbef;
	background-color: #9a8b54;
}

#GMN007_ITEM012 {
	color: #000000;
	font-size: 14px;
	text-align: right;
	margin: 0 0 3px 0;
}

#GMN007_ITEM013 {
	margin: 0 0 3px 0;
}

#GMN007_ITEM014 {
	color: #0cc6b0;
	font-size: 14px;
}

/** ---エリア類 */
#GMN007_mainArea1 {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100px;
	background-color: #D8FCF4;
	margin: 0 0 50px 0;
}

#GMN007_mainArea2 {
	width: 90%;
	max-width: 800px;
	margin: 0 auto 150px;
}

#GMN007_mainArea2-1 {
	display: flex;
	justify-content: left;
	align-items: center;
}

/** マイページ画面 */
/** ---アイテム類 */
#GMN008_ITEM001 {
	display: flex;
	justify-content: left;
	align-items: center;
}

#GMN008_ITEM001 img {
	width: 30px;
	margin: 0 7px 0 0;
}

#GMN008_ITEM001 p {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

#GMN008_ITEM002 {
	width: 100%;
	margin: 40px 0 0 0;
}

#GMN008_ITEM002 p {
	color: #000000;
	font-size: 20px;
}

#GMN008_ITEM002 table {
	width: 100%;
	border-collapse: collapse;
	border-color: #808080;
	border-bottom: none;
	margin: 5px 0 0 0;
}

#GMN008_ITEM002 table th {
	width: 180px;
	color: #ffffff;
	font-size: 12px;
	background-color: #a6a6a6;
	border: none;
	border-bottom: solid 1px #808080;
}

#GMN008_ITEM002 table td {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f2f2f2;
	border: none;
	border-bottom: solid 1px #808080;
	box-sizing: border-box;
	padding: 0 10px;
}

#GMN008_ITEM002 table td p {
	flex: 1;
	color: #000000;
	font-size: 13px;
}

#GMN008_ITEM002 table td button {
	width: 60px;
	color: #000000;
	font-size: 12px;
	background-color: #ffffff;
	border: solid 1px #c1c1c1;
	box-sizing: border-box;
	margin: 0 0 0 7px;
	padding: 3px 0;
}

#GMN008_ITEM009 p {
	color: #000000;
	font-size: 20px;
	margin: 40px 0 0 0;
}

#GMN008_ITEM009 table {
	width: 100%;
	border-collapse: collapse;
	border-color: #808080;
	border-bottom: none;
	margin: 5px 0 0 0;
}

#GMN008_ITEM009 table th {
	height: 25px;
	color: #ffffff;
	font-size: 12px;
	text-align: left;
	background-color: #a6a6a6;
	border: none;
	border-bottom: solid 1px #808080;
	box-sizing: border-box;
	padding: 0 10px;
}

#GMN008_ITEM009 table td {
	height: 40px;
	background-color: #f2f2f2;
	border: none;
	border-bottom: solid 1px #808080;
	box-sizing: border-box;
	padding: 0 10px;
}

#GMN008_ITEM009 table td p {
	color: #000000;
	font-size: 13px;
}

#GMN008_ITEM010 {
	width: 120px;
}

#GMN008_ITEM010 p {
	margin: 0;
}

#GMN008_ITEM011 p {
	margin: 0;
}

#GMN008_ITEM012 {
	width: 150px;
}

#GMN008_ITEM012 p {
	margin: 0;
}

/** ---エリア類 */
#GMN008_mainArea1 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0;
}

/** メールアドレス変更画面 */
/** ---アイテム類 */
#GMN009_ITEM001 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

#GMN009_ITEM002 p {
	color: #000000;
	font-size: 16px;
}

#GMN009_ITEM002 label,
#GMN009_ITEM003 label {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0 0 0;
}

#GMN009_ITEM003 input {
	width: 400px;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN009_ITEM004 {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 50px auto 100px;
	padding: 10px 0;
}

#GMN009_ITEM005 {
	margin: 30px 0 0 0;
}

#GMN009_ITEM006 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN009_ITEM007_1 {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN009_ITEM007_2 {
	color: #000000;
	font-size: 14px;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN009_ITEM008 {
	display: block;
	color: #0cc6b0;
	font-size: 16px;
	font-weight: 500;
	margin: 30px auto 0;
}

/** ---エリア類 */
#GMN009_mainArea1 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0;
}

/** ニックネーム変更画面 */
/** ---アイテム類 */
#GMN010_ITEM001 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

#GMN010_ITEM002 p {
	color: #000000;
	font-size: 16px;
}

#GMN010_ITEM002 label,
#GMN010_ITEM003 label {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0 0 0;
}

#GMN010_ITEM003 input {
	width: 400px;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN010_ITEM004 {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 50px auto 100px;
	padding: 10px 0;
}

#GMN010_ITEM005 {
	margin: 30px 0 0 0;
}

#GMN010_ITEM006 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN010_ITEM007 {
	display: block;
	color: #0cc6b0;
	font-size: 16px;
	font-weight: 500;
	margin: 30px auto 0;
}

/** ---エリア類 */
#GMN010_mainArea1 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0;
}

/** パスワード再設定画面 */
/** ---アイテム類 */
#GMN011_ITEM001 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
}

#GMN011_ITEM002 label,
#GMN011_ITEM003 label {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0 0 0;
}

#GMN011_ITEM002 input,
#GMN011_ITEM003 input {
	width: 400px;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN011_ITEM004 {
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 50px auto 100px;
	padding: 10px 0;
}

#GMN011_ITEM005 {
	margin: 30px 0 0 0;
}

#GMN011_ITEM006 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN011_ITEM007_1 {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN011_ITEM007_2 {
	color: #000000;
	font-size: 14px;
	text-align: center;
	margin: 30px 0 0 0;
}

#GMN011_ITEM008 {
	display: block;
	color: #0cc6b0;
	font-size: 16px;
	font-weight: 500;
	margin: 30px auto 0;
}

/** ---エリア類 */
#GMN011_mainArea1 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0;
}

/** パスワード再設定画面 */
/** ---アイテム類 */
#GMN012_ITEM001 {
	color: #000000;
	font-size: 25px;
	font-weight: 500;
	margin: 0 0 30px 0;
}

#GMN012_ITEM002 {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
}

#GMN012_ITEM003 {
	width: 600px;
	display: block;
	font-size: 16px;
	border-color: #c7c7c7;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN012_ITEM004 {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	margin: 10px 0 0 0;
}

#GMN012_ITEM005 {
	width: 110px;
	display: block;
	font-size: 16px;
	border-color: #c7c7c7;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN012_ITEM006 {
	display: block;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	margin: 10px 0 0 0;
}

#GMN012_ITEM007 {
	width: 250px;
	display: block;
	font-size: 16px;
	border-color: #c7c7c7;
	box-sizing: border-box;
	padding: 2px 10px;
}

#GMN012_ITEM008 {
	width: 100px;
	color: #ffffff;
	font-size: 16px;
	background-color: #858585;
	margin: 20px auto 0 0;
	padding: 10px 0;
}

#GMN012_ITEM009 {
	color: #000000;
	font-size: 16px;
	margin: 30px 0 0 0;
}

#GMN012_ITEM010 {
	width: 100%;
	max-height: 400px;
	overflow: auto;
	border: solid 1px #c7c7c7;
}

#GMN012_ITEM010 table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-color: #c7c7c7;
}

#GMN012_ITEM010 table th {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	background-color: #d8fcf4;
	position: sticky;
	top: 0;
	z-index: 1;
	box-sizing: border-box;
	padding: 3px 5px;
}

#GMN012_ITEM010 table tbody tr {
	cursor: pointer;
}

#GMN012_ITEM010 table tbody tr:hover {
	background-color: #e1e1e1;
}

#GMN012_ITEM010 table td {
	height: 24px;
	color: #000000;
	font-size: 12px;
	box-sizing: border-box;
	padding: 3px 5px;
}

#GMN012_ITEM011 {
	width: 50px;
	display: table-cell;
}

#GMN012_ITEM012 {
	display: table-cell;
	padding: 0 !important;
}

#GMN012_ITEM012 input {
	width: 100%;
	height: 100%;
	appearance: none;
	display: block;
	position: relative;
	background-color: #e1e1e1;
	cursor: pointer;
}

#GMN012_ITEM012 input:checked {
  	background-color: #ffe699;
}

#GMN012_ITEM012 input::after {
	  content: "";
	  position: absolute;
	  top: 5px;
	  left: 16px;
	  width: 12px;
	  height: 6px;
	  border-bottom: 2px solid #ffffff;
	  border-left: 2px solid #ffffff;
	  transform: rotate(-45deg);
}

#GMN012_ITEM013 {
	max-width: 400px;
}

#GMN012_ITEM015 {
	width: 60px;
}

#GMN012_ITEM017 {
	width: 150px;
}

#GMN012_ITEM019 {
	max-width: 300px;
}

#GMN012_ITEM021 {
	width: 250px;
	color: #ffffff;
	font-size: 16px;
	background-color: #0CC6B0;
	margin: 50px auto 0;
	padding: 10px 0;
}

#GMN012_ITEM022 {
	margin: 0 0 10px 0;
}

/** ---エリア類 */
#GMN012 {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 50px 0 150px;
}