@charset "UTF-8";

/***

お問い合わせ
contact

***/
.contents_title1{
	margin: 60px auto 25px;
	padding: 0;

	letter-spacing: 0;
	
}
@media print, screen and (min-width: 801px) {
.contents_title1{
	letter-spacing: 0.2em;
}
}

.contents_txt1 p{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 35px;
	padding: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 3.4vw;
	line-height: 160%;
	color: #555;
	letter-spacing: 0.02em;
	text-align: justify;
}
@media print, screen and (min-width: 801px) {
.contents_txt1 p{
	font-size: 17px;
	line-height: 160%;
}
}




/***

お問い合わせ切り替えボタン

***/
.contact_flex1{
	clear:both;
	width:92%;
	max-width: 440px;
	height:auto;
	margin:0 auto;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 801px) {
.contact_flex1{
	max-width: 700px;
}
}
.contact_btn1{
	width: 31.819%;
	max-width: 140px;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.contact_btn1{
	width: 31.429%;
	max-width: 220px;
	height: auto;
	margin: 0;
	padding: 0;
}
}
.contact_btn1 a .contact_btn1_on{
	opacity: 0;
}
.contact_btn1 a:hover .contact_btn1_on{
	opacity: 1;
}












/***

お問い合わせ

***/
.table_box1{
	clear: both;
	width: calc( 100% - 2px );
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	border: 1px solid #ccc;
	border: none;
	border-collapse: collapse;
	
/*	background: rgba(240,173,174,0.5);*/
/*	background: #fff;*/
}

/*左*/
.top_box2_fl{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 5px;
	border: none;
	border-collapse: collapse;
	display: block;
}
/*右*/
.top_box2_fr{
	clear: both;
	width: calc( 100% - 2px );
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	display: block;
	
	margin: 0 0 30px;
	margin: 0 0 40px;
}






/*テキスト*/
.contact_txt1{
	width: auto;
	height: auto;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 17px;
	font-size: 3.87vw;
	line-height: 130%;
	color: #727171;
	text-align: left;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	
/*	background: rgba(165,188,124,1.00);*/
}
.contact_txt1.fsize14{
	font-size: 3.2vw;
}
.contact_txt1 div.checked1{
/*
	padding: 0;
	margin: 0;
	background: #ab0d23;
	font-size: 11px;
	line-height: 101%;
	color: #fff;
	display:inline-table;
	vertical-align: middle;
	text-align: center;
	width: auto;
	height: auto;
*/
	margin: 0 0 0 10px;
}
.contact_txt1 div.checked1.m01{
	width: 90px;
	height: 20px;
}
.contact_txt1 div.checked1 p{
	padding: 2px 8px 1px;
	margin: 0;
	background: #ab0d23;
	font-size: 11px;
	line-height: 101%;
	color: #fff;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 20px;
	position: relative;
	top: 1px;
	border-radius: 5px;
}
@media print, screen and (min-width: 801px) {
.contact_txt1 div.checked1 p{
	padding: 1px 8px 1px;
	margin: 0;
	background: #ab0d23;
	font-size: 11px;
	line-height: 101%;
	color: #fff;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 20px;
	position: relative;
	top: 1px;
	left: -5px;
	border-radius: 5px;
}
}
.contact_txt1.lh130{
	line-height: 130%;
}
.contact_txt1 span.font13{
/*
	font-size: 2.2vw;
	line-height: 130%;
*/
}
@media print, screen and (min-width: 801px) {
.contact_txt1 span.font13{
	font-size: 13px;
}
}

.contact_txt1 label{
	width: 50%;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
/*	background: rgba(163,230,197,1.00);*/
}
.contact_txt1 label.w-100{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
/*	background: rgba(250,227,150,1.00);*/
}

.contact_txt1 label.m01{
	margin: 15px 0 0;
}
/*
.contact_txt1 span{
	color: #900;	
}
*/
@media print, screen and (min-width: 801px) {
.contact_txt1.fsize14{
	font-size: 14px;
}
.contact_txt1{
	font-size: 17px;
}
.contact_txt1 label{
	width: 25%;
	height: auto;
	margin: 0;
	padding: 0;
	
/*	background: rgba(163,230,197,1.00);*/
}
.contact_txt1 label.m01{
	margin: 0;
}
.contact_txt1 label.m01.m02{
	margin: 15px 0 0;
}
}


.contact_txt1 label.w-50{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.contact_txt1 label.w-50.m01{
	margin: 15px 0 0;
}
@media print, screen and (min-width: 801px) {
.contact_txt1 label.w-50{
	width: 50%;
	margin: 0 auto;
}
.contact_txt1 label.w-50.m01{
	margin: 0;
}
}


.contact_txt1.text01 label {
  width: 100%;
	height: auto;
	margin: 15px 0 0;
	padding: 0;
	
/*	background: rgba(183,128,177,1.00);*/
}
.contact_txt1.text01 label.m00 {
	margin: 0;
}

/*年齢*/
.ageflex1 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
}



.contact_txt1.text01 label span {
	position: relative;
	padding-left: 0;
	margin: 0 10px 0 0;
	display: inline-block;
	top: 1px;
}


/* テキスト1 */
.contact_txt1.text01 label input[type=text] {
	width: 100%;
	height: auto;
	padding: 8px 0;
	border: 1px solid #ccc;
}
@media print, screen and (min-width: 801px) {
.contact_txt1.text01 label input[type=text] {
	width: 100%;
}
}


.contact_txt1.text02{
	display: flex;
	align-items: center;
}
/* テキスト2 */
.contact_txt1.text02 label input[type=text] {
	width: 90%;
	height: auto;
	padding: 8px 0;
	border: 1px solid #ccc;
	vertical-align: middle;
	
/*	background: rgba(217,212,96,1.00);*/
	
}
@media print, screen and (min-width: 801px) {
.contact_txt1.text02 label input[type=text] {
	width: 90%;
}
}

/* テキスト3 */
/* 氏名,フリガナ,旧姓（必要な場合のみ） */
.contact_txt1.text03 label input[type=text] {
	width: calc( 100% - 2px );
	height: auto;
	padding: 18px 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
}
@media print, screen and (min-width: 801px) {
.contact_txt1.text03 label input[type=text] {
/*	width: 54.5%;*/
}
}
/* テキスト4 */
/*現住所,在籍時住所（必要な場合のみ）*/
.contact_txt1.text04 label {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.contact_txt1.text04 label input[type=text] {
	width: calc( 100% - 2px );
	height: auto;
	min-height: 50px;
	padding: 18px 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
/*	overflow-wrap: break-word;*/
/*
	overflow: auto;
	word-break: break-all;
*/
}
@media print, screen and (min-width: 801px) {
.contact_txt1.text04 label input[type=text] {
	
}
}
/* テキスト5 */
/*現住所,在籍時住所（必要な場合のみ）*/
.contact_txt1.text05 label textarea {
	width: calc( 100% - 2px );
	height: auto;
	height: 50px;
	padding: 18px 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
/*	overflow-wrap: break-word;*/
/*
	overflow: auto;
	word-break: break-all;
*/
}
@media print, screen and (min-width: 801px) {
.contact_txt1.text05 label textarea {
	
}
}




/* テキストエリア1 */
.contact_txt1.textarea01 label {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	
}

.contact_txt1.textarea01 textarea {
	width: calc( 100% - 2px );
	height: 50px;
	padding: 18px 0;
	margin: 0;
	border: 1px solid #ccc;
}

.contact_txt1.textarea01 span.wpcf7-form-control-wrap{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	
/*	background: rgba(238,160,162,1.00);*/
}




/* テキストエリア2 */
.contact_txt1.textarea02 textarea {
	width: 100%;
	height: 200px;
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
}
.contact_txt1.textarea02 {
/*	background: rgba(223,235,110,1.00);*/

}
@media print, screen and (min-width: 801px) {
.contact_txt1.textarea02 textarea {
	width: 100%;
	height: 200px;
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
}
.contact_txt1.textarea02 textarea {
	height: 100px;
}
}
.contact_txt1.textarea02 span.wpcf7-form-control-wrap{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	
/*	background: rgba(238,160,162,1.00);*/
}


/* TEL1*/
/* 氏名,フリガナ,旧姓（必要な場合のみ） */
.contact_txt1.tel01 label input[type=tel] {
	width: calc( 100% - 2px );
	height: auto;
	padding: 18px 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
}
@media print, screen and (min-width: 801px) {
.contact_txt1.tel01 label input[type=tel] {
/*	width: 54.5%;*/
}
}


/* 生年月日1*/
/* 生年月日,入社日,在籍期間（およその期間でもかまいません）*/
.contact_txt1.number01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.contact_txt1.number01 label{
	width: calc( 30% - 2px );
	height: auto;
	padding: 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
}
.contact_txt1.number01 label.label00{
	border: 1px solid #fff;
}
.contact_txt1.number01 label input[type=text] {
	width: calc( 100% - 37px);
	height: auto;
	padding: 18px 0;
	margin: 0;
	border: none;
}
.contact_txt1.number01 label select {
	width: calc( 100% - 37px);
	height: auto;
	padding: 18px 0;
	margin: 0;
	border: none;
}
.contact_txt1.number01 span.span-txt1 {
	position: relative;
	padding: 25px 6px 0 6px;
	vertical-align: bottom;
	float: right;

}

@media print, screen and (min-width: 801px) {
.contact_txt1.number01 label input[type=text] {
/*	width: 54.5%;*/
}
}



.contact_txt1.number01 label{
	width: calc( 30% - 2px );
	height: auto;
	padding: 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
}






/* 生年月日1*/
/* 生年月日,入社日,在籍期間（およその期間でもかまいません）*/
.contact_txt1.number02{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
@media print, screen and (min-width: 801px) {
.contact_txt1.number02{
	width: 66%;
}
}
.contact_txt1.number02 label{
	width: calc( 47% - 2px );
	height: auto;
	padding: 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
}

.contact_txt1.number02 label input{
	width: calc( 100% - 37px);
	width: calc( 100% - 10px);
	height: auto;
	padding: 18px 5px;
	margin: 0;
	border: none;
}
.contact_txt1.number02 label select {
	width: calc( 100% - 37px);
	width: calc( 100% - 10px);
	height: auto;
	padding: 18px 5px;
	margin: 0;
	border: none;
}







/* 住所1*/
.contact_txt1.zip01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.contact_txt1.zip01 label{
	width: calc( 60% - 2px );
	height: auto;
	padding: 0;
/*	margin: 0 0 30px;*/
/*	border: 1px solid #ccc;*/
}
@media print, screen and (min-width: 801px) {
.contact_txt1.zip01 label{
	width: calc( 35% - 2px );
}
}
.contact_txt1.zip01 label input[type=text] {
	width: 100%;
	height: auto;
	padding: 18px 0;
	margin: 0;
	border: none;
	border: 1px solid #ccc;
}

.contact_txt1.zip01 p ,
.contact_txt1.zip01 span.cap01.left01{
	line-height: 105%;
	position: relative;
	margin: 0;
	padding: 0;
/*	top: -0.5em;*/
}
.contact_txt1.zip01 span.cap01.left01{
	top: -0.3em;
}

/*建物の築年数*/
.contact_txt1.select02 label select {
	width: 100%;
	height: auto;
	padding: 18px 0;
	margin: 0;
	border: none;
	border: 1px solid #ccc;
}

/*参加希望日*/
.contact_txt1.select02 label input {
	width: 100%;
	height: auto;
	padding: 18px 0;
	margin: 0;
	border: none;
	border: 1px solid #ccc;
}



/* Email */
/* メールアドレス*/
.contact_txt1.mail01 label input[type=email] {
	width: calc( 100% - 2px );
	height: auto;
	padding: 18px 0;
/*	margin: 0 0 30px;*/
	border: 1px solid #ccc;
}
@media print, screen and (min-width: 801px) {
.contact_txt1.mail01 label input[type=email] {
/*	width: 54.5%;*/
}
}


.contact_txt1.center01{
	width: 100%;
	text-align: center;
}




/* セレクト1*/
.contact_txt1.select01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.contact_txt1.select01 label{
	width: calc( 30% - 2px );
	height: auto;
	padding: 0;
/*	margin: 0 0 30px;*/
/*	border: 1px solid #ccc;*/
/*	background: rgba(230,188,189,1.00);*/
}
.contact_txt1.select01 label select {
	width: 100%;
	height: auto;
	padding: 18px 0;
	margin: 0;
	border: none;
	border: 1px solid #ccc;
}






/***

同意ボタン

***/
.radio-btns.m01 label{
	width: auto;
	height: auto;
	margin: 0 auto;
/*
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
*/
	
/*	background: rgba(199,76,78,1.00);*/
}










/***

個人情報

***/
.contents_box1{
	clear: both;
	width: calc( 100% - 42px );
	height: 250px;
	margin: 0;
	padding: 15px 20px;
	border: 1px solid #ccc;
	
	overflow:inherit;
	overflow-y: scroll;
}
@media print, screen and (min-width: 801px) {
.contents_box1{
	height: 280px;
}
}



.contents_box1 p{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 3vw;
	line-height: 160%;
	color: #555;
	letter-spacing: 0.02em;
	text-align: justify;
}
@media print, screen and (min-width: 801px) {
.contents_box1 p{
	font-size: 14px;
	line-height: 160%;
}
}

.contents_box1 p.title17{
	font-size: 3.4vw;
	line-height: 130%;
	font-weight: bold;
}
@media print, screen and (min-width: 801px) {
.contents_box1 p.title17{
	font-size: 17px;
	line-height: 130%;
}
}



/***

送信ボタン

***/
.submit_btn{
	clear: both;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
/*
	background:rgba(44,165,223,1.00);#2ca5df
	background:rgba(44,165,223,0.2);#2ca5df
*/
}
@media print, screen and (min-width: 801px) {
.submit_btn{
	width: 80%;
	max-width: 480px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
}
}




.submit_btn input.wpcf7-form-control{
	clear: both;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	border: none;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 25px;
	font-size: 5.68vw;
	line-height: 101%;
	margin: 0;
	padding: 0;
	color: #fff;/*同意ボタンオン*/
	letter-spacing: 0.6em;
	text-align: center;
	background:#006923;
	position: relative;
}
/*
.submit_btn_arrow1{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 9px;
	font-size: 2.05vw;
	line-height: 101%;
	margin: 0;
	padding: 0;
	color: #fff;同意ボタンオン
	
	position: absolute;
	top: 40%;
	right: 10%;
	z-index: 10;
}
*/
@media print, screen and (min-width: 801px) {
.submit_btn input.wpcf7-form-control{
	font-size: 25px;
}
}

/*同意ボタンオフ*/
input[type="submit"]:disabled {
	color:rgba(255,255,255,0.3);
	background:rgba(44,165,223,0.5);
/*	background: rgba(27,158,101,0.4);*/
}
/*同意ボタンオフ*/





/*ボタンテキスト　*/
.contact_txt1-btn1{
	width: auto;
	height: auto;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 17px;
	font-size: 3.87vw;
	line-height: 130%;
	color: #727171;
	text-align: left;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.contact_txt1-btn1{
	font-size: 17px;
}

}

.contact_txt1-btn1 label{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

}

