@charset "utf-8";

.tab-group{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 0.8em;
    padding: 0.2rem;
    margin: 0 1rem 0.5rem;
    text-align: left;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #fff;
    align-items: center;
	/*-
	display: flex;
	justify-content: center;
	-*/
  }
  .tab{
	flex-grow: 1;
	padding:1.4rem;
	list-style:none;
	border:solid 1px #CCC;
	text-align:center;
	cursor:pointer;
	font-size: 1.6rem;
    font-weight: 700;
  }
  .panel-group{
	height:auto;
	border-top:none;
	/*-
	border:solid 1px #CCC;
	background:#eee;
	-*/
  }
  .panel{
	display:none;
  }
  .tab.is-active{
	background:#F00;
	color:#FFF;
	transition: all 0.2s ease-out;
  }
  .panel.is-show{
	display:block;
  }

/*-form-css-*/
/* 送信ボタン */
input.sub-btn {
	width: 49vmin;
    max-height: 8rem;
    line-height: 3rem;
    background: #444;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 700;
    /* letter-spacing: 0.2em; */
    border: 2px solid #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    border-radius: 0.6rem;
    padding: 1.2rem;
	margin: 1.4rem auto 3.2rem;
	filter: drop-shadow(0 3px 2px rgba(0,0,0,0.2));
}
/*-sp------------------------------*/
@media only screen and (max-width:599px) {
  input.sub-btn {
    width: 80%;
    max-height: 8rem;
    line-height: 2rem;
    font-size: 1.2rem;
  }
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #222;  
}
.btm_center{
	text-align: center;
}
.formtitle{
  font-weight: 700;
}

/*-必須項目ボタン-*/
.btn_required{
    background: #f33;
    color: #Fff;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 0 0.8rem;
    border-radius: 0.3rem;
}
.form_tit_grid{
    display: grid;
    grid-template-columns: 60px 240px 1fr;
    text-align: center;
    padding: 1rem;
    align-items: center;
    justify-items: start;
}
/*-セレクトボックス設定-*//* 12-3:ドロップダウンメニュー」の色、サイズ変更 */
.wpcf7 select {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 1rem;
  width: 100%;
  }
.select_title01{
  padding: 2rem auto 2rem;
  font-weight: 700;
  font-size: 1.1rem;
}
.pru_tyuki{
  font-size: 0.9rem;
  color: #f33;
  font-weight: 700;
}