/***********20211027***********/
/***********end-of-UI**********/
/***********Form**************/
/*.font-bold{
  font-weight: bold;
}*/
.content-wrapper{
  padding: 1rem 2rem;
}
.content-wrapper .row{
  margin: 0;
}
.form-control{
  font-size: var(--K-Font);
  background-color: var(--K-Gray-HL);
}
/*.content-wrapper{
  display: grid;
  max-width: 80vw;
  margin: 0 auto;
}*/
.form-group{
  display: flex;
  flex: 1 1 auto;
  min-height: 50px;
  flex-wrap: nowrap;
}
.title-form,label{
  padding: 0rem;
  margin: auto 0;
  /*font-weight: bold;*/
  font-weight: 500;
  color: black;
}
input, optgroup, select, textarea{
  margin: auto 0;
}
.text-window{
  height: 200px;
  overflow: auto;
  border:1px solid #aaa;
  padding: 1rem;
  margin: 0 auto;
  background-color: var(--K-Blue-Trans);
}
.chkbox-group{
    display: block;
    margin-bottom: 3rem;
}
.chkbox {
    /*display:block!important;*/
    /*width: 100%;*/
  padding: 1rem;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-left:	3rem;	/* ラベルの位置 */
  /*padding-right: 3rem;*/
  margin-bottom: .5rem;
	/*line-height:		32px;*/
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content:		'';
	width:			2rem;			/* ボックスの横幅 */
	height:			2rem;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow: none;
    border: solid 1px silver;
	border-radius: 0;
    background-color: var(--K-Gray-HL);
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:	'\2713';		/* チェックの文字 */ 
	font-size: 1.5rem;	/* チェックのサイズ */
    line-height: 1.5rem;
    padding-left: .5rem;
	color:	var(--K-Red);			/* チェックの色 */
	/*background-color:	var(--K-Red);*/		/* チェックした時の色 */
}
.etc_text{
    /*width: 100%;*/
}
.submit-form .form-group{
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  margin: 2rem auto;
}
.submit-form .btn{
  width: 50vw;
  margin: 2rem auto;
  padding: 2rem;
}
/***************header**************/
/***************最低限のcssをマージ**************/
.row{
  display: grid;
  /*border: 1px solid #ddd;*/
  grid-auto-rows: auto;
  /*grid-gap: 10px;*/
  /*padding: 10px;*/
  margin: .5em 0;
  /*overflow: hidden;*/
  overflow: visible;
  grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));/*iPhoneSEで2カラム*/
}
.req::after{
    content: "å¿…é ˆ";
    font-size: 0.8rem;
    color: var(--K-Red);
    padding-left: 1rem;
}
.errorCol {/*エラー時*/
	/* Firefox */
	background: -moz-linear-gradient(top center, pink 0%, pink 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(pink), to(pink));
	/* 共通 */
	background: linear-gradient(top center, pink 0%, pink 100%);
	background-color: pink;
}
.correctCol {/*OK時*/
    padding-top: 1rem;
	/* Firefox */
	background: -moz-linear-gradient(top center, var(--K-Mint) 0%, var(--K-Mint) 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(var(--K-Mint)), to(var(--K-Mint)));
	/* 共通 */
	/*background: linear-gradient(top center, pink 0%, pink 100%);*/
	background-color: var(--K-Mint);
}
@media screen and (min-width: 769px){
.header-1{
  display: flex;
}
.row{
   width: 100%;
   margin: 1em 0;
  }
.header-title{
  margin: 0 auto;/*0830変更*/
  flex:1 1 400px;
}
.wrap-50{
width: 50vw;
/*border: solid 1px blue;*/
 }
.header-title-top, .header-title{
  padding: 20px;
  /*margin: 0 0rem;*/
  }
.chkbox-group{
 display: block;
 width: 100%;
 /*flex-wrap: wrap;*/
    }
.submit-form .btn{
  width: 20vw;
}
}
@media screen and (min-width:991px) {
.chkbox-group{
    display: inline-flex;
    flex-wrap: nowrap;
    }
}
@media screen and (max-width:1024px) {
    .etc_text{
        /*padding-left: 20vw;*/
    }
 
}