@charset "utf-8";
/*-----------------------------------------------------	*/
/*	フォーム設定						*/
/*-----------------------------------------------------	*/

.l_form{
	width: 1100px;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
}

.l_form_inner{
	width: 768px;
	background: #F8F8F8;
	border-radius: 5px;
	padding: 50px 90px;
	box-sizing: border-box;
	text-align: left;
	margin-right: 5px;
}

.ttl_form{
	text-align: center;
	font-size: 21px;
	font-weight: 500;
	color: #172E59;
	margin-bottom: 60px;
}

table.tform {
	width: 100%;
	letter-spacing: 1px;
}
.tform th {
	font-size: 14px;
	line-height: 1.8;
	padding: 0 0 20px 0;
	font-weight: 500;
	width: 210px;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
}
.tform td {
	font-size: 14px;
	line-height: 1.5;
	padding: 0 0 25px 0;;
}
.tform td .pd {
	padding: 10px 0 0 0!important;
	display: block;
}
.tform td .pd .fa {
	display: inline-block;
}


.tform th .hissu {
	margin: 0 0 0 8px;
	color: #D20000;
	vertical-align: 1px;
	font-size: 10px;
}


.tform td p {
	margin-bottom: 1em;
}
.tform td a {
	text-decoration: underline;
}
.tform td textarea {
	line-height: 2;
	padding: 15px;
	letter-spacing: 2px;
}
.tform td.kind label {
	display: block;
}
.t1 {
	width: 344px !important;
	border: #ACACAC 1px solid;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 2;
	box-sizing: border-box;
	color: #000;
	border-radius: 2px;
}

.t2 {
	width: 380px !important;
	border: #ACACAC 1px solid;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 2;
	box-sizing: border-box;
	border-radius: 2px;
}
.t3 {
	width: 318px !important;
	border: #ACACAC 1px solid;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 2;
	box-sizing: border-box;
	color: #000;
	border-radius: 2px;
	margin-left: 30px;
}
.t4 {
	width: 95px !important;
	border: #ACACAC 1px solid;
	padding: 5px 10px;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 2px;
}


placeholder{
	color: #ACACAC;
}


.m_select_outer_time{
	position: relative;
	width: 395px;
	display: inline-block;
}

	.m_select_outer_time::after {
content: "";
  position: absolute;
  top: 15px;
  right: 28px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 9px solid #172E59;
  width: 0;
  height: 0;
  pointer-events: none;
}


.btn_kakunin {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 30px;
}
.btn_kakunin input {
	display: block;
	cursor: pointer;
	background: #172E59;
	height: 48px;
	box-sizing: border-box;
	text-align: center;
	width: 250px;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border-radius: 2px;
	border: none;
}


input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

	.m_select_outer select {
    display: block;
    position: relative;
    width:380px;
    height: 38px;
    border: 1px solid #ACACAC;
    border-radius: 2px;
    overflow: hidden;
    padding: 0 10px;
		-webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
}

	.m_select_outer.inline select {
    display: inline-block;
}


.m_select_outer {
  position: relative;
  width: 380px;
}

.m_select_outer::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 13px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 9px solid #172E59;
  width: 0;
  height: 0;
  pointer-events: none;
}

.cl{
display: inline-block;
	background: url("../images/common/calender.svg") no-repeat;
	background-size: 17px auto;
	width: 17px;
	height: 17px;
	margin: 0 15px 0 0;
	vertical-align: -3px;
}

.wpcf7-list-item-label{padding-left: 1em;}

.hissu_pc{}

.hissu_sp{display: none;}

@media screen and (max-width: 767px) {
	input, select, textarea {
		/*font-size: 16px !important;*/
	}
	input[type="submit"] {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	.hissu_pc{display: none;}

.hissu_sp{display:inline-block;}
	
	.l_form{
	width: auto;
	display: block;
	margin: 0;
}

.l_form_inner{
	width: auto;
	padding: 10vw 5vw;
	margin-right: 0;
}

.ttl_form{
	text-align: center;
	font-size: 5vw;
	margin-bottom: 10vw;
}

	table.tform {
		width: 100%;
	}
	.tform th {
		font-size: 3.2vw;
		line-height: 1.8;
		padding: 0 0 2vw 0;
		width: 100%;
		display: block;
	}
	.tform td {
		width: 100%;
		display: block;
		font-size: 3.2vw;
		line-height: 1.8;
		padding: 0 0 6vw 0;
	}
.tform th .hissu {
	margin: 0 0 0 8px;
	vertical-align: 1px;
	font-size: 2.7vw;
}

	.tform td label {
		width: auto;
		display: block;
	}
.tform td p {
	margin-bottom: 1em;
}
.tform td a {
	text-decoration: underline;
}
.tform td textarea {
	line-height: 2;
	padding: 15px;
	letter-spacing: 2px;
	width: 80vw!important;
}
.tform td.kind label {
	display: block;
}
	.tform td .mb10 {
		margin-bottom: 10px;
	}
	.t1 {
	width: 72.4vw !important;
	border: #ACACAC 1px solid;
	padding: 10px 10px;
	font-size: 3.2vw;
	line-height: 2;
	box-sizing: border-box;
	color: #000;
	border-radius: 2px;
}

.t2 {
	width: 80.2vw !important;
	border: #ACACAC 1px solid;
	padding: 10px 10px;
	font-size: 3.2vw;
	line-height: 2;
	box-sizing: border-box;
	border-radius: 2px;
}
.t3 {
	width: 74vw !important;
	border: #ACACAC 1px solid;
	padding: 10px 10px;
	font-size: 3.2vw;
	line-height: 2;
	box-sizing: border-box;
	color: #000;
	border-radius: 2px;
	margin-left: 30px;
}
.t4 {
	width: 75.4vw !important;
	border: #ACACAC 1px solid;
	padding: 10px 10px;
	font-size: 3.2vw;
	box-sizing: border-box;
	border-radius: 2px;
}


placeholder{
	color: #ACACAC;
}


.m_select_outer_time{
	position: relative;
	width: 80vw;
	display: inline-block;
}

	.m_select_outer_time::after {
content: "";
  position: absolute;
  top: 50%;
  right: 3vw;
  border-left: 1.4vw solid transparent;
  border-right: 1.4vw solid transparent;
  border-top: 2.6vw solid #172E59;
  width: 0;
  height: 0;
  pointer-events: none;
		transform: translateY(-50%);
}


.btn_kakunin {
	text-align: center;
	padding-top: 4vw;
	margin-bottom: 0;
}
.btn_kakunin input {
	display: block;
	cursor: pointer;
	background: #172E59;
	height: 12.8vw;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-size: 3.7vw;
	font-weight: 400;
	border-radius: 2px;
	border: none;
}


input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

	.m_select_outer select {
    display: block;
    position: relative;
    width:80vw!important;
    height: 58px;
    border: 1px solid #ACACAC;
    border-radius: 2px;
    overflow: hidden;
    padding: 10px 10px;
		-webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
		font-size: 3.2vw;
}

	.m_select_outer.inline select {
    display: inline-block;
}


.m_select_outer {
  position: relative;
  width: 80vw;
}

.m_select_outer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3vw;
  border-left: 1.4vw solid transparent;
  border-right: 1.4vw solid transparent;
  border-top: 2.6vw solid #172E59;
  width: 0;
  height: 0;
  pointer-events: none;
		transform: translateY(-50%);
}

.cl{
display: inline-block;
	background: url("../images/common/calender.svg") no-repeat;
	background-size: 4vw auto;
	width: 4vw;
	height: 4.26vw;
	margin: 0 2.66vw 0 0;
	vertical-align: -3px;
}

.wpcf7-list-item-label{padding-left: 0.5em;}

	.nchk{
		  font-feature-settings: "palt";
	}
}
















/*▼　建築士画像セレクトによる表示追加  202409 現状不使用のため使わなければ削除*/


.s_ac .radio {
	display: none;
}

@media screen and (max-width:767px) {

	
.tform td.s_ac{
	overflow: hidden;
}

	}



.hidden_etc{
	display: none;
}


.hidden_etc span{
	display: block;
	padding: 20px 0 0 0;
	font-size: 14px;
	color: #D20000;
	font-weight: 500;
}


@media screen and (max-width: 767px) {
	.hidden_etc span{
	display: block;
	font-size: 3.2vw;
		text-indent: -1em;
		margin-left: 1.5em;
}

	
}




/*contactform7 20250603*/


/* CF7チェックボックスとラジオボタンを縦並びに */

.s_ac .wpcf7-form-control-wrap {
  position: inherit!important;
}

.wpcf7-list-item {
  display: block!important;
  margin:  0 0 1em 0!important;
}

.radio_y .wpcf7-list-item {
  display: inline-block!important;
  margin:  0 2em 0 0!important;
}

.s_ac2 .radio {
	display: block!important;
}

.s_ac2 .radio input {
	display: none;
}

.tform td.s_ac2{
	overflow: hidden;
}

.tform td.s_ac2 .wpcf7-list-item label{
	margin: 0;
	cursor: pointer;
}

.tform td.s_ac2 .wpcf7-list-item{
	position: relative;
	width: 15%;
	margin-right: 0.9%;
	display:block;
	float: left;
	
}

.tform td.s_ac2 .wpcf7-list-item .wpcf7-list-item-label{
	text-indent: -9999px;
}



.tform td.s_ac2 .wpcf7-list-item:last-child{
	margin-right:0;
}

.tform td.s_ac2 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label{
	position: relative;
    display: inline-block;
    background-image:url("../images/event/fukuchi.jpg");
    background-repeat: no-repeat;
    background-size:contain;
    width: 90px;
    height:90px;
}

.tform td.s_ac2 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label{
	position: relative;
    display: inline-block;
    background-image:url("../images/event/ohashi.jpg");
    background-repeat: no-repeat;
    background-size:contain;
    width: 90px;
    height:90px;
}

.tform td.s_ac2 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label{
	position: relative;
    display: inline-block;
    background-image:url("../images/event/kuwano.jpg");
    background-repeat: no-repeat;
    background-size:contain;
    width: 90px;
    height:90px;
}

.tform td.s_ac2 .wpcf7-list-item:nth-of-type(4) .wpcf7-list-item-label{
	position: relative;
    display: inline-block;
    background-image:url("../images/event/no.jpg");
    background-repeat: no-repeat;
    background-size:contain;
    width: 90px;
    height:90px;
}



.s_ac2 .radio input + .wpcf7-list-item-label {
	border: 3px #ffffff solid;
	background-color: #ffffff;
	display: block;
}
.s_ac2 .radio input:checked + .wpcf7-list-item-label {
	border: 3px #EB6100 solid;
	background-color: #ffeeee;
}



/*エラーチェック css*/

.wpcf7-not-valid-tip {
  clear: both;
  color: #D20000 !important;
  background:none!important;
  font-size: 10px !important;
  display: block;
  padding: 5px 0 0 0;
}

.wpcf7 form.sent .wpcf7-response-output {
	background: #46b450!important;
  color: #FFF !important;
	
	padding: 6px 10px  !important;
  font-size: 14px !important;
  border-radius: 5px !important;
}

.btn_kakunin input.bt[type="submit"][disabled] {
  background-color: #999;
}

.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #C1272D !important;
  background: #C1272D !important;
  color: #fff !important;
  padding: 6px 10px  !important;
  font-size: 14px !important;
  border-radius: 5px !important;
}

/*202511 contactform7用　建築士設定*/

/* 基本デザイン（PC） */
/* --- ラジオボタン非表示 (クリック可) --- */
.s_ac .wpcf7-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* --- ラベルと画像設定 --- */
.tform td.s_ac .wpcf7-radio .wpcf7-list-item {
  position: relative;
  width: 15%;
  margin-right: 0.9%;
  display: block;
  float: left;
}

.tform td.s_ac .wpcf7-radio .wpcf7-list-item:last-child {
  margin-right: 0;
}

.tform td.s_ac .wpcf7-radio label {
  margin: 0;
  cursor: pointer;
  display: block;
  position: relative;
}

/* --- テキストを隠して画像に置き換え --- */
.tform td.s_ac .wpcf7-radio .wpcf7-list-item-label {
  text-indent: -9999px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  border: 3px #ffffff solid;
  background-color: #ffffff;
  transition: border-color 0.2s, background-color 0.2s;
}

/* --- 各画像設定 --- */
.tform td.s_ac .wpcf7-radio .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label {
  background-image: url("../images/event/fukuchi.jpg");
}
.tform td.s_ac .wpcf7-radio .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label {
  background-image: url("../images/event/ohashi.jpg");
}
.tform td.s_ac .wpcf7-radio .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label {
  background-image: url("../images/event/kuwano.jpg");
}
.tform td.s_ac .wpcf7-radio .wpcf7-list-item:nth-of-type(4) .wpcf7-list-item-label {
  background-image: url("../images/event/kataoka.jpg");
}
.tform td.s_ac .wpcf7-radio .wpcf7-list-item:nth-of-type(5) .wpcf7-list-item-label {
  background-image: url("../images/event/no.jpg");
}

/* --- チェック時のスタイル --- */
.s_ac .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label,
.s_ac .wpcf7-radio input[type="radio"]:checked ~ .wpcf7-list-item-label {
  border: 3px #EB6100 solid;
  background-color: #ffeeee;
}

/*資料請求　ラジオボタン　横並び設定*/
.ryoko .wpcf7-list-item {
  display: inherit!important;
  margin: 5px 0 0 0 !important;
}



/* --- スマホ対応 (767px以下) --- */
@media screen and (max-width: 767px) {
  .tform td.s_ac .wpcf7-radio .wpcf7-list-item {
    width: auto;
    margin-right: 0.9%;
    float: left;
  }

  .tform td.s_ac .wpcf7-radio .wpcf7-list-item-label {
    width: 15vw;
    height: 15vw;
    background-size: cover;
  }
	
	.s_ac .wpcf7-list-item {
  display: block !important;
  margin: 0 0.9% 0 0 !important;
}
	
	/*資料請求　ラジオボタン　横並び設定*/
.ryoko .wpcf7-list-item {
  display: block !important;
  margin: 5px 0 0 1em !important;
}
	
.radio_y .wpcf7-list-item {
  display: block!important;
  margin:  0 0 1em 0!important;
}

/* --- エラーメッセージ調整（見た目を崩さない） --- */
.wpcf7-not-valid-tip {
  clear: both;
  color: #D20000 !important;
  background:none!important;
  font-size: 2.666vw !important;
  display: block;
  padding: 1vw 0 0 0;
}

}