/* 共通 */
@charset "UTF-8";
@font-face {
  font-family: "SHSJP-b";
  src: url("../font/SourceHanSansJP-Bold.otf");
}
@font-face {
  font-family: "SHSJP-m";
  src: url("../font/SourceHanSansJP-Medium.otf");
}
@font-face {
  font-family: "SHSJP-r";
  src: url("../font/SourceHanSansJP-Regular.otf");
}
@font-face {
  font-family: "SHSJP-l";
  src: url("../font/SourceHanSansJP-Light.otf");
}
@font-face {
  font-family: 'Raleway';
  src: url("../font/Raleway-SemiBold.ttf");
}
* {
	padding:0;
  margin:0;
}
.midium {font-family: "SHSJP-m";}
.fontBold {font-family: "SHSJP-b";}
.fontNormal {font-family: "SHSJP-r";}
html {
  min-height:100%;
  width: 100%;
  font-size: 16px;
}
body {
  font-family: "SHSJP-r",'Meiryo', sans-serif;
}
p { 
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
} 

/* 広告 */
.koukokukotei {
  position: sticky;
  top: 60px;
  z-index: 1;
}

/* バックグラウンド */
.bg,.bg-minsuma,.bg-regi {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 60px);
}
.bg{background-image: url(./../img/bg_nativ_pc.png);}
.bg-minsuma{background-image: url(./../img/bg-minsuma.jpg);}
.bg-regi {background-image: url(./../img/bg-regi-pc.jpg);}
.bg-fill {min-height: calc(100vh - 60px);}

/* 横幅 */
.w-controll,.w-controll-panels {
  width: 1000px;
  margin: 0 auto;
}
/* アンカーリンク */
a {
  text-decoration: none;
  color: inherit;
}
.defaultA {
  color: #185ABD;
  text-decoration: underline;
}
.defaultA:hover,.defaultA:active {
  color: #fe0000;
  transition: all 0.4s;
}
.greenA {
  text-decoration: underline;
}
.greenA:hover,.greenA:active {
  color: #43D33C;
  transition: all 0.4s;
}
.darkgreenA:hover,.darkgreenA:active {color: #2eb128;}

/* 見出しの大きさ */
h2 {
  font-size: 1.3rem;
  color: #000;
}
h3 {font-size: 1.2em;}

/* フレックス制御 */
.flexbox {
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.flexNormal {align-items: normal!important;}
.flexBetween {justify-content: space-between;}
.flexAround {justify-content: space-around;}
.flexCenter {justify-content: center;}
.flexEnd {justify-content: flex-end;}
.itemsCenter {align-items: center;}
.itemsTop {align-items: flex-start;}
.itemsEnd {align-items: flex-end;}
.flexColumn{flex-direction: column;}
.flex1{flex: 1;}
.wrap {flex-wrap: wrap;}

/* 色々 */
.allCenter {justify-content: center;align-items: center;}

.relative {position: relative;}
.inlineBlock {display: inline-block;}

.y-25 {line-height: 2.5;}

.textCenter {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.translucent {opacity: 0.5;}
.bg-white {background-color: #ffffff;}
.bg-white-tr {background-color: rgba(255,255,255,0.9);}
.bg-subWhite{background-color: #F5F7F8;}
.bg-Lightgreen {background-color: #F8F8F8;}
.shadow {box-shadow: 0 2px 3px 1px rgb(0 0 0 / 8%);}
.bg-deepGray {background-color: #575757;}

/* 色 */
.white {color: #ffffff;}
.red {color: red;margin-top: 15px;}
.danger {color: #f53844!important;}
.blue {color: #185ABD;}
.green {color: #107C41;}
.lightgreen {color: #43D33C;}
.yellow {color: #EF9A26;}
.gold {color: #D1C424;}
.purple {color: #7719AA;}
.gDeepBlak {color: #5c5c5c;}
.gBlak {color: #707070;}
.gBlakI {color: #707070!important; cursor: default;}
.subColor {color: #5F5F5F;}
.deepGray {color: #575757;}
.lightGray{color: #666666;}

.gray {color: #909090;}

.mypageSubColor {color: #797979;}

.borderBlue {border: 1px solid #185ABD;}
.borderImg {
  border: 1px solid #fff;
  outline: 1px solid #43D33C;
}

.wordBreak {overflow-wrap: break-word;}
.omit{
  overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
}
.omitline-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 4.5em;
  max-height: 4.5em;
}
.omitline-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 7em;
  max-height: 7em;
}
.agentDescribe p.omitline-5 {line-height: 1.4;}

.text10 {font-size: 10px!important;}
.text12 {font-size: 12px;}
.text13 {font-size: 13px;}
.text14 {font-size: 14px;}
.text16 {font-size: 16px;}
.text17 {font-size: 17px;}
.text18 {font-size: 18px;}
.text20 {font-size: 21px;}
.text21 {font-size: 21px;}
.text25 {font-size: 25px;}
.text30 {font-size: 30px;}
.caution {font-size: 0.95em;}
.mini {font-size: 0.6em;}
.small {font-size: 0.8em;}
.bold {font-weight: bold;}
.lineheight1{line-height: 1;}
.big12 {font-size: 1.2em;}
.bigger {font-size: 1.25em;}
.big {font-size: 1.56em;}

.step img {width: 100%;}

.hide {display: none;}
.none {display: none!important;}

.p-0 {padding: 0!important;}
.pb-0 {padding-bottom: 0!important;}

.mt-0 {margin-top: 0!important;}
.mt-15px {margin-top: 15px!important;}
.mt-20px {margin-top: 20px!important;}
.mt-30px {margin-top: 30px!important;}
.mt-46px {margin-top: 46px!important;}
.mmt-27px {margin-top: -27px;}
.mmt-30px {margin-top: -30px;}
.mmt-10px {margin-top: -10px;}
.mmt-2px {margin-top: -2px;}
.pt-0 {padding-top: 0!important;}
.pt-12px {padding-top: 12px;}
.pt-25px {padding-top: 25px!important;}
.pt-50px {padding-top: 50px!important;}
.pb-15px {padding-bottom: 15px!important;}
.pb-40px {padding-bottom: 40px!important;}
.pb-50px {padding-bottom: 50px;}
.pr-0 {padding-right: 0!important;}
.pl-2 {padding-left: 2em!important;}
.pl-10px {padding-left: 10px;}
.py-12px  {padding: 12px 0;}
.py-20px  {padding: 20px 0;}
.mb-0 {margin-bottom: 0!important;}
.mb-6px {margin-bottom: 6px!important;}
.mb-12px {margin-bottom: 12px!important;}
.mb-15px {margin-bottom: 15px!important;}
.mb-17px {margin-bottom: 17px!important;}
.mb-20px {margin-bottom: 20px!important;}
.mb-30px {margin-bottom: 30px!important;}
.mb-46px {margin-bottom: 46px!important;}
.ml-1 {margin-left: 1%!important;}
.ml-5 {margin-left: 5%!important;}
.ml-5px {margin-left: 5px!important;}
.ml-10px {margin-left: 10px}
.ml-16px {margin-left: 16px}
.ml-40px {margin-left: 40px;}
.ml-10 {margin-left: 13%;}
.ml-2em {margin-left: 2em;}
.mr-05em {margin-right: 0.5em;}
.mr-2em {margin-right: 2em;}
.mr-12px {margin-right: 12px;}
.mx-8px {margin: 0 8px;}
.mx-16px {margin: 0 16px;}
.mx-1 {margin: 0 1vw;}
.m-auto {margin: 0 auto;}
.mr-0 {margin: 0 0 0 auto;}
.mr-5px {margin-right: 5px;}
.mr-8px {margin-right: 8px;}

.pointer {cursor: pointer;}

.h-70px {min-height: 40px;height: auto;}
.h-sub {
  height: calc(100vh - 500px);
  min-height: 100px;
  box-sizing: border-box;
}
.h-120px {
  height: 100px;
  box-sizing: border-box;
}
.h-2em {
  height: 54px!important;
}

.w-100 {width: 100%!important;}
.w-98 {width: 98%;}
.w-96 {width: 95.5%;}
.w-80px {width: 80px;}
.w-120px {width: 120px;}
.w-190px {width: 190px;}
.w-80 {width: 800px;margin:0 auto; max-width: 100%;}
.w-50-flex {width: 50%;}
.w-45 {width: 45%;}
.wv-20 {width: 230px;}
.w-78 {width: 75%;}
.w-10 {width: 10%!important;}
.w-20 {width: 20%!important;}
.w-25 {width: 25%!important;}
.w-25-stretch {width: 25%;}
.w-35 {width: 35%;}
.w-35-stretch {width: 35%;}
.wv-30 {width:30vw; max-width: 300px; min-width: 130px;}

.radius12 {border-radius: 12px;}

.swichSpBefore {display: block !important;}
.swichSpAfter {display: none !important;}
.swichSpAfterFlex {display: none !important;}


.flex-sp-none-a {display: none;}

.indent-1 {
  padding-left:1.2em;
  text-indent: -0.6em;
}
.indent-05 {
  padding-left:1em;
  text-indent: -1em;
}
.indent-10 {
  padding-left:2em;
  text-indent: -1em;
}
.indent-1Line {padding-left: 1.2em;}
.indent-1Line > p:first-child {white-space: nowrap;}

.formsize{
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}

#lean_overlay {
	position: fixed;
	z-index:1010;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

/* ローダー */
#loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.loader {
  width: 50px;
  height: 50px;
  border: 6px solid #fff;
  border-top: 6px solid transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}


/* リストスタイル */
.discList li {
  list-style: disc;
  margin-left: 24px;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  font-family: "SHSJP-m";
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="text"]::placeholder,input[type="text"]:-ms-input-placeholder {color: #ADADAD;}
button {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
button::-webkit-search-decoration {
  display: none;
}

select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(./../img/sort-down-solid.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: right 2% top 10%;
}
select::-ms-expand {
  display: none;
}

/* 非活性 */
.effectNone {
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* 未読バッジ */
.unreadBadge {
  position: absolute;
  top: 2px;
  right: -9px;
  font-size: 10px;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #FFF;
  background-color: #C92222;
  border-radius: 50%;
}

.commingSoon > div{
  position: relative;
  background-color: rgba(150,150,150,0.8);
  border: 1px solid rgba(150,150,150,0.8);
}
.commingSoon > div:hover,.commingSoon > div:hover {
  background-color: rgba(150,150,150,0.8);
  border: 1px solid rgba(150,150,150,0.8);
}
.commingSoon > div > b {
  position: absolute;
  width: 17vw;
  height: 17vw;
  line-height: 17vw;
  text-align: center;
  color: #fff;
  font-family: "SHSJP-b";
}

/* グリーンのラジオボタン */
.radioGroup input[type=radio] {
  display: none;
}
.radioGroup label {
  display: block;
  margin-bottom: 6px;
  position: relative;
  padding: 0 0 0 30px;
  line-height: 1.8;
  cursor: pointer;
}
.radioGroup label:last-child{margin-bottom: 0;}
.radioGroup label::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 4px;
  left: 0;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  border: 1px solid #DBDBDB;
  border-radius: 50%;
}
.labelChecked:before {
  left: 4px;
  margin-top: -6px;
  width: 9px;
  height: 9px;
  background: #43D33C;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  content: "";
  bottom: 8px;
  opacity: 1;
}
.radioGroup label:hover:after{
  border: 1px solid #bebebe;
}

/* radioOption */
.lineRadio label{
  width: 60px;
  display: inline-block;
}
.lineRadio input {margin-right: 8px;}

/* ステップバー */
.step {
  list-style: none;
  font-size: 22.4px;
  color: #ffffff;
  margin-left: -1%;
  width: 750px;
  margin: 0 auto;
  max-width: 750px;
}
.step li {margin-left: -0.5%;}
.step img {
  width: 130px;
  pointer-events: none;
}
.innerStep,.confirmStepInner {
  position: absolute;
}

.step3 {
  list-style: none;
  font-size: 1.2rem;
  color: #ffffff;
  margin-left: -1%;
  width: 26%;
  margin: 0 auto;
}
.step3 img,.step4 img,.step5 img {
  width: 12.6vw;
  pointer-events: none;
}

.step4 {
  list-style: none;
  font-size: 1.4rem;
  color: #ffffff;
  margin-left: -1%;
  width: 54%;
  margin: 0 auto;
}

.step5 {
  list-style: none;
  font-size: 1.4rem;
  color: #ffffff;
  margin-left: -1%;
  width: 68%;
  margin: 0 auto;
}

/* titles */

.topTitle {
  padding: 30px 0 24px 0;
}
.panelTitle {padding: 45px 0 28px 0;}
.listTitle {margin-bottom: 7px;}

/* samples */
.offerNumber {
  padding-top: 30px;
  margin-bottom: 12px;
}

/* panel-size */


.contents {margin-top: 20px;padding-bottom: 50px;}
.mainPanel {
  padding-bottom: 45px;
  width: 100%;
}
.mainWidth {width: 66%;}
.subPanel {
  width: 31%;
  margin: 0 0 0 auto;
  padding: 20px 20px 28px 27px;
  box-sizing: border-box;
}

.formPanel {
  width: 75%;
  padding-bottom: 70px;
}

.innerPanel {
  background-color: #F5F5F5;
  border-radius: 7px;
  padding: 8px 2% 12px 3%;
}
.innerPanelGreen {
  background-color: #ECFAEB;
  border-radius: 7px;
  padding: 16px 2% 24px 3%;
}
.innerPanelGray {
  background-color: #f7f7f7;
  border-radius: 7px;
  padding: 16px 2% 24px 3%;
}

/* セレクトクラス */
.selectedClass {
  background-color: #43D33C!important;
  color: #ffffff;
}
.selectedClass2 {
  background-color: #43D33C!important;
  color: #ffffff;
}

.selectedClassGreen {
  background-color: #107C41!important;
  color: #ffffff;
}

.selectedClassYellow {
  background-color: #EF9A26!important;
  color: #ffffff;
}

/* tags */
#station-list li{
  list-style: none;
  border: 1px solid #1069A5;
  border-radius: 20px;
  margin: 0 0.5vw 6px 0;
  padding: 0 10px 5px 14px;
  background-color: #ffffff;
}
#station-list-reco li{
  list-style: none;
  border: 1px solid #EF9A26;
  border-radius: 20px;
  margin: 0 0.5vw 6px 0;
  padding: 0 10px 5px 14px;
  background-color: #ffffff;
}
.closeIcon {
  background-color: #F0F0F0;
  color: #707070;
  font-size: 12px;
  margin-left: 7px;
  padding: 2px 4px;
  border-radius: 50%;
}
#station-list-right li {
  color: #185ABD;
  list-style: none;
  border: 1px solid #1069A5;
  border-radius: 20px;
  margin: 0 0.5vw 6px 0;
  padding: 0 14px 5px 14px;
  background-color: #ffffff;
}
#station-list-right-reco li {
  color: #EF9A26;
  list-style: none;
  border: 1px solid #EF9A26;
  border-radius: 20px;
  margin: 0 0.5vw 6px 0;
  padding: 0 14px 5px 14px;
  background-color: #ffffff;
}
.tagsYellow {
  color: #EF9A26;
  border: 1px solid #EF9A26;
  border-radius: 20px;
  margin: 0 0.2vw 6px 0;
  padding: 0 14px 5px 14px;
  background-color: #ffffff;
}

.confirms {
  margin: 10px 23% 0 24%;
  text-align: left;
  padding: 0 5px 10px 5px;
}
.confirmsScroll{
  border: 1px solid #D5D5D5;
  overflow-y: scroll;
  overflow-x: visible;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #C2C2C2 rgba(255,255,255,0);
  height: 70px;
  overflow-wrap: break-word;
  color: #5c5c5c;
}
.confirmsScroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C2C2C2;
}
.confirmsScroll::-webkit-scrollbar-track {
  background:rgba(255,255,255,0);
}
.confirmsScroll::-webkit-scrollbar {
  width: 6px;
}
.confirmTag {padding-top: 10px;}

.bigTagBlue {
  color: #185ABD;
  border: 1px solid #1069A5;
  border-radius: 30px;
  padding: 10px 22px;
  background-color: #ffffff;
  outline: none;
  margin: 25px 0 8px 0;
}
.bigTagBlue:hover,.bigTagBlue:focus {background-color: #e7eef8;}

.bigTagGreen {
  color: #107C41;
  border: 1px solid #107C41;
  border-radius: 30px;
  padding: 10px 22px;
  background-color: #ffffff;
  outline: none;
  margin: 25px 0 8px 0;
}
.bigTagGreen:hover,.bigTagGreen:focus {background-color: #cfe4d9;}

.bigTagLightGreen {
  color: #FFF;
  border-radius: 30px;
  padding: 10px 22px;
  background-color: #43D33C;
  outline: none;
  margin: 25px 0 8px;
}
.bigTagLightGreen:hover,.bigTagLightGreen:focus {background-color: #3bbd34;}

.bigTagYellow {
  color: #EF9A26;
  border: 1px solid #EF9A26;
  border-radius: 30px;
  padding: 10px 22px;
  background-color: #ffffff;
  outline: none;
  margin: 25px 0;
}
.bigTagLightgreen {
  font-size: larger;
  color: #43D33C;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px solid #43D33C;
  outline: none;
  border-radius: 30px;
  padding: 10px 27px;
  margin-top: 10px;
  display: inline-block;
  line-height: 1.5;
}

/* buttons */

.btnBox {
  margin-top: 30px;
  text-align: center;
  margin-left: 2px;
}

.moveButtons {
  padding: 12px 44px;
  color: #ffffff;
  font-size: 1.375rem;
  cursor: pointer;
  border: none;
  outline: none;
}
.insertBtn {
  border: none;
  color: #ffffff;
  padding: 7px 18px;
  margin-left: 0.5vw;
  border-radius: 22px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.btnBlue {background-color: #185ABD;}
.btnBlue:hover,.btnBlue:focus {background-color: #154996;}

.btnGray {background-color: #A2A2A2;}
.btnGray:hover,.btnGray:focus {background-color: #8a8a8a;}

.btnLightgreen {background-color: #43D33C;}
.btnLightgreen:hover,.btnLightgreen:focus,.chatFooter input:focus,.chatFooter input:hover,.toDetail:hover,.toDetail:active,.inquirySubmit:hover,.inquirySubmit:active,.toContract:hover,.toContract:focus,.toContractConfirm:hover,.toContractConfirm:focus {background-color: #3bbd34;}

.btnYellow {background-color: #EF9A26;}
.btnYellow:hover,.btnYellow:focus {background-color: #D07D0F;}

/* STEP1 */
.infoHeight {line-height: 1.5!important;}
.typeTable {
  border-spacing: 17px 13px;
  border: none;
  margin-top: -13px!important;
  margin: 0 auto;
  width: 80%;
  font-size: 1.125em;
}
.typeTable td {
  background-color: #ECFAEB;
  width: 50%;
  height: 62px;
  font-family: "SHSJP-m";
  box-sizing: border-box;
}
.typeTable td:hover {background-color: #9EE599;}
.bottomDot {
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.typeTable label {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.decideedAdd {
  margin: 25px 0px 0 13%;
}
.decideedAddBoth {
  margin: 0 13%;
}

.lineContent > p:first-child{
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.lineContent > span {
  height: 40px;
  line-height: 40px;
}

.textForm,.textFormEdit {
  padding: 10px 5px 10px 10px;
  box-sizing: border-box;
  font-size: 1em;
  color: #495057;
  background-clip: padding-box;
  border-radius: .25rem;
  height: 40px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.textForm {
  border: 1px solid #ced4da;
  background-color: #fff;
}
.textFormEdit {
  border: 1px solid #D3D3D3;
  background-color: #F5F5F5;
}
.textForm:focus,.textFormEdit:focus {
  border-color:#007BFF;
  outline:0;
}
textarea {
  resize: none;
  display: block;
}
textarea:not(.h-210px) {height: 120px;}
textarea::placeholder {
  line-height: 1.6;
}
.textForm::placeholder,.textFormEdit::placeholder {font-family: "SHSJP-r";}
.h-210px {height: 210px;}
.h-163px {height: 163px!important;}

.chooseSelect,.chooseSelect2 {
  color: #495057;
	position: absolute;
	pointer-events: none;
	left: 10px;
	top: 7px;
  display: block;
  font-size: 16px;
}

.hiddenList {
  color: #A7A7A7;
  margin: 7px 0;
}
.hiddenTitle {
  color: #6e6e6e;
  margin: 7px 0;
}

.addNegative {margin-left: -15%;}

.linePref > div {
  width: 49%;
  align-items: center;
}
.linePref > div > p {width: 20%;}
.linePref > div > span {width: 80%;}

/* STEP2 */
.check-contents {margin-right: 8px;}
.checkboxes {margin:10px 4.5% 0 0;}
.checkList {
  font-size: 0.8em;
  color: #5F5F5F;
}
.checkGroup > label {
  display: block;
  cursor: pointer;
  margin-top: 10px;
}
.checkGroup > input {margin-left: 5px;}

.checkGroupLine {
  display: -webkit-flex;
  display: flex;
}
.checkGroupLine > label {
  display: block;
  cursor: pointer;
  margin-right: 20px;
}
.checkGroupLine.flexColumn > label {
  padding-left:1em;
  text-indent: -1em;
  margin-bottom: 12px;
}
.checkGroupLine.flexColumn > label:last-of-type {margin-bottom: 0;}
.checkGroupLine > label:last-of-type {margin-right: 0;}
.checkGroupLine > input {margin-left: 5px;}

/* STEP3 */
.checkTable {
  width: 90%;
  border: none;
  border-collapse: collapse;
}
.checkTable td {padding:3px 0;}

.checkTableSell {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.checkTableSell td {padding:3px 0;}

.checkWidth5 label {width: 90px; display: inline-block;}
.checkWidth4 label {width: 130px; display: inline-block;}
.checkWidth4-2 label {width: 143px; display: inline-block;}
.checkWidth2 label {width: 270px; display: inline-block;}
.checkWidthInline label {
  width: 49.5%;
  margin-bottom: 10px;
  display: inline-block;
}
.checkWidthInline input[type="checkbox"] {margin-right: 8px;}
.checkboxesAlign {margin:0 2% 10px 0;}
.checkboxesAlign2 {margin:0 0 10px 0;}

/* STEP4 */
.dashZone {padding: 10px 5% 10px 5%;}

.bottomDash {
  border-bottom: 1px dashed #707070;
  padding-bottom: 10px;
}

.borderNone {border: none!important;}

/* STEP5 */
.usersTable > div {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 0 auto 17px auto;
  width: 450px;
}
.usersTable > div > p:first-child{
  width: 180px;
  min-width: 180px;
}
.w-60px {width: 60px;}

/* 新規フォーム */
.loginText {width: 20%;}
.loginForm {width: 80%;}
.loginSecond {width: 30%;}

.for2-1 {
  line-height: 1.2!important;
}

.secondFormText {margin: 0 5.7%;}

/* minsuma */
.description {
  font-size: 12px;
  line-height: 2;
}
.description-l {
  font-size: 14px;
  line-height: 2;
}
.onlyAgent {
  display: inline-block;
  background-color: #e7eef8;
  border-radius: 5px;
  font-size: 10px;
  margin-left: 8px;
  padding: 2px 8px 3px 8px;
}

.minsumaTheme > div {width: 49%;}

/* TOP-PAGE */
.topBg{
  background-image: url(./../img/top-background.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  height: 100vh;
}
.topBgCover{
  background: rgba(0, 0, 0, 0.2);
  height: 100vh;
}
.topBg,.topBgCover{min-height: 680px;}
.topBgCover .topComLogo img {
  width: 160px;
  height: auto;
}
.topLogos {
  padding:35px 0 20px 0;
  align-items: center;
}
.iconTop1,.iconTop2 {display: none!important;}
.iconTop1Pc,.iconTop2Pc {
  display: block!important;
  position: absolute;
  color: #D3D3D3;
  font-size: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  user-select: none;
}
.iconTop1Pc > i,.iconTop2Pc > i {vertical-align: top;}
.iconTop1Pc {
  top: 38.5px;
  right: 50px;
  z-index: 4;
}
.iconTop2Pc {
  top: 38.5px;
  right: 0;
  z-index: 4;
}
.iconTop2Pc:hover,.iconTop2Pc:focus {opacity: 0.7;}
.loginButton {
  text-align: center;
  background: linear-gradient(#5BAC21,#26891D);
  color: #fff;
  outline: none;
  border-radius: 0;
  padding-bottom: 1px;
  font-family: "SHSJP-m";
  font-size: 16px;
  width: 127px;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
}
.loginButton:hover,.loginButton:focus{
  background: linear-gradient(#5caa21,#227c19);
}
nav li{
  list-style: none;
}
nav li img {display: none;}
nav li a {
  display: inline-block;
  padding: 14px 0 15px 0;
}
.jumbotron {
  color: #fff;
  font-size: 2.3rem;
  padding: 65px 0 10px 0;
}
.jumbotronSecond {
  color: #fff;
  font-size: 2rem;
  padding: 45px 0 10px 0;
}
.jumbotronThird {
  color: #fff;
  font-size: 2rem;
  padding: 45px 0 15px 0;
}
.jumbotronUp {
  color: #fff;
  font-size: 2.8rem;
  padding: 120px 0 15px 0;
}

.trTagsSp {display: none;}

.topThisPage {border-bottom: 2px solid #ffffff;box-sizing: border-box;}
.notThispage {position: relative;}
.notThispage:before {
  content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	transform: translateZ(0) scale(0, 1);
	transition: 0.4s;
}
.notThispage:hover:before {
  transform: translateZ(0) scale(1);
}

.topDescriptionSmall {
  margin: 20px 0 45px 0;
  width: 92%;
  line-height:2;
}
.topDescriptionSmallOffer {
  margin: 30px auto 45px auto;
  width: 92%;
  line-height:2;
}
.topDescription {
  margin: 20px 0 45px 0;
  width: 100%;
  line-height:2;
}
.topDescriptionFlex {
  margin: 20px 0 45px 0;
  line-height:2;
}
.floatingLetters {
  color: #fff;
  text-shadow: 3px 3px 3px #000000;
}

#spot {
  position: absolute;
  top: -40px;
}

.registrationNow,.postNow,.searchNow,.matchNow {font-family: "SHSJP-m";text-align: center;cursor: pointer;}
.registrationNow {
  display: inline-block;
  background: linear-gradient(to bottom right, #185ABD, #1F4A8D);
  font-size: 1.4em;
  color: #fff;
  outline: none;
  padding: 18px 0 18px 0;
  border-radius: 10px;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3);
  margin-top: 15px;
  width: 380px;
  box-sizing: border-box;
}
.registrationNow:hover,.registrationNow:focus{
  background: linear-gradient(to bottom right, #214d94, #153872);
}
.postNow {
  display: inline-block;
  background: linear-gradient(to bottom right, #4AAF7D, #117C41);
  font-size: 1.4em;
  color: #fff;
  outline: none;
  padding: 18px 0 18px 0;
  border-radius: 10px;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.5);
  margin-top: 15px;
  width: 350px;
  box-sizing: border-box;
}
.postNow:hover,.postNow:focus{
  background: linear-gradient(to bottom right, #429d70, #0f6f3a);
}
.searchNow {
  display: inline-block;
  background: linear-gradient(to bottom right, #F2B45F, #EF9A26);
  font-size: 1.4em;
  color: #fff;
  outline: none;
  padding: 18px 0 18px 0;
  border-radius: 10px;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.5);
  margin-top: 15px;
  width: 350px;
  box-sizing: border-box;
}
.searchNow:hover,.searchNow:focus{
  background: linear-gradient(to bottom right, #d9a255, #d78a22);
}
.matchNow {
  display: inline-block;
  background: linear-gradient(to bottom right, #B26AD9, #7719AA);
  font-size: 1.4em;
  color: #fff;
  outline: none;
  padding: 18px 0 18px 0;
  border-radius: 10px;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.5);
  margin-top: 15px;
  width: 350px;
  box-sizing: border-box;
}
.matchNow:hover,.matchNow:focus{
  background: linear-gradient(to bottom right, #a05fc3, #6b1699);
}
.scrollMe {
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 2;
  font-size: 1.2em;
  font-family: frank-new, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.scrollMe p {line-height: 1;}
.scrollMe a {display: inline-block;padding: 5px;}
.topPadding{padding: 70px 0 90px 0;}

.bigNumber {
  position: absolute;
  right: 5px;
  bottom: 0;
  font-weight: normal;
  opacity: 0.16;
  font-size: 10rem;
  font-family:Arial,Helvetica,sans-serif;
  line-height: 1;
  user-select: none;
  font-family: frank-new, sans-serif;
  font-weight: 700;
  font-style: italic;
}
.numberTitle {
  font-size: 2.5rem;
  line-height: 2;
  padding-bottom: 15px;
}
.titleMini {
  font-size: 0.56em;
  font-weight: normal;
  margin-left: 0.8em;
}
.tinBorderBlue {border-bottom: 1px solid #185ABD;}
.tinBorderGreen {border-bottom: 1px solid #107C41;}
.tinBorderYellow {border-bottom: 1px solid #EF9A26;}
.tinBorderPurple {border-bottom: 1px solid #7719AA;}
.underBlue {border-bottom: 4px solid #185ABD;}
.underGreen {border-bottom: 4px solid #107C41;}
.underYellow {border-bottom: 4px solid #EF9A26;}
.underPurple {border-bottom: 4px solid #7719AA;}
.underD5 {border-bottom: 1px solid #D5D5D5;}
.desColor {color: #8D8D8D;}
.topBig {font-size: 2.3rem;}
.imgDescription {
  width: 93.5%;
  line-height:1.7;
  margin: 10px auto 60px auto;
}
.topContentsBorder {border-bottom: 1px solid #EAEAEA;}
.subWhiteBorder {border-bottom: 1px solid #E6E6E6;}

.gothic {
  font-family: frank-new, sans-serif;
  font-weight: 700;
  font-style: italic;}
.roboto {font-family: 'Raleway',Arial,Helvetica,sans-serif;}

.oppositeRudius {
  display: inline-block;
  border-radius: 0% 100% 100% 0% / 0% 0% 100% 100%;
  padding-left: 7px;
  box-sizing: border-box;
  width: 30px;
  height: 25px;
  vertical-align: top;
}

.overflowNoneBox {
  overflow: hidden;
  background-color: #F7F7F7;
  box-shadow: 3px 6px 3px -3px rgba(0,0,0,0.1);
  padding-bottom: 27px;
  height: auto;
  margin: 5px 0 70px 0;
}

.topMinsumaOption {
  justify-content: space-around;
  align-items: center;
}
.sq-90 {width: 90px;height: auto;}

.check-icon {
  position: absolute;
  top: 24px;
  left: 0;
  width: 23px;
  height: auto;
}
.search-man {
  position: absolute;
  top: -44px;
  right: 0;
  width: 87px;
  height: auto;
}

.qaBorder {border-bottom: 1px solid #BFBFBF;}
.qaBox {padding: 25px 0 25px 18px;}
.qaBox p {align-items: center;}
.qaIcon {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-right: 1.5%;
  font-size: 19px;
  width: 37px;
  height: 37px;
  color: #fff;
  background-color: #43D33C;
}

.sitemap {
  padding: 50px 0 90px 0;
  border-top: 1px solid #EAEAEA;
}
.sitemap img {
  width: 135px;
  height: auto;
}
.sitemap h5 a > img:first-child {
  width: 41.9px;
  height: auto;
}
.sitemap h5 a > img:last-child {
  width: 124.23px;
  height: auto;
  margin-left: 12.1px;
}
.sitemap h5 {padding-bottom: 25px;font-weight: normal;}
.sitemap ul {
  font-size: 0.875em;
  line-height: 2;
  margin-left: 20px;
}
.sitemap li > a:hover{
  color: #43D33C;
}
.topFooter {
  height: 65px;
  align-items: center;
  box-sizing: border-box;
}
.topFooter p {flex: 1;}
.textunder {text-decoration: underline!important;}

.contentsURL > a {text-decoration: underline;}
.contentsURL > a:hover,.contentsURL > a:active {
  color: #43D33C;
  transition: all 0.4s;
}

.dateSize {min-width: 5.5em;}

.topBigIconWrapper {margin-top: 27px;}
.topBigIconWrapper a {margin: 0 70px;}
.topBigIcon {
  background: rgba(255,255,255,0.6);
  border: 2px solid rgba(255,255,255,0.6);
  border-radius: 11px;
  width: 17vw;
  max-width: 200px;
  height: 17vw;
  max-height: 200px;
  margin-bottom: 15px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.topBigIcon:focus,.topBigIcon:hover {background: rgba(255,255,255,0.8);}
.searchArea {
  background-color: #ffffff;
  border-radius: 9px;
  width: 80%;
  margin-top: 40px;
  padding: 17px 17px 17px 24px;
  box-sizing: border-box;
  height: 91px;
  position: relative;
  border: 1px solid #D1D1D1;
}
.searchArea button {
  position: absolute;
  right: 3%;
  top: 25%;
  font-size: 2.1em;
  padding: 7px;
  background-color: #ffffff;
}
.searchArea input {
  width: 100%;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #DDDDDD;
  font-size: 1rem;
  padding: 5px;
  margin-top: 5px;
  outline: none;
}
/* .searchArea input:focus {border-bottom: 2px solid #DDDDDD;} */
.searchArea p{font-size: 0.975em;}

/* top-QandA */
.topSpace {display: none;}
.TopQATitle {
  background-color: #43D33C;
  border-radius: 7px;
  color: #fff;
  font-size: 26px;
  font-family: "SHSJP-m";
  font-weight: 500;
  padding: 12px 27px;
  margin-bottom: 24px;
}
.topRank > div:first-of-type {flex: 1;}
.topRank > div:last-of-type {
  min-width: 300px;
  width: 300px;
  box-sizing: border-box;
  margin-left: 26px;
}
.moreQAList,.moreQAListAgent {
  border: 1px solid #43D33C;
  color: #43D33C;
  background-color: #FFF;
  font-size: 16px;
  width: 277px;
  max-width: 100%;
  height: 52px;
  line-height: 52px;
  display: block;
  text-align: center;
}
.moreQAList {margin: 50px auto;}
.moreQAListAgent {margin: 30px auto 10px;}
.moreQAList:hover,.moreQAListAgent:hover{background-color: #ECFAEB;}

/* トップページのパネルはここです */
.quatroPanels{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 45px;
}
.quatroPanels > .flexBetween {width: calc( 50% - 14px);}

.eightPanel {
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 5px;
  width: calc(50% - 14px);
  height: 73px;
  line-height: 73px;
  margin-top: 15px;
  text-align: center;
  cursor: pointer;
  font-size: 1.25em;
  font-family: "SHSJP-b";
}
.eightPanel:focus,.eightPanel:hover {background: rgba(255,255,255,0.8);}

.panelsColumns{width: 100%;margin: 0 auto;}
.panelsColumn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 9px;
  width: 48%;
  max-width: 539px;
  font-size: 1.25em;
  text-align: center;
  margin: 20px auto 0 auto;
  cursor: pointer;
  box-sizing: border-box;
  height: 99px;
}
.panelsColumn:focus,.panelsColumn:hover {background: rgba(255,255,255,0.8);}

.agentTopPadding {padding: 19px 0 28px 0;}

.areaPanels {margin-top: 20px;}
.areaPanels > ul {
  list-style: none;
  margin-bottom: 20px;
}
.areaPanels > ul > li:first-of-type{
  font-size: 16px;
  color: #ffffff;
  min-width: 100px;
  max-width: 100px;
  text-align: center;
  margin-right: 24px;
  line-height: 32px;
}
.areaPanels > ul > li:last-of-type{display: none;}
.areaPanels > ul > li a{
  font-size: 14px;
  display: inline-block;
  margin-left: 6px;
  max-width: 90px;
  width: 7.65vw;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.6);
}

.areaPanels > ul > li a:focus,.areaPanels > ul > li a:hover {background: rgba(255,255,255,0.8);}

/* ログイン画面 */
.bigImg {
  width: 60%;
  min-height: 100vh;
  background-image: url(./../img/top-login-bg.jpg);
  background-position: center center;
  background-size: cover;
}
.loginLogin {
  font-size: 1.4rem;
  padding: 35px 0 8px 0;
  font-family: "SHSJP-b";
}

.googleLogin{
  font-size: 16px;
  padding-left: 6%;
  font-family: "SHSJP-m";
  border: 1px solid #DBDBDB;
  background-color: #ffffff;
  border-radius: 8px;
  height: 46px;
  line-height: 46px;
  background-image: url(./../img/GLogo.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: left 22px top 12px;
}
.googleLogin:hover,.googleLogin:focus {background-color: #F2F2F2;}

.loginOr {
  font-size: 0.8rem;
  color: #B2B2B2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 32px 0;
}
.loginOr:before,
.loginOr:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #DBDBDB;
}
.loginOr:before {margin-right: 1em;}
.loginOr:after {margin-left: 1em;}

.topLogins {
  max-width: 360px;
  width: 75%;
  margin: 0 auto;
}
.toploginButton {
  border-radius: 8px;
  color: #ffffff;
  padding: 11px 0;
  font-size: 16px;
  font-family: "SHSJP-m";
  background-color: #185ABD;
  margin-top: 35px;
  margin-bottom: 18px;
}
.toploginButton:hover,.toploginButton:focus{
  background-color: #1F4A8D;
}

.toploginButtonErr {
  border-radius: 8px;
  color: #ffffff;
  padding: 11px 0;
  font-size: 16px;
  font-family: "SHSJP-m";
  background-color: gray;
  margin-top: 35px;
  margin-bottom: 18px;
}


/* 新規登録トップ */
.regiTop {
  flex: 1;
  padding: 5vh 0 20px 0;
}
.bigImgNew {
  width: 60%;
  min-height: 100vh;
  background-image: url(./../img/bg-regi-pc.jpg);
  background-position: center center;
  background-size: cover;
}
.topRegiLogo {
  width: 27%;
  max-width: 178px;
  height: auto;
}
/* .regiEnvelope {
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: left 13px top 50%;
  padding-left:40px;
  font-family: "SHSJP-m";
}
.regiEnvelope {background-image: url(./../img/envelope-solid.svg);} */

.topRegiButton {
  border-radius: 8px;
  color: #ffffff;
  padding: 11px 0;
  font-size: 16px;
  font-family: "SHSJP-m";
  background-color: #43D33C;
  margin-top: 9px;
  margin-bottom: 18px;
}
.topRegiButton:hover,.topRegiButton:focus{
  background-color: #3bbd34;
}

.regiStepbar {
  display: flex;
  max-width: 240px;
  position: relative;
  margin: 0 auto 30px auto;
  text-align: center;
}
.regiStepbar li {
  font-size: 10px;
  list-style: none;
  position: relative;
  width: 33.333%;
}
.regiStepbar li:after {
  background-color: #707070;
  content: "";
  width: calc(100% - 60px);
  height: 1px;
  position: absolute;
  left: calc(-50% + 30px);
  top: 21px;
}
.regiStepbar li:first-child:after {
  display: none;
}
.regiStepbar li span {
  font-size: 16px;
  background-color: #EBEBEB;
  color: #000000;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  margin-bottom: 3px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.visited span {
  background-color: #fff!important;
  color: #43D33C!important;
  border: 3px solid #43D33C;
  line-height: 34px!important;
  width: 34px!important;
  height: 34px!important;
}

.passInfo {font-size: 10px;line-height: 1;}

.mailCheck {
  background-color: #fff;
  max-width: 400px;
  width: 98%;
  margin: 40px auto 0 auto;
  padding: 70px 100px 40px 100px;
}
.mailSource {
  background-color: #F5F5F5;
  padding: 15px;
  margin-bottom: 40px;
}
.mailCheckIcon,.mailCheckErr {
  font-size: 30px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0 auto 20px auto;
}
.mailCheckIcon {
  color: #43D33C;
  background-color: #d9f6d8;
}
.mailCheckErr {
  color: #cc3cd3;
  background-color: #f5d8f6;
}
.resendMail {
  font-size: 16px;
  border: 1px solid #ced4da!important;
  width: 100%;
  height: 52px;
  background-color: #fff;
  color: #707070;
  font-family: "SHSJP-m";
}
.resendMail:focus,.resendMail:hover {background-color: #F5F5F5;}
.resetPassSend {
  font-size: 16px;
  border: 1px solid #43D33C!important;
  width: 100%;
  height: 52px;
  background-color: #fff;
  color: #43D33C;
  font-family: "SHSJP-m";
}
.resetPassSend:focus,.resetPassSend:hover {background-color: #ECFAEB;}
.mailCheckIcon > i,.mailCheckErr > i {line-height: 60px;}

/* モーダル */
.modalTop {
  display: none;
  padding: 40px 25px 25px 25px;
  max-width: 420px;
  width: 90%;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 15px;
  font-family: "SHSJP-m";
}
.modalTop > h3 {
  font-size: 26px;
  padding-bottom: 15px;
  border-bottom: 1px solid #C3C3C3;
  font-weight: normal;
}
.modalTop > p{
  line-height: 2;
  font-size: 14px;
}
.closeButton {
  position: absolute;
  top: 12px;
  right: 12px;
  height: 12px;
  cursor: pointer;
}
.closeButton:hover,.closeButton:focus {opacity: 0.6;}

.modalTopAgent {
  display: none;
  padding: 40px 50px 31px 50px;
  width: 90%;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 15px;
}
.modalTopAgent h5{
  font-size: 25px;
  margin-bottom: 35px;
}
.modalTopAgent ul {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.modalTopAgent li {
  width: 31%;
  margin-bottom: 19px;
}
.modalTopAgent li a {
  width: 100%;
  color: #43D33C;
  border: 1px solid #43D33C;
  display: block;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
}
.closeButtonTop {
  position: absolute;
  top: -25px;
  right: -15px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #000;
  cursor: pointer;
}

.modalGreen,.modalBlue {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  outline: none;
  padding: 10px 0 12px 0;
  border-radius: 7px;
  width: 275px;
  box-sizing: border-box;
}
.modalGreen {background-color: #43D33C;}
.modalGreen:hover,.modalGreen:focus{background-color: #3bbd34;}
.modalBlue {background-color: #185ABD;}
.modalBlue:hover,.modalBlue:focus{background-color: #214d94;}

.modalImg {
  display: none;
  padding: 40px 25px 25px 25px;
  max-width: 1000px;
  width: calc(100% - 100px);
  height: auto;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 15px;
}
.container {
  max-width: 950px;
  max-height: 500px;
}

/* 宅建士を探す */
.agentLogin {
  font-family: "SHSJP-b";
  font-size: 16px;
  padding: 8px 0 9px 0;
  color: #43D33C;
  border: 1px solid #43D33C!important;
  background-color: #fff;
  border-radius: 5px;
  height: 43px!important;
  width: 102px;
  box-sizing: border-box;
  text-align: center;
  display: block;
}

.agentHeaader {
  height: 60px;
  width: 100%;
  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 2;
}
.agentHeadInner {
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  height: 100%;
  box-sizing: border-box;
}
.agentNavbar {
  margin: 0 28px;
  list-style: none;
  height: 100%;
}
.agentNavbar > li {height: 100%;}
.agentNavbar > li a {
  display: inline-block;
  line-height: 60px;
  padding: 0 25px 0 14px;
  height: 100%;
  cursor: pointer;
}
.agentNavbar > li a:hover {
  color: #ffffff;
  background-color: #43D33C;
  transition: all 0.4s;
}
.agentNavbar > li img:last-child {
  display: none;
}
.agentNavbar > li a:hover img {
  display: none;
}
.agentNavbar > li a:hover img:last-child{
  display: inline-block;
}
.activeAgent {
  color: #ffffff;
  background-color: #43D33C;
}
.activeAgent img{display: none;}
.activeAgent img:last-child {
  display: inline-block!important;
}
.agentNavbar img {
  vertical-align: middle;
  margin-right: 7.7px;
}
.agentLoginBox {
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  position: sticky;
}
.agentLoginBox > a > i,.agentLoginBox > label > i{
  font-size: 30px;
  color: #D3D3D3;
}
.agentLoginBox > a{
  margin-right: 20px;
  height: 30px;
  display: inline-block;
}
.agentLoginBox > label {
  margin-right: 20px;
  cursor: pointer;
  height: 30px;
}
.agentLoginBox > a > i:hover,.agentLoginBox > a > i:focus,.agentLoginBox > label > i:hover,.agentLoginBox > label > i:focus,.iconTop1Pc i:hover,.iconTop1Pc i:focus,.iconTop2Pc i:hover,.iconTop2Pc i:focus {opacity: 0.8;}
#userPages:checked + .userPagesMenu,#userPagesSp:checked + .userPagesMenu,#userPagesTop:checked + .userPagesMenu {display: block;}
#userPages:checked + .userPagesMenu + .userMenuOverlay,#userPagesSp:checked + .userPagesMenu + .userMenuOverlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
#userPagesTop:checked + .userPagesMenu + .userMenuOverlay{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
}
.topMenuFixed {
  bottom: -480px!important;
  right: -20px!important;
}
.userPagesMenu {
  font-family: "SHSJP-m";
  display: none;
  flex-wrap: wrap;
  text-align: center;
  position: absolute;
  bottom: -500px;
  right: -3px;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  border-radius: 11px;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3);
  width: 294px;
  height: auto;
  padding: 26px 26px 35px 26px;
  box-sizing: border-box;
  z-index: 4;
  animation-name: fade;
  animation-duration: 0.2s;
}
@keyframes fade{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.userPagesMenu hr{
  color:#707070;
  margin: 0 auto;
}
.userPagesMenu > div:nth-child(2),.userMyPage > div:nth-child(2){
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
}
.userPagesMenu > div:first-child,.userMyPage > div:first-child{
  text-align: left;
  align-items: center;
  height: auto;
  padding-bottom: 12px;
  border-bottom: 1px solid #C9C9C9;
  margin-bottom: 14px;
}
.userPagesMenu > div:first-child div,.userMyPage > div:first-child div{margin: auto 0;}
.userPagesMenu > div:first-child i{
  font-size: 45px;
  margin-left: 38px;
  margin-right: 10px;
  color: #D3D3D3;
}
.myIcon {
  width: 45px;
  min-width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 38px;
  margin-right: 10px;
}
.myIcon img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.userPagesMenu > div:first-child p,.userMyPage > div:first-child p{
  line-height: 1.3;
  color: #BFBFBF;
  padding: 0;
}
.userPagesMenu > div:first-child p:first-child{
  font-size: 14px;
  color: #000;
}
.userPagesMenu > div > div{
  width: 50%;
  padding: 5px 0 7px 0;
  margin-bottom: 12px;
  border-radius: 11px;
}
.userPagesMenu .menuTarget:hover,.userPagesMenu .menuTarget:focus,.userMyPage .menuTarget:hover,.userMyPage .menuTarget:focus {background-color: #e7eef8;}
.menuTarget > a {height: 100%;width: 100%;display: inline-block;}
.userPagesMenu > div > div i{
  font-size: 45px;
  text-align: center;
  display: inline-block;
  color: #43D33C;
  height: 45px;
}
.userPagesMenu > div > div img {
  width: auto;
  height: 45px;
}
.userPagesMenu > div > div p {font-size: 12px;padding-top: 8px;}

.bread {
  margin: 19px auto 33px auto;
  display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
  list-style-type: none;
  width: 1170px;
  max-width: 98%;
  flex-wrap: wrap;
}
.bread li {position: relative;}
.bread a {
  padding: 5px 0;
  color: #43D33C;
  font-size: 0.875em;
  margin: 27px 5px 27px 27px;
}
.bread a:hover {color: #2eb128;}
.bread li:last-of-type a {
  color: #707070!important;
  cursor: default;
}
.bread li:last-child::after {display: none;}
.bread li:after {
  display: block;
  position: absolute;
	pointer-events: none;
	top: 5px;
	right: -17px;
  color: #797979;
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
}

.userBread{
  margin: 11px auto 10px auto;
}
.chatBread {
  width: calc(100% - 35px);
  margin: 11px auto 10px 35px;
}

/* 宅建士を探すー2カラムのページー */
.column2 {
  justify-content: center;
  align-items: stretch;
  padding-bottom: 80px;
  box-sizing: border-box;
}
.columnLeft {
  min-width: 300px;
  width: 300px;
  box-sizing: border-box;
  margin: 0 15px 0 26px;
}
.columnLeftPanel{
  border-radius: 12px;
  padding: 26px 20px;
  background-color: #ffffff;
  box-shadow: 0 2px 3px 1px rgba(0,0,0,0.08);
  margin-bottom: 35px;
}
.leftHeight706{
  height: 706px;
}
.columnLeft select{
  width: 100%;
  margin: 13px 0 42px 0;
}
.columnRight {
  width: 795px;
  max-width: calc(100% - 20px);
  margin:0 20px 0 26px;
}

.agentCount{
  font-size: 0.875em;
  align-items: baseline;
  text-align: right;
}

.agentPanel {
  box-sizing: border-box;
  width: 100%;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 2px 3px 1px rgba(0,0,0,0.08);
  padding: 15px 37px 23px 40px;
  margin-bottom: 20px;
}
a.agentPanel {display: block;}

.agentTitle,.agentQATitle {
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px solid #D5D5D5;
  align-items: flex-end;
  margin-bottom: 24px;
}
.agentTitle.agentTitle12 {margin-bottom: 12px;}
.agentTitle > h3{
  font-weight: normal;
  margin-left: 20px;
  font-size: 1.4375em;
  line-height: 1.1;
}
.agentTitle > h4{
  font-weight: normal;
  margin-left: 20px;
  font-size: 17px;
}
.agentQATitle > h4{
  font-weight: normal;
  font-size: 17px;
}
.agentTitle > p{
  font-size: 0.875em;
  flex: 1;
  line-height: 1.15;
  margin-left: 40px;
}
.agentTitle > .tagPrefecture{
  font-size: 1.0625em;
  color: #43D33C;
  border: 1px solid #43D33C;
  border-radius: 4px;
  padding: 4px 13px;
}
.agentmarker {
  position: absolute;
  background-color: #43D33C;
  border-radius: 4px;
  width: 7px;
  height: 22px;
  bottom: 12px;
  left: 0;
}
.agentmarkerH4 {
  position: absolute;
  background-color: #43D33C;
  border-radius: 4px;
  width: 7px;
  height: 18px;
  top: 5px;
  left: 0;
}
.agentImg {
  border: 1px solid #FFFFFF;
  width: 130px;
  height: 130px;
}
.isFileSmall{margin: 28px auto 0 auto;}
.isFileBorderNone{border: none!important;}
.agentContent{margin-bottom: 8px;}
.agentContent ul{
  list-style: none;
  margin-left: 12px;
}
.agentContent li > i,.agentContent li > img {
  font-size: 17px;
  width: 20px;
  min-width: 20px;
  text-align: center;
  margin-right: 8px;
}
.agentContent li {
  margin-bottom: 12px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
}
.agentContent li:last-of-type {margin-bottom: 0;}
.agentContent li:first-of-type {line-height: 1;}
.agentContent li > span {
  display: block;
  font-size: 0.875em;
  font-family: "SHSJP-r";
}
.agentDescribe {
  background-color: #F7F7F7;
  font-size: 0.875em;
  box-sizing: border-box;
  margin-bottom: 8px;
  padding: 13px 13px 7px 16px;
}
.agentDescribe > label {
  text-decoration: none;
  color: #BABABA;
  background-color: #fff;
  border: 1px solid #BABABA;
  line-height: 26.5px;
  padding: 0 12px;
  border-radius: 20px;
  margin: 0 10px 6px 0;
  display: inline-block;
  font-family: "SHSJP-r";
  font-size: 16px;
}
.agentDescribe > label > input {display: none;}
.agentDescribe > .tagChecked{
  border: 1px solid #43D33C;
  color: #43D33C;
  font-size: 16px;
}

.agentDescribe p {
  word-break: break-all;
}
.agentDescribeTag{
  width: 70px;
  line-height: 26px;
  margin-bottom: 6px;
  display: block;
  color: #ffffff;
  background-color: #43D33C;
  padding: 0;
  text-align: center;
  font-size: 13px;
  border-radius: 5px;
}
.agentDescribe:last-child{padding: 13px 24% 18px 16px;}

.agentTags {
  font-size: 0.875em;
  margin: 13px 0 1px 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.agentTags p{
  text-align: center;
  display: inline-block;
  color: #ffffff;
  background-color: #6E6E6E;
  width: 16%;
  padding: 3px 0 4px 0;
  margin-bottom: 13px;
  margin-right: 0.5%;
  border-radius: 4px;
}
.agentTags p:last-child {margin-left: 0;}
.agentDetail{
  color: #43D33C;
  border: 1px solid #43D33C;
  display: block;
  text-align: center;
  user-select: none;
  padding: 14px 0 15px 0;
}
.agentDetail:hover,.agentDetail:focus,.bigTagLightgreen:hover,.bigTagLightgreen:focus,.agentLogin:hover,.agentLogin:focus,.solved:hover,.solved:focus,.cancelConfirm:hover {background-color: #ECFAEB;}

/* 宅建士の詳細 */
.personalInfo {
  font-size: 0.875em;
  margin-top: 26px;
}
.personalInfo td {padding: 6.5px 0}
.personalInfo th {
  padding: 6.5px 5px 6.5px 0;
  min-width: 95px;
  color: #7B7B7B;
  font-weight: normal;
  vertical-align: top;
}
.personalInfo tr:first-child > th {vertical-align: middle;}

.corporateInfo > h4,.gradesInfo > h4 {
  padding-bottom: 9.5px;
  border-bottom: 1px solid #C9C9C9;
  font-family: "SHSJP-b";
  font-size: 1.0625em;
}
.corporateInfo > div,.gradesInfo > .quantity {
  font-size: 0.875em;
  padding: 9.5px 0 12.5px 0;
  border-bottom: 1px dashed #C9C9C9;
}
.corporateInfo > div p:first-child {
  color: #7B7B7B;
  margin-bottom: 10px;
}
.corporateInfo > div:first-of-type p:first-child {
  color: #000;
  margin-bottom: 0;
  font-size: 17px;
  margin-top: 10px;
}
.corporateInfo > h4 {
  padding-bottom: 9.5px;
  border-bottom: 1px solid #C9C9C9;
  font-family: "SHSJP-b";
  font-size: 1.0625em;
}

.gradesInfo > .status {
  background-color: #F7F7F7;
  border-radius: 13px;
  padding: 15px 20px 18px;
}
.gradesInfo > .status > div p:first-of-type {color: #696969;}


.agentSubListGreen {
  margin: 19px 36px 7px 13px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.agentSubListGreen > p {
  background-color: #fff;
  border: 1px solid #43D33C;
  text-align: center;
  padding: 6px 0;
  width: 31%;
}

.agentPanel > h4 {
  padding-bottom: 14px;
  border-bottom: 1px solid #D5D5D5;
  font-size: 1.0625em;
  font-weight: normal;
}

.agenttableScroll{
  overflow-y: scroll;
  overflow-x: visible;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #C2C2C2 #ffffff;
  border-bottom: 1px solid #D5D5D5;
  height: 227px;
}
.agenttableScroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C2C2C2;
}
.agenttableScroll::-webkit-scrollbar-track {
  background:#ffffff;
}
.agenttableScroll::-webkit-scrollbar {
  width: 6px;
}
.agenttableScroll table {
  color: #707070;
  width: 100%;
  border-collapse: collapse;
}
.agenttableScroll td{
  padding: 12px;
  font-size: 0.875em;
}
.agenttableScroll td:last-child{text-align: center;}
.agenttableScroll td > span{
  font-size: 10px;
  color: #43D33C;
  border-radius: 11px;
  border: 1px solid #43D33C;
  padding: 3px 0 4px 0;
  width: 72px;
  box-sizing: border-box;
  display: inline-block;
}
.agenttableScroll tr:nth-child(2n) {
  background-color: #ecfaeb;
  border-radius: 6px;
}
.greenTags{margin: 14px 0 32px 0;}
.greenTags > label{
  display: inline-block;
  border-radius: 20px;
  color: #BABABA;
  border: 1px solid #BABABA;
  background-color: #fff;
  padding: 7px 15px;
  margin: 0 12px 13px 0;
}
.greenTags > label > input {display: none;}
.greenTags > .tagChecked{
  border: 1px solid #43D33C;
  color: #43D33C;
}

.periodDisplay {
  margin: 10px 0;
  background-color: #F5F8FD;
  padding:12px 15px 11.5px 31px;
  border-radius: 4px;
}
.periodDisplay div{font-size: 0.875em;}
.periodDisplay div:last-child{
  color: #7B7B7B;
  margin-top: 6px;
}

.plus {
  position:fixed;
  bottom:20px;
  right:20px;
}

.fixedBottomSp {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.36);
  height: 64px;
  z-index: 5;
}
.fixedBottomSp > a {
  color: #43D33C;
  background-color: #FFF;
  border: 1px solid #43D33C;
  display: block;
  width: 188px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}
.fixedBottomSp > a:nth-child(2) {
  color: #FFF;
  background-color: #43D33C;
  border: none;
  margin-left: 20px;
}
.fixedBottomSp > a:nth-child(2):hover,.fixedBottomSp > a:nth-child(2):focus {background-color: #3bbd34;}
.fixedBottomSp > a > i {margin-right: 6.6px;}

.AgentQA {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #D6D6D6;
}
.QATitleAgent {
  font-size: 17px;
  font-family: "SHSJP-m";
}
.myQA {
  padding: 16px 18px;
  background-color: #F5F8FC;
  border-radius: 9px;
}
.myQAImg {
  width: 57px;
  min-width: 57px;
  height: 57px;
  overflow: hidden;
}
.myQAImg > img {object-fit: cover;}

.QACaution {
  color: #909090;
  font-size: 12px;
  width: 510px;
  box-sizing: border-box;
  padding: 20px;
  max-width: 90%;
  margin: 20px auto 20px;
  border: 1px solid #BFBFBF;
}


/* パスワードを忘れた */
.fogetPass {
  padding: 100px 24px;
  margin: 0 auto;
  width: 100%;
  max-width: 520px;
  box-sizing: border-box;
}
.fogetPass p {color: #7D7D7D;}
.fogetPass h3 {font-size: 1.6em;}

.fogetSubmit {
  border-radius: 8px;
  color: #ffffff;
  padding: 9px 30px 11px 30px;
  font-size: 18px;
  font-family: "SHSJP-m";
  background-color: #185ABD;
  margin-top: 18px;
}
.fogetSubmit:hover,.fogetSubmit:focus {background-color: #1F4A8D;}

/* アカウント登録完了 */
.backTop {
  border-radius: 8px;
  color: #ffffff;
  padding: 9px 30px 11px 30px;
  font-size: 18px;
  font-family: "SHSJP-m";
  background-color: #43D33C;
  margin-top: 18px;
  margin-bottom: 20px;
}
.backTop:hover,.backTop:focus,.solvedInversion:hover,.solvedInversion:focus {background-color: #3bbd34;}

/* マイページ */
.userMyPage {margin-top: 46px;}
.userMyPage > div:first-child{
  text-align: left;
  align-items: center;
  height: auto;
  padding-bottom: 25px;
  border-bottom: 1px solid #C9C9C9;
  margin-bottom: 30px;
}
.userMyPage > div > .menuTarget {
  width: 30%;
  margin: 0 10% 12px 10%;
}
.userMyPage > div > div{
  padding: 5px 0 7px 0;
  margin-bottom: 12px;
  border-radius: 11px;
}
.userMyPage > div > div img {
  width: auto;
  height: 55px;
}
.userMyPage > div:first-child i{
  font-size: 60px;
  margin-right: 10px;
  color: #D3D3D3;
}
.myPageIcon {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.userMyPage > div:first-child .myPageIcon img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.userMyPage > div > div i{
  font-size: 55px;
  text-align: center;
  display: inline-block;
  color: #43D33C;
  height: 55px;
}
.userMyPage > div:first-child p:first-child{
  font-size: 20px;
  color: #000;
}
.userMyPage > div > div p {font-size: 18px;padding-top: 12px;}

/* マイページ―クラウド */
.crowdStep > li {
  list-style-type:none;
  width: calc(33% + 3px);
  /* width: calc(25% + 3px); */
  margin-left: -4px;
}
.crowdStep > li:first-of-type {margin-left: 0;}
.crowdStep > li svg{width: 100%;height: 100%;}
.innerc {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  top: 0;
  bottom: 0;
  font-size: 15px;
}
.innerc > span{
  box-sizing: border-box;
  display: block;
  padding-bottom: 5px;
}

.fillToGreen {fill:#e8e8e8;}
.fillToGreen:hover {
  color:#FFF;
  fill:#43d33b;
}

.crowdOverview > div{
  font-size: 16px;
  padding:15px 0 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #D5D5D5;
}
.crowdOverview > div > p:first-of-type {
  color: #848484;
  width: 190px;
  min-width: 190px;
}
.crowdOverview > div.morehide > p:first-of-type {
  color: #000;
  width: 100%;
  min-width: 0;
}
.crowdOverview > .morehide {
  display: none;
  border-bottom: none;
}

/* ユーザーページ */
.userColumn2 {
  justify-content: center;
  min-height: calc(100vh - 105px);
  box-sizing: border-box;
}
.imgBox {
  box-sizing: border-box;
  border: 1px solid #EDEDED;
  width: 160px;
  min-width: 160px;
  height: 160px;
  justify-content: center;
  align-items: center;
  margin: 8px auto 0 auto;
  border-radius: 50%;
}
.editableImgBox {
  margin-top: -2px;
  padding: 0 9.5px 0 9px;
}
#imageSelect{cursor: pointer;}
.imgBox > img {
  border-radius: 50%;
  outline: none;
}
.imgBox > img,.imgBoxEdit > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-sizing: border-box;
}

.imgBoxIcon,.imgBoxIconPc{
  border-radius: 50%;
  object-fit: cover;
  overflow: hidden;
}
.imgBoxIconPc:hover,.imgBoxIconPc:focus {opacity: 0.7;}
.imgBoxIcon,.imgBoxIconPc{
  width: 30px;
  min-width: 30px;
  height: 30px;
}
.imgBoxIcon img,.imgBoxIconPc img{
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .imgBox,.imgBoxEdit,.imgBoxIconPc,.myPageIcon,.myIcon,.offerSuggestionList .offerImgBox,.minsumaImg,.rankImg {
    position: relative;
    overflow: hidden;
  }
  .imgBox > img,.imgBoxEdit > img,.imgBoxIcon img,.imgBoxIconPc img,.myPageIcon img,.myIcon img,.offerSuggestionList .offerImgBox > img,.minsumaImg > img,.rankImg > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
  }
  .imgBox > img {
    min-width: 160px;
    min-height: 160px;
  }
  .imgBoxEdit > img {
    min-height: 110px;
    min-width: 110px;
  }
  .imgBoxIcon img,.imgBoxIconPc img {
    height: 100%;
    min-width: 30px;
    min-height: 30px;
  }
  .myPageIcon img {
    min-width: 60px;
    min-height: 60px;
  }
  .myIcon img {
    height: 100%;
    min-width: 45px;
    min-height: 45px;
  }
  .offerSuggestionList .offerImgBox > img{
    height: 100%;
    min-width: 110px;
    min-height: 110px;
  }
  .minsumaImg img {
    height: 100%;
    min-width: 67px;
    min-height: 67px;
  }
  .rankImg > img {
    height: 100%;
    min-width: 46px;
    min-height: 46px;
  }
  

  .topBigIcon {
    background: rgba(255,255,255,0.6);
    border: 2px solid rgba(255,255,255,0.6);
  }
  .topBigIcon:focus,.topBigIcon:hover,.eightPanel:focus,.eightPanel:hover,.panelsColumn:focus,.panelsColumn:hover,.areaPanels > ul > li a:focus,.areaPanels > ul > li a:hover {background: rgba(255,255,255,0.8);}
  .eightPanel,.panelsColumn,.areaPanels > ul > li a {
    background: rgba(255,255,255,0.6);
    border: 1px solid rgba(255,255,255,0.6);
  }
}
.imgBoxEdit {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.uploadLabel i{
  display: none;
  color: #fff;
  font-size: 10px;
}
.imgBoxEdit:hover .uploadLabel {
  position: absolute;
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  width: 100%;
  height: 30%;
  bottom: 0;
  transition: all 0.6s;
}
.imgBoxEdit:hover .uploadLabel > i {display: block;}

.usersDetail {
  width: 300px;
  box-sizing: border-box;
  margin: 46px 15px 0 50px;
  display: block;
}
.usersDetail > p {
  font-size: 18px;
  margin: 26px 0 30px 0;
}
.usersDetail ul{
  list-style: none;
  margin: 22px 0 32px 0;
}
.usersDetail > ul > li{cursor: pointer;}
.usersDetail > ul > li:hover,.usersDetail > ul > li:focus{
  background-color: #e7eef8;
  border-radius: 5px;
}
.usersDetail li > a {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.usersDetail li > a > i {
  font-size: 17px;
  width: 24px;
  height: 17px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.usersDetail li > a > span {
  display: inline-block;
  font-size: 0.875em;
  margin: 3px 0 3px 12px;
  height: 24px;
  line-height: 24px;
}
.toLogout {
  display: block;
  font-size: 1.0625em;
  border: 1px solid #43D33C;
  box-sizing: border-box;
  height: 49px;
  width: 202px;
  line-height: 49px;
  background-color: #ffffff;
  text-align: center;
}
.toLogout > i{
  margin-right: 9px;
  font-size: 20px;
}
.toLogout:hover,.toLogout:focus,.fixedBottomSp > a:hover,.fixedBottomSp > a:focus,.addCredit:hover,.addCredit:focus {background-color: #ECFAEB;}

.chatContent{
  box-sizing: border-box;
  width: 700px;
  margin: 0 20px 0 26px;
  z-index: 0;
}
.userContentsSide {
  box-sizing: border-box;
  width: 700px;
  margin-left:26px;
  padding: 0 10px 10px 10px;
  z-index: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #C2C2C2 #ffffff;
  height: calc(100vh - 151px);
}
.userContentsSide::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C2C2C2;
}
.userContentsSide::-webkit-scrollbar-track {background:#ffffff;}
.userContentsSide::-webkit-scrollbar {width: 6px;}
.userMargin {margin-top: 46px;}

.usersScroll,.historyScroll{
  overflow-y: scroll;
  overflow-x: visible;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #C2C2C2 #ffffff;
  height:calc(100vh - 273px);
}
.usersScroll::-webkit-scrollbar-thumb,.historyScroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C2C2C2;
}
.usersScroll::-webkit-scrollbar-track,.historyScroll::-webkit-scrollbar-track {
  background:#ffffff;
}
.usersScroll::-webkit-scrollbar,.historyScroll::-webkit-scrollbar {
  width: 6px;
}
.usersScroll > a {
  padding: 20px 28px 19px 19px;
  border-bottom: 1px solid #DDDDDD;
  overflow-wrap: break-word;
  cursor: pointer;
  display: block;
}
.usersScroll > a:hover {background-color: #fafafa;}
.usersScroll > a:hover > h4 {text-decoration: underline;}
.usersScroll > a:first-of-type {border-top: 1px solid #DDDDDD;}
.usersScroll > a > h4 {
  margin: 19px 0 5px 0;
  font-size: 1rem;
  font-weight: normal;
}
.usersScroll > a > p {
  font-size: 14px;
  width: 630px;
  font-family: "SHSJP-r";
}
.userCircles {align-items: center;}
.userCircles i{
  font-size: 66px;
  height: auto;
  color: #E3E3E3;
}
.userCircles p {
  font-size: 17px;
  margin: 0 9px 0 16px;
}
.userCircles span {
  color: #B1B1B1;
  font-size: 13px;
}

.usersScroll > .bg-deepGray:hover {background-color: #575757;}

.userStatusTag {
  position: absolute;
  right: 0;
  width: 72px;
  height: 21px;
  padding-bottom: 3px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  border-radius: 12px;
}
.solved {
  color: #43D33C;
  border: 1px solid #43D33C;
}
.noEdit {
  color: #9D9D9D;
  background-color: #F4F4F4;
}
.solvedInversion {
  background-color: #43D33C;
  border: 1px solid #43D33C;
  color: #fff;
  margin: 20px auto 0 auto;
  display: block;
}
.textInput {
  display: block;
  color: #000;
  background-color: #fff;
  margin: 20px auto 0 auto;
  width: 160px;
  font-family: "SHSJP-m";
  font-size: 0.9rem;
  text-align: center;
}
.deleteImg{
  color: #ffffff;
  background-color: #d6d6d6;
  border: none;
  margin: 20px auto 0 auto;
  display: block;
}
.deleteImg:focus,.deleteImg:hover {background-color: #bdbdbd;}
.unsolved {
  color: #B1B1B1;
  border: 1px solid #B1B1B1;
}
.userTags {margin-top: 20px;}
.userTags > p {
  color: #B1B1B1;
  font-size: 13px;
}

.usersProfile {
  border-bottom: 1px dashed #C9C9C9;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 11px;
}
.usersProfile > p{
  font-size: 18px;
  color: #848484;
}
.usersProfile > a > i {margin-left: 11px;}
.usersProfile > a,.solvedInversion,.deleteImg {
  border-radius: 22px;
  font-size: 15px;
  padding: 3px 0 5px;
  width: 111px;
  text-align: center;
  margin-bottom: 8.5px;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
}
.usersProfileInside {
  padding: 0 9.5px 26px 9.5px;
  font-size: 18px;
}
.usersProfileInsideUnder {
  padding-bottom:26px;
  font-size: 18px;
}
.fileSelected {
  border-radius: 6px;
  width: 202px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  cursor: pointer;
  margin-left: 66px;
}

/* オンオフスイッチ */
.toggle {
  font-family: "SHSJP-r";
  position: relative;
  width: 78px;
  height: 26px;
  margin: 10px 0px;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
}
.toggle input[type=checkbox] {
  display: none;
}
.toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #f45e55;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.toggle:after {
  content: "無効";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 42px;
  height: 22px;
  display: block;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: center;
  padding: 7px 0 0;
  line-height: 0.5;
  font-size: 12px;
  font-weight: bold;
  color: #df4c43;
  letter-spacing: .5px;
  box-sizing: border-box;
}
.toggle.checked:before {
  background: #43D33C;
}
.toggle.checked:after {
  content: "有効";
  left: 33px;
  box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
  color: #43D33C;
  padding: 7px 0 0 1px;
}

.capacityLimit {
  margin-top: 23px;
  font-size: 14px;
}

.userBirthday select {
  width: 75px;
  margin: 0 14px 0 21px;
}
.userBirthday select:first-child {
  width: 125px;
  margin-left: 0;
}
.w-gender {width: 193px;}
.w-prefecture:first-child {margin-bottom: 13px;}
.w-prefecture select {
  width: 162px;
  margin-left: 14px;
}
.w-prefecture label {left: 24px;}
.usersCheckbox input[type="checkbox"] {margin-right: 6px;}
.usersCheckbox label {
  display: inline-block;
  width: 49%;
  margin-bottom: 8px;
}

.afterUserInfo {display: none;}
.afterUserInfo > .usersProfile > p {padding: 7px 0 7px 0;}

/* ユーザーページーログイン */
.passChange {padding: 0 100px 40px 100px;}

/* ユーザーページーメールボックス */
.mailList {
  padding: 22px 19px 18px 47px;
  border-bottom: 1px solid #DDDDDD;
}
.historyScroll > a:first-of-type .mailList{border-top: 1px solid #DDDDDD;}
.mailList > img {width: 66px;height: 66px;}
.mailList:hover,.mailList:focus,.managedList:hover,.managedList:focus {background-color: #fafafa;}
.managedList:hover .managedListTitle,.managedList:focus .managedListTitle {
  text-decoration: underline;
  text-decoration-color: #5F5F5F;
}
.userAddress {
  font-size: 13px;
  color: #909090;
}
.userAddress > span {margin: 0 10px;}
.mailName{
  font-size: 17px;
  color: #282A2D;
}
.mailName > span{
  font-size: 12px;
  margin-left: 15px;
}
.mailContent {
  max-width: 330px;
  overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #B1B1B1;
}
.mailStatus {
  position: absolute;
  top: 22px;
  right: 19px;
}
.mailStatus p {
  font-size: 11px;
  color: #A0A0A0;
}
.mailStatus span:first-child {margin: 15px;}
.mailStatus img {
  display: block;
  margin: 13px 26px 0 auto;
}
.arrivalMail {
  position: absolute;
  top: 50px;
  left: 23px;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  background-color: #1069A5;
}

/* お知らせメール */
.newsBlack {color: #282A2D;}
.reactionTable{
  border-collapse: collapse;
  width: 100%;
  margin: 40px 0 85px 0;
}
.reactionTable td,.reactionTable th{
  border:1px solid #C6C6C6;
  font-size: 0.9em;
}
.reactionTable th {
  font-weight: normal;
  padding: 50px 50px 55px 30px;
}
.reactionTable td {
  padding: 20px 0 30px 25px;
}

.newsWarning {
  background-color: #F4F4F4;
  padding: 30px 30px 40px 30px;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9em;
}

/* 公募管理 */
.managedList {cursor: pointer;}
.managedList,.managedListHead {width: 674px;}
.managedListHead{
  position: sticky;
  top: 0;
  left: 0;
  background-color: #F0F0F0;
  text-align: center;
  padding: 13px 0 14px 0;
}
.managedListHead p:nth-child(1),.managedList > div:nth-child(1){width: 76%;
}
.managedListHead p:nth-child(2),.managedList > div:nth-child(2){width: 24%;}
.managedList > div:first-child{border-right: 1px solid #C3C3C3;}
.managedList {
  padding: 23px 0 18px 0;
  background-color: #fff;
  border-bottom: 1px solid #C3C3C3;
  align-items: center
}
.managedList > div {
  box-sizing: border-box;
  min-height: 98px;
  height: auto;
}
.managedList > div:nth-child(1) {padding-left: 16px;}

.managedListTitle {
  font-family: "SHSJP-b";
  display: block;
  font-size: 1.2em;
  width: 92%;
}
.offerLimit {
  display: inline-block;
  font-size: 14px;
}
div > .offerLimit {margin-right: 14px;}
div > .offerLimit:last-child {margin-right: 0;}

.numberPanel{justify-content: center;}
.numberPanel > div {
  text-align: center;
  background-color: #F5F5F5;
  border-radius: 6px;
  margin: 0 5px;
  width: 37.5%;
}
.numberPanel > div > hr {
  color:#707070;
  width: 72%;
  margin: 0 auto;
}
.numberPanel > div > p {
  line-height: 48px;
}
.numberPanel > div > p:first-child{
  color: #4D4D4D;
  font-size: 14px;
}
.numberPanel > div > p:last-child{
  font-family: "SHSJP-b";
  font-size: 18px;
}

.managedListEdit{
  font-size: 0.875em;
  color: #43D33C;
  background-color: #F5FFF0;
  border: 1px solid #43D33C;
  border-radius: 4px;
  width: 126px;
  text-align: center;
  height: 42px;
  line-height: 42px;
}
.managedListFinished {
  font-size: 0.875em;
  color: #ffffff;
  background-color: #6E6E6E;
  border-radius: 4px;
  width: 126px;
  text-align: center;
  height: 42px;
  line-height: 42px;
}

/* チャット */
.chatHeader,.chatHeaderNS {
  background-color: #ffffff;
  align-items: center;
  height: 72px;
  padding: 0 40px 0 20px;
}
.chatHeader {
  box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  z-index: 2;
}
.chatHeaderLeft {align-items: center;}
.chatHeaderLeft img {
  width: 52px;
  height: 52px;
  pointer-events: none;
}
.chatHeaderLeft p{margin-left: 12px;}

.chatFooter {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  height: 138px;
  z-index: 2;
  border-top: 1px solid #F2F2F2;
  background-color: #ffffff;
}
.chatFooter textarea {
  font-size: 14px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  background-color: #F9FFF8;
  padding: 12px 14px;
  width: 80%;
  height: 99px;
  box-sizing: border-box;
  margin: 20px 18px 12px 20px;
  font-family: "SHSJP-m";
}
.chatFooter textarea::placeholder,.chatFooter textarea:-ms-input-placeholder {
  color: #BEBEBE;
  font-family: "SHSJP-m";
}
.chatFooter textarea:focus {
  outline: 0;
  border-color:#007BFF;
}
.chatFooter input {
  margin-top: 20px;
  width: 94px;
  height: 39px;
  line-height: 39px;
  color: #FFFFFF;
  background-color: #43D33C;
  cursor: pointer;
  border-radius: 20px;
  font-family: "SHSJP-b";
  font-size: 16px;
}
.chatFooter input:hover,.chatFooter input:focus {background-color: #3bbd34;}
.chatFooter input:disabled {
  background-color: #bfeec0;
  color: #7fbf85;
  opacity: 0.8;
}

.chatContents{
  height: calc(100vh - 331px);
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #C2C2C2 #ffffff;
  text-align: center;
}
.chatContents::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C2C2C2;
}
.chatContents::-webkit-scrollbar-track {
  background:#ffffff;
}
.chatContents::-webkit-scrollbar {
  width: 6px;
}
.chatname {
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.chatDate {
  display: inline-block;
  border: 1px solid #D8D8D8;
  border-radius: 13px;
  font-size: 12px;
  color: #A0A0A0;
  font-family: "SHSJP-b";
  width: 84px;
  height: 24px;
  line-height: 24px;
  margin-top: 22px;
}
.chatright,.chatleft {
  max-width: 26em;
  width:-moz-fit-content;
  width:fit-content;
  box-sizing: content-box;
  position: relative;
  margin: 22px 20px 8px 20px;
  border-radius: 8px;
  text-align: left;
  font-size: 14px;
  cursor: default;
}
.chatright {
  background-color: #43D33C;
  color: #fff;
  padding: 8px 16px 8px 16px;
  margin-left: auto;
}
.chatleft {
  background-color: #F7F7F7;
  padding: 8px 16px 8px 16px;
}
.chatright a,.chatleft a {text-decoration: underline;}

.chatright > .chatTime,.chatleft > .chatTime{
  font-size: 11px;
  color: #A0A0A0;
  position: absolute;
  bottom: 0;
}
.chatright > .chatTime{left: -36px;}
.chatleft > .chatTime {right: -36px;}
.chatRead {
  position: absolute;
  bottom: 15px;
  left: -32px;
  font-size: 12px;
  color: #A0A0A0;
}


.fileAppendedinfo {
  box-sizing: border-box;
  padding: 0 12px;
}
.fileAppendedinfo > p:first-child {font-family: "SHSJP-b";}
.fileAppendedinfo > p:last-child {
  color: #707070;
  font-size: 12px;
}
.altCircle,.imageCircle,.downloadCircle {
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.altCircle,.imageCircle{
  color: #fff;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.altCircle > i,.imageCircle > i {font-size: 23px;}
.altCircle {
  background-color: #f83500;
}
.imageCircle {
  background-color: #82c91e;
}

.downloadCircle {
  width: 24px;
  height: 24px;
  color: #000;
  background-color: #fff;
  cursor: pointer;
}
.downloadCircle > i {font-size: 12px;}


/* ユーザー個別チャット */
.chatColumn2 > div:last-child{flex: 1;}

.userchatScroll{
  height: calc(100vh - 105px);
  width: 354px;
  overflow-y: scroll;
  overflow-x: visible;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #C2C2C2 #ffffff;
  border-right: 1px solid #F2F2F2;
}
.userchatScroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C2C2C2;
}
.userchatScroll::-webkit-scrollbar-track {
  background:#ffffff;
}
.userchatScroll::-webkit-scrollbar {
  width: 6px;
}

.userchatList > li{
  border-bottom: 1px solid #F2F2F2;
  position: relative;
  height: 92px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0 64px 0 52px;
  font-size: 16px;
}
.userchatList > li > div > img {
  width: 52px;
  height: 52px;
  margin-right: 12px;
}
.userchatList > li > div:first-child{
  position: absolute;
  top: 26px;
  right: 20px;
}
.userchatList > li > div:first-child > p:first-child{margin-bottom: 11px;}
.userchatList > li > div:first-child > p{
  color: #A0A0A0;
  font-size: 11px;
}
.userchatList > li > div:first-child > p > i{font-size: 15px;}

.userChatContent {
  width: 153px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #707070;
}

.subInfo {
  font-size: 12px;
  margin-left: 13px;
}
.chatHeader > .solved,.chatHeaderNS > .solved {
  font-size: 12px;
  border-radius: 15px;
  height: 29px;
  line-height: 29px;
  width: 100px;
  text-align: center;
}
.h-189px {height: 189px;}
.fixedChatContent{height: calc(100vh - 400px);}

.fileUp {
  display: block;
  font-size: 14px;
  color: #fff;
  background-color: #43D33C;
  border-radius: 5px;
  width: 187px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin: 0 5px 0 20px;
  cursor: pointer;
}
.fileUp .icon {
  display: none;
}

/* 相談案件詳細 */
.offersBoxPanel {
  margin-top: 5px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 2px 4px 1px rgba(128,128,128,0.2);
  padding: 30px 33px 40px 33px;
  box-sizing: border-box;
}
.offerDate {
  font-size: 12px;
  color: #909090;
}
.offersTitle {
  font-size: 19px;
  font-family: "SHSJP-b";
  padding: 4px 0 14px 0;
  border-bottom: 1px solid #D5D5D5;
}
.more {
  width: 120px;
  margin: 13px auto;
  display: block;
  color: #43D33C;
  background-color: #fff;
  padding:10px 15px;
  border: none;
  font-size: 12px;
}
.readmore {display: block;}
.readmore:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 18px);
  border: 16px solid transparent;
  border-top: 16px solid #FFF;
  z-index: 2;
}
.readmore:after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 19px);
  border: 17px solid transparent;
  border-top: 17px solid #D5D5D5;
  z-index: 1;
}
.morehide {display: none;}
.morehideAnswer {display: none;}
.offersBoxes h5 {
  font-weight: normal;
  font-size: 16px;
  position: relative;
  padding-left: 14px;
  margin-bottom: 10px;
}
.offersBoxes h5 > i {
  font-size: 11px;
  margin-left: 11px;
}
.offersBoxes {
  padding: 15px 0 17px 0;
  border-bottom: 1px dashed #D5D5D5;
}
.offersBoxes > p,.offersBoxes > a {
  word-break: break-all;
  font-size: 12px;
  padding-right: 15px;
}
.offersBoxes > .urlBreak {
  display: block;
  padding-left:2.75em;
  text-indent: -2.75em;
}
.offersMarker {
  position: absolute;
  background-color: #43D33C;
  border-radius: 4px;
  width: 6px;
  height: 19px;
  top: 3px;
  left: 0;
}
.offersInfo {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 20px 0 21px 0;
}
.offersInfo > div {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
}
.offersInfo > div:last-child {color: #383838;}
.offersInfo > div:first-child > p:first-child {margin-right: 2em;}
.offerFinishButton {
  font-size: 16px;
  color: #43D33C;
  border: 1px solid #43D33C;
  background-color: #fff;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-family: "SHSJP-m";
}
.offerFinishedButton {
  font-size: 16px;
  color: #ffffff;
  background-color: #6E6E6E;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-family: "SHSJP-m";
}
.offerFinishButton:hover,.offerFinishButton:focus {background-color: #F9FFF8;}

.offerSuggestionList {margin-top: 47px;}
.offerSuggestionList > h4 {
  font-size: 16px;
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 15px;
}
.offerSuggestionList > a,.offerSuggestionList > div {
  border-bottom: 1px solid #D5D5D5;
  padding: 31px 0 35px 0;
  font-size: 16px;
  display: block;
}
.offerSuggestionList > a:hover,.offerSuggestionList > a:focus {background-color: #fafafa;}
.offerSuggestionList > a > div:first-child,.offerSuggestionList > div > div:first-child {margin-bottom: 14px;}
.offerSuggestionList > a > div:first-child > div:last-child,.offerSuggestionList > div > div:first-child > div:last-child {margin-left: 15px;}
.offerSuggestionList > a > div:first-child > div:last-child > p:first-child,.offerSuggestionList > div > div:first-child > div:last-child > p:first-child {margin-bottom:6px;}
.offerSuggestionList > a > div:first-child > div:last-child > p:first-child > span:last-of-type,.offerSuggestionList > div > div:first-child > div:last-child > p:first-child > span:last-of-type {
  font-size: 12px;
  margin-left: 29px;
}
.offerSuggestionList .offerImgBox {
  width: 74px;
  min-width: 74px;
  height: 74px;
  overflow: hidden;
}
.offerSuggestionList .offerImgBox > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.answerDate {
  position: absolute;
  color: #747474;
  font-size: 14px;
  top: 31px;
  right: 0;
}
.iconRight {
  color: #C3C3C3;
  font-size: 15px;
  position: absolute;
  top: 50%;
  right: 0;
}

.switchBeforeOffer{cursor: pointer;}
.offerEditForm {
  width: calc(100% - 50px);
  margin-bottom: 10px;
}
.offerEditFormJob {
  width: calc(100% - 62px);
  margin-bottom: 10px;
}
.offerEditFormIncome {
  width: calc(100% - 126px);
  margin-bottom: 10px;
}
.offerEditFormResources {
  width: calc(100% - 156px);
  margin-bottom: 10px;
}
.offerEditFormHalf {width: calc((100% - 102px) / 2);}
.offerEditFormComposition{
  width: calc(100% - 78px);
  margin-bottom: 10px;
}

.areaEditErr {
  position: absolute;
  top: 40px;
  left: 0;
}

/* サイトリスト */
.sitelistTitle{font-size: 1.5em;}
.sitelist{
  background-color: #ffffff;
  box-shadow: 0 2px 3px 1px rgb(0 0 0 / 8%);
  height: auto;
  margin: 6px auto 20px auto;
  padding: 31px 30px 11px 30px;
  box-sizing: border-box;
  border-radius: 12px;
  max-width: calc(100% - 20px);
}
.sitelist ul {list-style: none;}
.sitelist li{
  background-color: #F7F7F7;
  width: 100%;
  margin: 0 auto 20px auto;
  border-radius: 6px;
}
.sitelist li > a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 22px 31px;
  box-sizing: border-box;
}
.sitelist li > a > p{overflow-wrap: break-word;}
.sitelist li > a > p:last-child {
  color: #707070;
  font-size: 14px;
}
.sitelist li:hover,.sitelist li:focus {background-color: #ECFAEB;}

.sitelistPanel {
  border-radius: 8px;
  padding: 28px 30px 8px;
  margin-top: 15px;
  border: 1px solid #ced4da;
}
.sitelistPanel > h3 {
  font-family: "SHSJP-r";
  font-weight: 400;
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 29px;
}
.sitelistPanel > ul {list-style: none;}
.sitelistPanel > ul > li {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  width: calc(33% - 16px);
  height: 62px;
  margin-bottom: 24px;
  border: 1px solid #E0E0E0;
}
.sitelistPanel > ul > li a {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;align-items: center;
}
.sitelistPanel > ul > li a:hover,.sitelistPanel > ul > li a:focus {background-color: #ECFAEB;}


/* 利用規約 */
.termsOfUse {padding: 60px; box-sizing: border-box;}
.termsOfUse h2 {font-size: 32px;}
.termsOfUse h3 {font-size: 20px;margin: 40px 0 30px;}
.termsOfUse p {font-size: 14px; color: #414345;}
.termsOfUse ol,.termsOfUse ul{padding-left: 20px; font-size: 14px; color: #414345;}
.termsOfUse .innerOL {padding-left: 0;}
.termsOfUse .innerOL > li{
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

/* みんすまQA */
.minsumaListHead {justify-content: space-between;}
.minsumaOrder,.minsumaQAOrder {
  font-size: 14px;
  color: #43D33C;
  border: 1px solid #43D33C;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.minsumaOrder > a,.minsumaQAOrder > a {
  text-align: center;
  box-sizing: border-box;
  display: block;
  height: 31px;
  line-height: 31px;
  border-right: 1px solid #43D33C;
}
.minsumaOrder > a{width: 186px;}
.minsumaQAOrder > a{width: 279px;}
.minsumaOrder > a:hover,.minsumaQAOrder > a:hover {background-color: #ECFAEB;}
.minsumaOrder > a.active,.minsumaQAOrder > a.active {
  background-color: #43D33C;
  color: #fff;
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.minsumaOrder > a:last-of-type,.minsumaQAOrder > a:last-of-type {border-right: none;}
.ranking {
  min-width: 300px;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 30px 20px;
  flex-wrap: wrap;
  box-shadow: 0 2px 3px 1px rgb(0 0 0 / 8%);
}
.ranking > h3 {
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  font-weight: normal;
  border-bottom: 1px solid #C9C9C9;
}
.rankImg {
  width: 46px;
  min-width: 46px;
  height: 46px;
  margin-right: 5px;
  display: block;
}
.rankImg > img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.rankedAgent {width: 50%;margin-bottom: 20px;}
.rankedAgent div:last-of-type div{
  font-size: 11px;
  margin-bottom: 4px;
}
.rankedAgent div:last-of-type p:first-of-type{
  font-size: 11px;
  margin-bottom: 1px;
}
.rankedAgent div:last-of-type p:last-of-type{font-size: 10px;}
.rankedAgent.rank1,.rankedAgent.rank2,.rankedAgent.rank3 {width: 100%;margin-bottom: 30px;}
.rankedAgent span {margin-right: 2px;}
.rankedAgent span:last-of-type {margin-right: 0;}
.rankedAgent.rank1 span,.rankedAgent.rank2 span,.rankedAgent.rank3 span {margin-right: 10px;}
.rankedAgent.rank1 div:last-of-type div,.rankedAgent.rank2 div:last-of-type div,.rankedAgent.rank3 div:last-of-type div {font-size: 18px; width: 129px;}
.rankedAgent.rank1 div:last-of-type p:first-of-type,.rankedAgent.rank2 div:last-of-type p:first-of-type,.rankedAgent.rank3 div:last-of-type p:first-of-type {font-size: 16px;}
.rankedAgent.rank1 div:last-of-type p:last-of-type,.rankedAgent.rank2 div:last-of-type p:last-of-type,.rankedAgent.rank3 div:last-of-type p:last-of-type {font-size: 12px;}
.rankedAgent.rank1 .rankImg,.rankedAgent.rank2 .rankImg,.rankedAgent.rank3 .rankImg {
  width: 74px;
  height: 74px;
  margin-right: 15px;
}
.rankedAgent .marker {margin-right: 2.5px;}
.rankedAgent.rank1 .marker,.rankedAgent.rank2 .marker,.rankedAgent.rank3 .marker {margin-right: 8px;}
.rankedAgent i {font-size: 12px;}
.rankedAgent .relative {max-width: 129px;}
.license {
  position: absolute;
  bottom: -20px;
  right: 2px;
  font-size: 9px;
  color: #9D9D9D;
}
.rankedAgent .crowns {display: none;}
.rankedAgent.rank1 .crowns,.rankedAgent.rank2 .crowns,.rankedAgent.rank3 .crowns {display: inline-block;}
.rankedAgent.rank1 .license,.rankedAgent.rank2 .license,.rankedAgent.rank3 .license {
  right: -35px;
  top: calc(50% - 6px);
  font-size: 12px;
}
.rankedAgent.rank1 .crowns {color: #D1C424;}
.rankedAgent.rank2 .crowns {color: #C9C9C9;}
.rankedAgent.rank3 .crowns {color: #000000;}

.hovergray:hover{background-color: #fafafa;}

.QATitle {
  align-items: flex-end;
  padding-bottom: 12px;
  border-bottom: 1px solid #D5D5D5;
}
.QATitle h1,.QATitle h2,.QATitle h5{
  font-weight: 400;
  font-size: 18px;
}

.QAtext > p{width: 90%;}

.QAName > i {
  font-size: 34px;
  margin-right: 8px;
  color: #D3D3D3;
}
.QAName > img {
  width: 34px;
  margin-right: 8px;
}
.QAName > p {
  font-size: 10px;
  color: #9D9D9D;
}

.QABestIcon {
  color: #43D33C;
  border: 1px solid #43D33C;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 20px;
  font-family: "SHSJP-r";
  min-width: 102px;
  box-sizing: border-box;
}

.answerDateQA {
  color: #747474;
  font-size: 13px;
  flex: 1;
  min-width: 120px;
}
.choiceAnswer,.replyConfirm {
  background-color: #FFFFFF;
  border: 1px solid #43D33C!important;
  border-radius: 5px;
}
.choiceAnswer:hover,.replyConfirm:hover {background-color: #F9FFF8;}
.choiceAnswer {
  box-sizing: border-box;
  width: 208px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  background-image: url(./../img/gold-medal.svg);
  background-position: top left 8px;
  background-size: 29px;
  background-repeat: no-repeat;
}


.qaListDate {
  flex: 1;
  min-width: 80px;
}

.minsumaImg {
  width: 74px;
  min-width: 74px;
  height: 74px;
  overflow: hidden;
}
.minsumaImg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.minsumaAnswers {
  margin-bottom: 20px;
  padding: 33px;
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgb(0 0 0 / 8%);
}
.minsumaAnswers h4 {
  padding-bottom: 17px;
  border-bottom: 1px solid #D5D5D5;
}
.minsumaAnswers .userAddress{font-size: 12px;}

.toAnswersList {
  display: block;
  border: 1px solid #43D33C;
  color: #43D33C;
  background-color: #FFF;
  font-size: 14px;
  width: 220px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
  text-align: center;
}
.toAnswersList:hover,.toAnswersList:focus{background-color: #ECFAEB}

.gMedal {
  position: absolute;
  top: -25px;
  right: 0;
  width: 77px;
}
.aword {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: #F5F5F5;
  border-radius: 50%;
  margin-right: 8px;
}
.bestAnswerBox {
  position: fixed;
  display: none;
  padding: 10px 25px 10px 25px;
  width: 420px;
  max-width: 90vw;
  left: 0;
  right: 0;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: "SHSJP-m";
  top: 200px;
  margin: 0 auto;
  z-index: 103;
}
.bestAnswerOverlay,.replyConfirmOverlay {
  position: fixed;
  z-index:101;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: #000;
  opacity: 0.4;
  display: none;
}
input[id^="bestAnswer"]:checked + .bestAnswerBox,input[id^="replyConfirm"]:checked + .replyConfirmBox{display: block;}
input[id^="bestAnswer"]:checked + .bestAnswerBox + .bestAnswerOverlay,input[id^="replyConfirm"]:checked + .replyConfirmBox + .replyConfirmOverlay{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 102;
}
.bestAnswerBox .backTop,.bestAnswerBox .notBest {
  display: block;
  width: 260px;
  max-width: 100%;
  box-sizing: border-box;
}

.notBest {
  display: block;
  border-radius: 8px;
  padding: 9px 30px 11px 30px;
  font-size: 18px;
  font-family: "SHSJP-m";
  background-color: #F4F2F2;
  border: 1px solid #D5D1CF;
  margin-top: 18px;
  margin-bottom: 20px;
  cursor: pointer;
}

input[id^="reply"]:checked + .replyBox {display: block;}
.replyBox {padding-top: 20px;}
.replyBox > p {
  width: 330px;
  max-width: 100%;
  margin: 0 auto;
}
.replyConfirm {
  width: 100%;
  max-width: 290px;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.replyButton {
  display: block;
  font-size: 1.0625em;
  color: #FFFFFF;
  background-color: #43D33C;
  box-sizing: border-box;
  height: 46px;
  width: 100%;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
}
.replyButton:focus,.replyButton:hover {background-color: #3bbd34;}

.replyConfirmBox {
  position: fixed;
  display: none;
  padding: 37px 40px 37px 40px;
  width: calc(100% - 20px);
  max-width: 800px;
  left: 0;
  right: 0;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: "SHSJP-m";
  top: 60px;
  margin: 0 auto;
  z-index: 103;
}
.confirmPanels {
  background-color: #F9FFF8;
  border: 1px solid #43D33C;
}
.replyConfirmBox .confirmPanels > div {
  padding: 27px 0;
}
.replyConfirmBox .QAName > i { font-size: 40px;}
.replyConfirmBox .QAName > p { font-size: 14px;}
.replyButtons {
  width: 217px;
  max-width: 100%;
  margin: 0 auto 28px;
}
.replyButtons > .notBest {
  border: 1px solid #43D33C;
  background-color: #ffffff;
}
.replyButtons > .backTop,.replyButtons > .notBest {margin: 7px 0;}
.replyButtons > .notBest:hover {background-color: #ECFAEB;}
.replyComment {
  border-radius: 7px;
  padding: 26px 32px;
  background-color: #D6D6D6;
  font-size: 14px;
}
div[id^="confirmReply"] {
  height: 120px;
  overflow-y: auto;
}

p[id^="replyCaution"] { margin: -10px auto 10px 0;}

.searchInput {
  color: white;
  background-color: #43D33C;
  height: 40px;
  line-height: 40px;
  min-width: 60px;
  width: 60px;
  border-radius: 5px;
  margin-left: 10px;
}
.searchInput:hover {background-color: #3bbd34;}

.searchRadio {
  display: flex;
  flex-direction: column;
}
.searchRadio input {
  width: 13px;
  height: 13px;
  top: 2px;
  position: relative;
  margin-right: 2px;
}
.searchRadio label {
  font-size: 14px;
  display: block;
  width: 11em;
}
.searchRadio label:first-of-type {margin-bottom: 10px;}

/* 閲覧数ランキング表示 */
.viewsRank {
  width: 27px;
  min-width: 27px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin-top: 4px;
  margin-right: 5px;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E3E3E3;
}
.viewsRank.rank1,.viewsRank.rank2,.viewsRank.rank3 {border: none;}
.viewsRank.rank1 + div a,.viewsRank.rank2 + div a,.viewsRank.rank3 + div a {font-family: "SHSJP-b";}
.viewsRank.rank1 {background-color: #DEC44F;}
.viewsRank.rank2 {background-color: #CCCCCC;}
.viewsRank.rank3 {background-color: #D2883D;}
.viewsOmit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 38px;
  max-height: 38px;
}
.viewsOmit:hover {
  text-decoration: underline;
  color: #43D33C;
  transition: all 0.4s;
}

/* 問い合わせ */
.inquiryBox {
  width: calc(100% - 20px);
  max-width: 800px;
  margin: 48px auto 0;
  padding-bottom: 60px;
}
.agentInfo {
  padding: 26px;
  border: 1px solid #707070;
}
.inquiryBox hr {
  border: none;
  border-bottom: 1px solid #DBDBDB;
}
.agentInfo > div:nth-child(2),.agentInfo > div:nth-child(3){padding: 0 25px;}
.agentInfo > div:nth-child(3){border-left: 1px solid #D9D9D9;}
.agentInfo > div:nth-child(2) > p:first-of-type{font-size: 23px;}
.toDetail {
  color: #FFF;
  background-color: #43D33C;
  width: 111px;
  height: 38px;
  line-height: 38px;
  border-radius: 5px;
  display: block;
}
.inquiryForms {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  margin-bottom: 27px;
}
.inquiryForms > p {
  min-width: 190px;
  padding-top: 10px;
}
.inquiryForms .must {
  color: #fff;
  font-size: 10px;
  border-radius: 20px;
  background-color: #43D33C;
  margin-left: 10px;
  height: 18px;
  line-height: 18px;
  width: 37px;
  text-align: center;
}
.inquiryForms textarea {height: 180px;}
.inquirySubmit {
  color: #fff;
  font-family: "SHSJP-b";
  font-size: 16px;
  border-radius: 22px;
  background-color: #43D33C;
  width: 126px;
  height: 43px;
  line-height: 43px;
  margin-top: 15px;
}

/* pagenation */
.pageNation {
  margin: 50px auto 60px;
  font-size: 18px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  background-color: #fff;
  height: 55px;
  text-align: center;
  overflow: hidden;
}
.pageNation > a,.pageNation > span {
  display: block;
  height: 100%;
  width: 55px;
  line-height: 55px;
}
.pageNation > a:hover {
  color: #fff;
  background-color: #43D33C;
}
.pageNation > a:hover i {color: #fff;}
.pageNation > span.active {
  color: #fff;
  background-color: #43D33C;
}
.pageNation i {color: #E5E5E5;}
.pageNation a i {color: #000;}
.pageNation > span + span,.pageNation > span + a,.pageNation > a + span,.pageNation > a + a {border-left: 1px solid #E5E5E5;}
.pageNation > span {line-height: 55px;}

/* クラウドソーシング */
.crowdTitle {
  box-sizing: border-box;
  width: 1170px;
  margin: 0 auto 34px;
  padding-left: 27px;
}
.crowdPanel {
  border-radius: 12px;
  padding: 15px 19px;
  background-color: #ffffff;
  box-shadow: 0 2px 3px 1px rgba(0,0,0,0.08);
}
.crowdPanel > .flexbox {margin-bottom: 34px;}
.projectOverview > div{
  font-size: 14px;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
}
.projectOverview > div:last-of-type {margin-bottom: 10px;}
.projectOverview > div > p:first-of-type {
  color: #7B7B7B;
  width: 130px;
  min-width: 130px;
}

.crowdImg {
  width: 70px;
  min-width: 70px;
  height: 70px;
  overflow: hidden;
}
.crowdImg img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.crowdText {padding-left: 0.5em;}
.crowdList {padding-left: 28px;}

/* クラウドソーシングフォーム */
.crowdPanel2 {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 30px 5% 0;
}
.crowdPanel2.st2{padding: 20px 5% 0;}
.crowdPanel2 > p:first-of-type {width: 12em;min-width: 12em;}

/* クラウドソーシング条件調整 */
.crowdConfirmation {text-align: left;}
.crowdConfirmation > div {
  padding: 15px 3px 16px;
  border-bottom: 1px dashed #D5D5D5;
}
.crowdConfirmation > div > p:first-of-type {
  color: #848484;
  width: 140px;
  min-width: 140px;
}
.crowdConfirmation > div:last-of-type {
  border-bottom: none;
}

.crowdAjustment .first {
  width: 140px;
  min-width: 140px;
}
.crowdAjustment .first.fontBold {
  width: 160px;
  min-width: 160px;
}
.crowdAjustmentErr{padding-left: 140px;}
/* クラウドソーシング契約確認 */
.crowdNote {
  border: 1px solid #D6D6D6;
  padding: 16px 20px;
}
.toContract {
  display: inline-block;
  padding: 0 60px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  background-color: #43D33C;
  color: #FFF;
  border-radius: 5px;
}

/* クラウドソーシング支払い */
.credit {
  background-color: #EBFFEA;
  padding: 14px 12px;
}
.addCredit {
  display: inline-block;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  border:1px solid #43D33C;
  background-color: #FFF;
  border-radius: 5px;
}
.modalCredit {
  display: none;
  background-color: #FFF;
  width: 767px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  box-sizing: border-box;
  height: calc(100vh - 130px);
  border-radius: 15px;
  padding: 32px 0 15px 22px;
  max-height: 550px;
}
.creditClose {
  position: absolute;
  top: -19px;
  right: -19px;
  height: 51px;
  width: 51px;
  cursor: pointer;
}
.creditClose:hover,.creditClose:focus {opacity: 0.8;}
.creditScroll{
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #C2C2C2 #ffffff;
  padding-right:32px;
  box-sizing: border-box;
}
.creditScroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C2C2C2;
}
.creditScroll::-webkit-scrollbar-track {
  background:#ffffff;
}
.creditScroll::-webkit-scrollbar {
  width: 6px;
}
.creditNumber,.securityNumber {
  border: 1px solid #C6C6C6;
  height: 34px;
  line-height: 34px;
  padding: 0 3px;
}
.creditNumber {width: calc((100% - 87px) / 4);}
.securityNumber {width: 130px;}
.creditDeadline {
  width: 180px;
  height: 34px;
}
.creditDeadline::after {
  position: absolute;
	top: 0;
	right: 30px;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #C6C6C6;
}
.creditDeadline > select {
  height: 100%;
  border: 1px solid #C6C6C6;
}
.creditDeadline > .chooseSelect {top: 5px;}
.creditDeadline > select:focus {outline: none;}
.modalCreditConfirm {
  display: none;
  background-color: #FFF;
  width: 584px;
  padding: 50px 98px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 15px;
}
.cancelConfirm,.toContractConfirm{
  width: calc(50% - 7px);
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
}
.cancelConfirm {
  background-color: #FFF;
  border: 1px solid #43D33C;
}
.toContractConfirm {background-color: #43D33C;}

/* 異議申し立て */
.appealBtn{
  padding: 0 15px 2px 15px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  background-color: #FFF;
  border: pink 1px solid!important;
  color: #f53844;
  border-radius: 24px;
  margin-right: 15px;
}
.appealBtn:hover{
  background-color: #fff0f2;
}
.approveBtn{
  padding: 0 15px 2px 15px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  background-color: #43D33C;
  color: #fff;
  border-radius: 24px;
  margin-right: 15px;
}
.approveBtn:hover{
  background-color: #3bbd34;
}

.modalAppeal {
  display: none;
  background-color: #FFF;
  width: 584px;
  padding: 50px 20px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 15px;
  z-index: 104;
}


/* レスポンシブ対応 */
@media screen and (max-width: 1200px) {
  .agentHeadInner {width: 100%;}
  .agentLoginBox > i {margin-right: 1.4vw;}
  .agentLoginBox > label {margin-right: 1.4vw;}
  .agentNavbar {margin: 0 5px 0 20px;}
  .agentNavbar > li a {
    padding: 0 1.4vw 0 1.4vw;
    font-size: 1.2vw;
    overflow: hidden;
  }
  .agentNavbar img {margin-right: 0.4vw;}
}
@media screen and ( max-width:1222px) {
  .bread,.crowdTitle {width: calc(100% - 52px);}
}
@media screen and (min-width: 1217px) {
  .agentHeadInner {width: 1200px;}
}
@media screen and (max-width: 1110px) {
  /* モーダル */
  .container {
    max-width: calc(100vw - 150px);
    max-height: calc(100vh - 350px);
  }
}
@media screen and (max-width: 1140px) {
  /* みんすまQA */
  .minsumaListHead {
   flex-direction: column-reverse;
   justify-content: start;
 }
 .minsumaListHead > .agentCount {width: 100%;}
 .minsumaListHead > .minsumaOrder,.minsumaListHead > .minsumaQAOrder {
   margin-bottom: 20px;
   width: 100%;
 }
 .minsumaOrder > a,.minsumaQAOrder > a {flex: 1;}
}
@media screen and (min-width: 1076px) {
  .step img {width: 130px;}
  .step3 img,.step4 img,.step5 img {width: 137px;}
  .innerStep,.confirmStepInner{
    top: 15%;
    left: 24%;
  }
  .step3 .innerStep{
    top: 17%;
    left: 22%;
  }
  .step4 li:nth-of-type(4) .innerStep,.confirmStepInner {left: 18.5%;}
  .step5 li:nth-of-type(5) .innerStep {left: 18.5%;}
  .mx-1 {margin: 0 12px;}
  .caution {font-size: 0.98em;}

  .search-man {right: 8px;}
}
@media screen and (max-width: 1076px) {
  .w-controll {width: 93%;}
  .w-controll-panels {width: 98%;}
  .innerStep,.confirmStepInner {
    top: 0.7vw;
    left: 3vw;
  }
  .step3 .innerStep {
    top: 0.9vw;
    left: 2.6vw;
  }
  .step4 li:nth-of-type(4) .innerStep,.confirmStepInner {left: 2.5vw;}
  .step5 li:nth-of-type(5) .innerStep {left: 2.5vw;}
  .closeIcon {margin-top: 0.5vw;}
  html {font-size: 1.5vw;}
  
  .agentTags {font-size: 1.2vw;}

  /* 宅建士詳細 */
  .personalInfo th {min-width: 70px;}
}
@media screen and (max-width: 908px) {
  .choiceAnswer {
    width: 152px;
    height: 32px;
    line-height: 32px;
    background-position: top left 3px;
    background-size: 23px;
    font-size: 11px;
    padding-left: 19px;
  }
}
@media screen and (max-width: 900px) {
  .radioGroup label::after {bottom: 0;}
  .radioGroup label:before {bottom: 4px;}

  /* 相談 */
  .soudanFlex {flex-direction: column;}
}
@media screen and (max-width: 861px) {
  .w-80 {width: 100%;}
  .step {width:calc(100% - 40px);}
  .step img {width:100%;}
  .areaPanels > ul > li:first-of-type{
    margin-right: 1.5vw;
  }
}
@media screen and (min-width: 769px) {
  #decide {
    position: absolute;
    top: -100px;
  }
  .required {
    position: absolute;
    left: 0;
    top: 20px;
  }
}
@media screen and (max-width: 768px) {
  html {min-height: 100%;}
  .spBold {
    font-weight: bold;
    font-family: "SHSJP-b";
  }
  select {
    background-size: 19px 19px;
    background-position: right 2px top 30%;
  }
  .textForm,.textFormEdit {
    font-size: 16px;
    padding: 7px 5px 8px 10px;
  }
  .placeholderSmall::placeholder { font-size: 12px;}
  .flexControll {flex-direction: column;}
  .mainPanel {
    padding-bottom: 22px;
    width: 100%;
    border-radius: 12px;
  }
  .w-controll-panels {width: calc(100% - 20px);}
  .mainWidth {width: 100%;}
  .contents {margin-top: 10px;}
  .panelTitle {padding: 22px 0 14px 0;}
  h3.panelTitle {font-family: "SHSJP-b";}
  .swichSpBefore {display: none !important;}
  .swichSpAfter {display: block !important;}
  .swichSpAfterFlex {
    display: -webkit-flex !important;
    display: flex !important;
  }
  .flex-sp-none-b {display: none;}
  .flex-sp-none-a {
    display: -webkit-flex;
    display: flex;
  }
  .subPanel {
    width: 100%;
    margin-top: 57px;
  }
  .btnBox {
    text-align: center;
    margin-left: 0.5vw;
  }
  html {font-size: 16px;}
  h2 {
    font-size: 1rem;
    font-family: "SHSJP-b";
  }
  .spCenter {text-align: center;}
  .registrationNow,.postNow,.searchNow,.matchNow {font-size: 16px;}
  .innerStep{
    top: 0.8vw;
    left: 4vw;
  }
  .step3 .innerStep {
    top: 2vw;
    left: 5.5vw;
  }
  .step4 .innerStep{
    top: 1.3vw;
    left: 5.5vw;
  }
  .step4 .innerStep{
    top: 1vw;
    left: 4.1vw;
  }
  .step {flex-wrap: nowrap; font-size: 1.2em; width: 97%;}
  .step li {margin-bottom: 5px;}
  .step img {width: 15.9vw;}
  .step3 {flex-wrap: nowrap; font-size: 1.3em; width: 45%;}
  .step3 li {margin-bottom: 5px;}
  .step3 img {width: 23vw;}
  .step4 {flex-wrap: nowrap; font-size: 1.4em; width: 82%;}
  .step4 li {margin-bottom: 5px;}
  .step4 img {width: 20.3vw;}
  .step4 li:nth-of-type(4) .innerStep {left: 3.9vw;}
  .step5 {flex-wrap: nowrap; font-size: 1.4em; width: 95%;}
  .step5 li {margin-bottom: 5px;}
  .step5 img {width: 17.7vw;}
  .step5 li:nth-of-type(5) .innerStep,.confirmStepInner {left: 3.1vw;}
  .typeTable {width: 90%;}
  .bg,.bg-minsuma,.bg-regi {background:none;}
  .bg::before,.bg-regi::before,.bg-minsuma::before {
    content:"";
    display:block;
    position:fixed;
    top:0;
    left: 0;
    z-index:-2;
    width:100%;
    height:100vh;
  }
  .bg::before {background:url(./../img/bg_nativ_phone.png) no-repeat center / cover;}
  .bg-regi::before {background:url(./../img/bg-regi-phone.jpg) no-repeat center / cover;}
  .bg-minsuma::before {background:url(./../img/bg-minsuma-phone.jpg) no-repeat center / cover;}
  .bg-fill {min-height: calc(100vh - 44px);}

  .lineContent > p:first-child{width: 100%;}
  .lineContent {flex-wrap: wrap;}

  input[type=text] {
    font-size: 16px;
  }
  .insertBtn {margin-left: 1vw;}
  .formMinus {margin-left: -4%;}
  #decide2 {
    position: absolute;
    top: 100px;
  }
  .usersTable > div {
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
  }
  .usersTable .mini {margin-left: 8px;}
  .wv-20 {width: 100%;}
  .usersTable > div > p:first-child{
    width: 100%;
    margin-bottom: 12px;
  }
  .caution {font-size: 1em;}

  .mx-8px {margin: 0 1vw;}

  .check-contents {margin-right: 1vw;}

  .loginText {width: 100%;}
  .loginForm {width: 100%;}
  .loginSecond {width: 100%;}
  .formPanel {width: 90%;}
  .secondFormText {margin: 0;}

  .for2-1 {line-height: 2.5!important;}

  .topTitleSp {padding: 19px 0 24px 0;}


  .linePref {flex-wrap: wrap;}
  .linePref > div,.linePref > div > p,.linePref > div > span {width: 100%;}
  .linePref > div > p {margin-bottom: 6px;}
  .linePref > div:first-child {margin-bottom: 12px;}

  /* toppage */
  .text12-sp {font-size: 14px;}
  .text14-sp {font-size: 14px;}
  .text16-sp {font-size: 16px;}
  .text19-sp {font-size: 19px;}
  .text20-sp {font-size: 20px;}
  .sp100 {width: 100%!important;}
  .w-50-flex {width: 100%;}
  .sp-top {font-size: 12px;}
  #spot {
    top: -90px;
  }
  .topBg {
    background-image: url(./../img/top-background.png);
    background-position: top center;
    background-size: cover;
    min-height: 0;
    height: 510px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: auto;
  }
  .topBgCover {
    height: 510px;
    min-height: 0;
  }
  .topBgShort{height: 359px;}
  .topBgLong{height: 580px;}
  .topPadding{padding: 70px 0 90px 0;}
  .notTopSp {height: 716px;}
  .scrollMe {display: none;}
  .topLogos {
    padding: 0 0 0 20px;
    background-color: #ffffff;
    height: 44px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    z-index: 101;
  }
  .topLogos .topComLogo {font-size: 10px;height: 44px;}

  .topBigIconWrapper {
    margin-top: 42px;
    /* justify-content: space-around; */
    justify-content: start;
    flex-direction: column;
  }
  .topBigIconWrapper a {margin: 0;}
  .topBigIcon {
    width: 30vw;
    max-width: 180px;
    height: 30vw;
    max-height: 180px;
  }
  .topListSp {
    border-radius: 9px;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    display: block;
    border: 1px solid rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.6);
  }
  .commingSoon > div > b {
    position: absolute;
    width: 30vw;
    max-width: 180px;
    height: 30vw;
    max-height: 180px;
    line-height: 30vw;
  }

  .topMinsumaOption {
    justify-content: space-between;
    padding: 0 10vw;
  }
  .check-icon {top: 30px;}
  .search-man {top: -39px;right: 8px;}

  .sp-inversion {flex-direction: column-reverse;}
  .sp-inversion img {margin-top: 90px;}

  .oppositeRudius {
    font-size: 21px;
    padding-left: 5px;
    margin-top: -5px;
    width: 35px;
    height: 35px;
  }
  .iconTop1,.iconTop2{
    display: block!important;
    position: absolute;
    margin: auto;
    color: #D3D3D3;
    font-size: 30px;
  }
  .iconTop1{right: 68px;}
  .iconTop2{right: 23px;}
  .iconTop1Pc,.iconTop2Pc {display: none!important;}

  .loginButton {
    height: 44px;
    width: 99px;
    padding: 0;
    line-height: 44px;
    font-size: 14px;
    background: #FFF;
    color: #444444;
  }
  .loginButton:hover,.loginButton:focus{
    background: #FFF;
  }
  .topLogos > .topComLogo img {
    filter: invert(100%);
    width: 100px;
    height: 44px;
  }
  nav {
    background-color: #ffffff;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
  }
  nav ul {flex-wrap: wrap;}
  nav li {
    box-sizing: border-box;
    color: #000000;
    width: 50%;
    position: relative;
  }
  nav li a{
    padding: 10px 0 10px 5vw;
    width: 100%;
    font-size: 14px!important;
    box-sizing: border-box;
    height: 42px;
    font-weight: normal;
    font-family: "SHSJP-m";
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  nav li a > div {
    width: 25px;
    margin-right: 10px;
  }
  .spActive {
    border-bottom: 2px solid #43D33C;
    padding: 10px 0 7px 5vw;
  }
  nav li:nth-child(odd)::before{
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: '';
    right: 0;
    top: 10px;
    bottom: 10px;
    height: 18px;
    width: 1px;
    background-color: #DEDEDE;
  }
  nav li:nth-child(-n+2) {border-bottom: 1px solid #FAFAFA;}
  nav li img {
    display: block;
    height: 22px;
    margin: 0 0 0 auto;
  }
  nav li span {display: none;}

  .numberTitle {
    font-size: 2.16em;
    padding-bottom: 5px;
  }

  .jumbotron {
    text-align: center;
    padding: 65px 0 10px 0;
  }
  .jumbotronSecond {
    padding: 65px 0 10px 0;
  }
  .jumbotronThird {
    padding: 65px 0 15px 0;
  }
  .jumbotronUp {
    padding: 140px 0 15px 0;
  }
  .trTagsSp {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 24px 0 34px 0;
  }
  .trTagsSp p {
    color: #ffffff;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 1.25em;
    border-radius: 20px;
    padding: 6px 17px 8px 17px;
  }
  .trTagsSp p:first-child {margin-right: 9px;}
  .topDescriptionSmall,.topDescriptionSmallOffer {
    width: 100%;
  }
  .topDescriptionSmallOffer {margin: 20px 0 45px 0;}
  .registrationNow,.postNow,.searchNow,.matchNow {
    padding: 15px 0 17px 0;
    width: 100%;
  }
  .spCenter .defaultA {color: #000;}
  .topGroupSp {margin: 95px 0 0 0;}
  .topMbSp {margin-bottom: 120px;}
  .qaIcon {
    font-size: 16px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    margin-right: 1.5%;
    justify-content: center;
    align-items: center;
  }

  .sitemap {padding: 40px 0 50px 0;}
  .sitemap img {width: 140px;}
  .sitemap h5 {
    padding-bottom: 20px;
    font-size: 25px;
  }
  .sitemap p {font-size: 23px;}
  .sitemap > div > div{margin-bottom: 50px;}
  .sitemap ul {font-size: 14px;}

  .quatroPanels {
    width: 95%;
    margin: 0 auto 30px;
  }
  .quatroPanels > .flexBetween {width: 100%;}
  .panelsColumns {
    margin-bottom: 30px;
    margin-top: 12px;
    font-family: "SHSJP-b";
  }
  .panelsColumn {margin: 2vw auto 0 auto;}

  .eightPanel {
   width: 42.5vw;
   max-width: 300px;
   height: 44px;
   line-height:44px;
  }
  .crowdTopPanels{
    width: 95%;
    margin: 0 auto;
  }

  .searchArea {margin-top: 20px;}

  .agentTopPadding {padding: 10px 0 14px 0;}

  .TopQATitle {
    margin-bottom: 12px;
  }

  .areaPanels {
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 95%;
    margin: 12px auto;
  }
  .areaPanels > ul {
    margin:15px 0 0 0;
    width: 42.5vw;
    max-width: 300px;
  }
  .areaPanels > ul > li{
    display: none;
  }
  .areaPanels > ul > li:last-of-type{
    width: 100%;
    display: block;
  }
  .areaPanels > ul > li a{
    height: 65px;
    line-height: 65px;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .areaPanels > ul > div > ul {list-style: none;}

  /* top-QandA */
  .topSpace {display: block; height: 85px;}
  .topRank {flex-direction: column;}
  .topRank > div:last-of-type {
    min-width: 100%;
    width: 100%;
    margin-left: 0;
  }

  /* toptest */
  .spBig {font-size: 1.3em!important;}

  /* minsuma */
  .minsumaTheme {flex-wrap: wrap;}
  .minsumaTheme > div {width: 100%;}
  .minsumaTheme > div:first-child {margin-bottom: 12px;}

  /* checkboxe */
  .checkWidthInline label {width: 100%;}

  /* ログイン */
  .bigImg {display: none;}
  .bigImgNew {display: none;}
  .toploginButton {
    margin-top: 17px;
  }
  .regiTop {
    flex: 1;
    padding: 2.5vh 0 40px 0;
  }
  .loginOr {padding: 20px 0;}
  .sp-small {font-size: 0.85em;}
  .loginLogin {padding: 25px 0 0 0;}

  .passInfo {
    margin-left: 12px;
    font-size: 12px;
  }

  /* パンくず */
  .bread {margin: 10px 10px 10px 0;width: 100%;}
  .bread a {
    font-size: 12px;
    margin: 27px 0.8vw 27px 3.5vw;
  }
  .bread li:after {
    top: 4px;
    right: -2vw;
  }
  .userBread {
    position: sticky;
    top: 44px;
    z-index:1;
    margin: 0;
    right: 0;
    left: 0;
    padding: 11px 0 10px 0;
    background-color: #F8F8F8;
  }

  /* クラウドソーシング */
  .crowdPanel {
    border-radius: 0;
    box-shadow: none;
  }
  .crowdPanel.explanation {
    width: calc(100% - 20px);
    margin: 0 10px;
    box-shadow: 0 2px 3px 1px rgba(0,0,0,0.08);
    border-radius: 12px;
    box-sizing: border-box;
  }
  .crowdTitle {
    width: 100%;
    margin: 14px 0 23px;
    padding: 13px 30px 18px 12px;
    background-color: #FFF;
  }
  .crowdTitle .text21 {font-size: 16px;}
  .projectOverview{margin-bottom: 45px;}
  .projectOverview > div > p:first-of-type {
    color: #909090;
    width: 155px;
    min-width: 155px;
  }
  .crowdPanel.explanation {margin: 0 10px 20px;}
  .crowdLisence {right: 50px;}
  .crowdPanel > .flexbox {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #D5D5D5;
  }
  .crowdPanel > .flexbox:last-of-type {
    border-bottom: none;
    padding-bottom: 0!important;
  }
  /* クラウドソーシングフォーム */
  .crowdPanel2 {
    flex-direction: column;
    align-items: start;
  }
  .crowdPanel2 > p:first-of-type {width: 12em;min-width: 12em;}

  /* ユーザーページ */
  .userColumn2 {
    min-height: calc(100vh - 81px);
    height: auto;
  }
  .usersDetail {display: none;}
  .chatContent{margin: 0;}
  .chatHeader {top: 0;}
  .chatContents{height: calc(100vh - 244px);}
  .chatname {
    pointer-events: auto;
    user-select: auto;
    -moz-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    font-size: 16px;
    text-decoration: underline;
  }
  .chatFooter {
    position: fixed;
    right: 0;
    left: 0;
    height: 110px;
    padding: 10px;
  }
  .chatFooter textarea {
    font-size: 16px;
    padding: 8px 12px;
    width: 80%;
    height: 45px;
    margin: 10px 8px 12px 10px;
  }
  .chatFooter input {margin-top: 13px;}
  #userMainChatContentsBox {
    padding-bottom: 130px;
  }
  .chatright,.chatleft {
    max-width: 16em;
    font-size: 16px;
  }
  .userContentsSide {
    overflow: visible;
    scrollbar-width: 0;
    margin:20px 0 30px 0;
    height: auto;
    min-height: calc(100svh - 129px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  .userContentsSide::-webkit-scrollbar {width: 0;}

  .usersScroll{
    min-height: calc(100vh - 130px);
    height: auto;
    width: 100%;
    overflow: visible;
    scrollbar-width: 0;
  }
  .userContentsSide::-webkit-scrollbar {width: 0;}
  .usersScroll > a {padding: 20px 15px 19px 15px;}
  .usersScroll > a > h4 {font-size: 18px;}
  .usersScroll > a > p {width: 100%;}

  .spScroll{
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: calc(100vw - 20px);
    scrollbar-width: thin;
    scrollbar-color: #C2C2C2 #ffffff;
  }
  .spScroll::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: #C2C2C2;
  }
  .spScroll::-webkit-scrollbar-track{
    background:#ffffff;
  }
  .spScroll::-webkit-scrollbar{
    width: 8px;
  }

  .managedList,.managedListHead {width: 100%;}
  .managedListHead p:nth-child(1),.managedList > div:nth-child(1){width: 74%;
  }
  .managedListHead p:nth-child(2),.managedList > div:nth-child(2){width: 26%;}
  .managedList > div:first-child{border-right: 1px solid #C3C3C3;}
  .managedListTitle {
    font-size: 16px;
    white-space: normal;
  }
  .managedListEdit,.managedListFinished{
    font-size: 14px;
    width: 75px;
    height: 38px;
    line-height: 38px;
  }
  div > .offerLimit:last-child {display: block;}

  .mailContent {width: 100%;}
  .mailList {
    padding: 19px 0 19px 17px;
    box-sizing: border-box;
    max-width: calc(100vw - 20px);
  }
  .arrivalMail {
    top: 40px;
    left: 0px;
  }
  .mailStatus {
    font-size: 10px;
    top: 22px;
    right: 0;
  }

  .spAgentInfo {
    background-image: url(./../img/agentBackground.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 176px;
    align-items: flex-end;
  }
  .spAgentInfo > img {
    width: 96px;
    height: 96px;
    margin:0 0 -8px 20px;
  }
  .spAgentInfo > div {
    color: #fff;
    margin-left: 19px;
    margin-bottom: 5px;
  }
  .font12Sp {font-size: 12px;}
  .font13Sp {font-size: 13px;}
  .font17Sp {font-size: 17px!important;}

  .agentTitle > h3{font-size: 20px;}
  .agentTitle > p{font-size: 14px;}

  .agentTitle {
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  .PIIList {
    margin: 40px 10px 0 10px;

  }
  .PIIList > .agentTitle {
    font-size: 17px;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  .PIIList > .agentTitle > h4 {
    margin-left: 0;
    padding-left: 20px;
  }
  .agentmarker { bottom: 10px;}
  .agentmarkerH4 {
    border-radius: 4px;
    width: 7px;
    height: 20px;
    top: 5px;
    left: 0;
  }
  .greenTags{margin: 14px 0 26px 0;}
  .greenTags > label{
    display: inline-block;
    border-radius: 20px;
    padding: 4px 12px;
    margin: 0 5px 8px 0;
  }
  .agentDescribe {padding: 13px 13px 7px 8px;}
  .agentTags {
    font-size: 13px;
    margin: 14px 0 38px 0;
  }
  .agentTags > p {
    text-align: center;
    display: block;
    width: calc((100% - 20px)/3);
    padding: 4px 0 5px 0;
    margin-bottom: 7px;
    border-radius: 4px;
  }
  .PIIList > .agentMainTitle > h4 {
    padding-bottom: 10.5px;
    border-bottom: 1px solid #C9C9C9;
  }
  .corporateInfo > div {
    font-size: 13px;
    padding: 9.5px 0 12.5px 0;
    border-bottom: 1px dashed #C9C9C9;
  }
  .corporateInfo {margin: 23px 0 59px 0;}
  .corporateInfo > div p:first-child {
    color: #7B7B7B;
    margin-bottom: 12px;
  }
  .corporateInfo > div:first-of-type {padding: 0 0 12.5px 0}
  .agentSubListGreen > p {padding: 0;}
  .agenttableScroll {
    padding-top: 19px;
    margin-bottom: 55px;
    border-bottom: none;
    height: 325px;
    background-color: #fff;
    width: calc( 100% - 10px );
  }
  .agenttableScroll td{
    padding: 12px;
    font-size: 14px;
    vertical-align: top;
  }
  .agenttableScroll tr > td:first-child {
    padding: 12px 0 38px 13px;
  }
  .agenttableScroll tr > td:last-child {padding: 12px 38px 24px 12px;}
  .agenttableScroll td > p:first-child {margin-bottom: 22px;}

  .personalInfo {
    font-size: 1.2em;
    margin-top: 0;
  }
  .personalInfo td {padding: 0;}
  .personalInfo th {
    padding: 6.5px 5px 6.5px 0;
    min-width: 95px;
    color: #7B7B7B;
    font-weight: normal;
    vertical-align: top;
  }
  

  .agentTextsSp {
    margin: 17px 0 50px 0;
    font-size: 16px;
  }

  .periodDisplay {background-color: #FFF;}
  .periodDisplay div{font-size: 14px;}
  .periodDisplay div:last-child{font-size: 12px;}

  .featureSp {
    font-size: 14px;
    padding-bottom: 30px;
    margin: 12.5px 0 10px 0;
  }

  .columnRight {margin:0 10px;}
  .columnRight.crowdWrap {
    margin:0;
    width: 100%;
    max-width: 100%;
  }
  .agentPanel {padding: 17px 10px 23px 10px;}

  .agentCount{font-size: 14px;}

  .bread a:first-child {margin-left: 10px;}
  .bread li:after {right: -6px;}

  .agentContent .agentImg {
    width: 93px;
    height: 93px;
  }
  .agentContent ul{margin-left: 2.5vw;}
  .agentContent li {margin-bottom: 6px;}
  .agentContent li > i,.agentContent li > img {
    vertical-align: top;
    font-size: max(16px, 3vw);
    margin-right: 2vw;
  }
  .agentContent li > span {font-size: max(11px, 2vw);}

  .agentPanel .agentTags {margin-bottom:14.5px;}
  .agentDetail{font-size: 14px;}

  .agentTitle > p {margin-left: 5vw;}

  .agentDescribeTag{
    font-size: 12px;
    line-height: 20px;
    width: calc(4em + 16px);
  }
  .agentDescribe > label {font-family: "SHSJP-m";}
  .agentDescribe > p > a {margin: 0 -10px 0 0;}

  /* test */
  .offerNumber {padding-top: 22px;}
  .dashZone {padding: 10px 2% 10px 2%;}
  
  .confirms {margin: 10px 11% 0 12%;}
  .confirmsScroll{
    height: 75px;
    -webkit-overflow-scrolling: touch; 
  }
  
  /* マイページメニュー */
  .userPagesMenu {
    position: fixed;
    top: 50px;
    right: 10px;
    bottom: auto;
    padding: 26px;
  }
  @keyframes fade{
    0%{
      opacity: 0;
      top: 46px;
      bottom: auto;
    }
    100%{
      opacity: 1;
      top: 50px;
      bottom: auto;
    }
  }
  .userPagesMenu .toLogout,.userMyPage .toLogout {font-size: 16px;}
  .userMenuOverlay {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }

  .userMyPage {margin-top: 2vh;}

  /* メールチェック */
  .mailCheck {
    padding: 70px calc( calc( 100vw - 420px) / 2) 40px calc( calc( 100vw - 420px) / 2);
    margin: 40px 10px;
    width: calc(100% - 40px);
  }
  .mailSource {
    width: 100%;
    box-sizing: border-box;
  }
  .resendMail { width: 100%;}

  /* ユーザーエディット */
  .usersCheckbox label {width: 100%;}
  .w-prefecture select {margin-left: 0;}
  .w-prefecture {
    flex-direction: column;
    align-items: flex-start;
  }

  /* サイトリスト */
  .sitelistTitle{font-size: 1.1em;}
  .sitelist{margin: -5px auto 80px auto;}
  .sitelist li{font-family: "SHSJP-b";}

  /* 公募相談リスト */
  .offersBoxPanel {
    border-radius: none;
    box-shadow: none;
    padding: 0;
  }
  .offersBoxes h5 {margin-bottom: 14px;}
  .offersBoxes > p {
    font-size: 14px;
    line-height: 1.8;
    padding-right: 0;
  }
  .offersInfo {
    margin: 14px 0 27px 0;
    display: block;
  }
  .offersInfo > div:first-child {margin-bottom: 10px;}
  .offerSuggestionList {margin-top: 30px;}
  .offerSuggestionList > h4 {font-size: 19px;}
  .offerSuggestionList > a,.offerSuggestionList > div {padding: 25px 10px;}
  .offerSuggestionList > a > div:first-child,.offerSuggestionList > div > div:first-child {margin-bottom: 19px;}
  .offerEditForm,.offerEditFormJob,.offerEditFormHalf,.offerEditFormIncome,.offerEditFormResources,.offerEditFormComposition {
    width: 100%;
    margin-bottom: 10px;
  }

  /* チャット */
  .fileUp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    width: 24px;
  }
  .fileUp .text {
    display: none;
  }
  .fileUp .icon {
    display: block;
    width: 24px;
    height: 24px;
  }

  /* 利用規約 */
  .termsOfUse {padding: 34px 20px 60px;}

  /* モーダル */
  .modalTop > h3 {font-family: "SHSJP-b";}

  .modalImg {
    padding: 40px 15px 25px 15px;
    width: calc(100% - 60px);
  }
  .container {
    max-width: calc(100vw - 90px);
  }

  /* みんすまQA */
  .QATitle {
    align-items: flex-start;
    flex-direction: column;
  }
  .QATitle h1,.QATitle h5{
    padding-bottom: 5px;
  }  
  .minsumaAnswers {
    padding: 20px 10px;
  }
  .replyConfirmBox {padding: 18px 20px;}
  .replyConfirmBox .confirmPanels > div {padding: 14px 10px;}
  .confirmPanels.mb-30px {margin-bottom: 15px!important;}
  .confirmPanels .text18 {font-size: 14px;}
  .confirmPanels .text16 {font-size: 10px;}
  .agentCount.mmt-27px {margin-top: 0;}
  .searchInput {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .searchSp {
    padding: 5px 10px 10px;
    margin: 0 -10px;
    position: sticky;
    top: 84px;
    right: 0;
    left: 0;
    z-index: 100;
  }
  .searchSp .textForm {
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color:#43D33C;
    border-width: 2px;
  }
  .searchSp .textForm:focus {
    border-color:#43D33C;
    border-width: 2px;
  }
  /* 閲覧数ランキング表示 */
  .viewsRank {
    height: 37px;
    line-height: 37px;
  }
  .viewsOmit {
    min-height: 41px;
    max-height: 41px;
  }
  /* ランキング */
  .license {bottom: 0;}

  /* 問い合わせ */
  .inquiryForms {display: block;}
  .inquiryForms > p {margin-bottom: 12px;}
}

@media screen and (max-width: 675px) {
  .innerStep {
    top: 1vw;
    left: 3.6vw;
  }
  .step3 .innerStep {
    top: 2vw;
    left: 5.5vw;
  }
  .step {font-size: 2.5vw;}
  .step3 {font-size: 1.2em;}
  .step4 {font-size: 3.3vw;}
  .step5 {font-size: 3.3vw;}
  .caution {font-size: 0.92em;}

  /* マイページ */
  .userMyPage > div > .menuTarget {
    width: 40%;
    margin: 0 5% 12px 5%;
  }
}
@media screen and (max-width: 541px) {
  .topGroupSp {margin: 71px 0 0 0;}
  .w-10 {width: 20%!important;}
  /* モーダル */
.modalTop {
  margin-top: 90px;
  padding: 35px 13px 22px 13px;
  width: 90%;
}
.modalTop > p{
  font-size: 14px;
}
.closeButton {
  top: 3%;
  right: 3%;
}

.modalGreen {
  font-size: 16px;
  padding: 10px 0 12px 0;
  border-radius: 7px;
  width: 100%;
}
.modalBlue {
  font-size: 16px;
  padding: 10px 0 12px 0;
  border-radius: 7px;
  width: 100%;
}
.modalImg {
  padding: 40px 10px 25px 10px;
  width: calc(100% - 20px);
}
.container {
  max-width: calc(100vw - 40px);
}
}

@media screen and (max-width: 540px) {
  h2 {font-size: 0.9rem;}
  .innerStep {
    top: 1vw;
    left: 3.6vw;
  }
  .closeIcon {margin-top: 1.5vw;}
  .step {font-size: 2.5vw;}
  .step3 {font-size: 3vw;}
  
  .caution {font-size: 0.73em;}
  
  .mainPanel {font-size: 3vw;}
  .mainPanel .small {font-size: 0.6em;}
  
  .w-25-stretch {width:60%;}
  .w-35-stretch {width: 60%;}
  
  .panelsColumn {font-size: 1.15em;}
  
  .check-icon {top: 25px;}

  .searchArea button {
    position: absolute;
    top: 40%;
    font-size: 1.7em;
    padding: 4px;
  }
  
  /* パンくず */
  .bread a {
    font-size: 10px;
    margin: 27px 0.8vw 27px 3vw;
  }
  .bread li:after {
    right: -1.5vw;
  }

  /* ユーザーエディット */
  .userBirthday select {margin: 0 2vw 0 3vw;}
  .userBirthday select:first-child {width: 100px;}

  /* マイページ */
  .userMyPage > div > .menuTarget {
    width: 46%;
    margin: 0 2% 12px 2%;
  }
  .userMyPage > div > div img {
    height: 60px;
  }
  .userMyPage > div:first-child i{font-size: 60px;}
  .userMyPage > div > div i{
    font-size: 60px;
    height: 60px;
  }
  .userMyPage > div:first-child p:first-child{
    font-size: 18px;
    color: #000;
  }
  .userMyPage > div > div p {font-size: 16px;}

  .passChange {padding: 0 10px 40px 10px;}

  /* QA */
  .replyConfirmBox { top: 40px;}
  .replyConfirmBox .QAName > i { font-size: 30px;}
  .replyConfirmBox .replyButtons { margin-bottom: 20px;}
  .replyConfirmBox .mb-30px { margin-bottom: 16px!important;}
  .replyComment {padding: 15px 20px;}
}
@media screen and (max-width: 464px) {
  .sp-top {font-size: 10px;}
  .text19-sp {font-size: 16px;}
  .text20-sp {font-size: 18px;}
  .topGroupSp {margin: 116px 0 0 0;}
  .jumbotron {font-size: 2.3rem;}
  .topBgLong{height: 550px;}

  .panelsColumn {font-size: 1.25em;}

  /* マイページ */
  .userMyPage > div > div img {
    height: 50px;
  }
  .userMyPage > div > div i{
    font-size: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 451px) {
  .topGroupSp {margin: 96px 0 0 0;}
  .mailCheck {padding: 70px 10px 40px 10px;}
}
@media screen and (max-width: 414px) {
  .caution {font-size: 1em;}
  .topMinsumaOption {
    padding: 0 7vw;
    font-size: 14px;
  }

  .panelsColumn {font-size: 1.2em;}

  .jumbotron {font-size: 2.1rem;}

  /* ユーザーエディット */
  .userBirthday select {width: 17vw;}
  .userBirthday select:first-child {width: 23vw;}
}
@media screen and (max-width: 411px) {
  h2 {font-size: 0.8rem;}

  .search-man {right: 0;}

  .modalTop {padding: 30px 15px 20px 15px;}
  .modalTop > h3 {font-size: 20px;}
}
@media screen and (max-width: 380px) {
  h2 {font-size: 0.7rem;}
  nav li a {font-size: 11px!important;}
  .trTagsSp p {
    font-size: 10px;
    padding: 6px 4vw 8px 4vw;
  }
  .panelsColumn {font-size: 1.05em;}
}
@media screen and (max-width: 376px) {
  .jumbotronSecond {font-size: 1.7rem;}
  .jumbotronThird {font-size: 1.7rem;}
  .jumbotronUp {font-size: 2.4rem;}
}
@media screen and (max-width: 370px) {
  .jumbotron {font-size: 2rem;}
}
@media screen and (max-width: 340px) {
  nav li a {font-size: 1.1rem;}
  .jumbotron {font-size: 1.6rem;}
  .panelsColumn {font-size: 1em;}
  .innerStep {
    top: 0.6vw;
    left: 3.4vw;
  }
  .confirmStepInner {top: 0.6vw;}
  .step4 li:nth-of-type(4) .innerStep,.step5 li:nth-of-type(5) .innerStep,.confirmStepInner  {left: 2vw;}
  .w-78 {width: 70%;}
  .googleLogin {font-size: 14px;}

  .modalTop {padding: 20px 10px 15px 10px;}
  .modalTop > h3 {font-size: 18px;}
  .closeButton {
    position: absolute;
    height: 15px;
    width: 15px;
    cursor: pointer;
  }
  .usersTable > div {width: 250px;}
}