@charset "utf-8";
/* CSS Document */

form *{
  letter-spacing: normal;
}

/*PC/smp 表示切り替え
---------------------------------*/
section.f_moushikomi-2 .pcNone{
display: block;
}
section.f_moushikomi-2 .spNone{
display: none;
}



/* select
------------------------------------*/
section.f_moushikomi-2 select{
  appearance: auto;
  border-radius: 0;
  border: 1px solid #ccc;
  outline: 0;
  margin: 0;
  background-color: #fff;
}

label {
 display: inline-block;
}



/**
 * input select
---------------------------------------------------------------------*/
section.f_moushikomi-2 input[type="raido"], 
section.f_moushikomi-2 input[type="text"], section.f_moushikomi-2 input[type="tel"] {
  padding: 5px;
  width: 210px;
  height: 40px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #fffbd5;
  outline: none;
  line-height: 1.5;
  float: right;
  position: relative;
  left: 0;
}

section.f_moushikomi-2 label.error {
  font-size: clamp(11px, 3vw, 12px);
  background-color: #FFE500;
  width: max-content !important;
  padding: 1px .5em;
  position: absolute;
  left: 130px;
  bottom:-1.5em;
  z-index:100;
}

/*input select
--------------------*/
section.f_moushikomi-2 select{
padding:5px;
width: 210px;
height: 40px;
border: 1px solid #ccc;
box-sizing: border-box;
background: #fffbd5;
outline: none;
line-height: 1.5;
float: right;
}

section.f_moushikomi-2 input:focus{
background: #FFE2E2;
}
/*section.f_moushikomi-2 input:-webkit-autofill{
box-shadow: 0 0 0px 999px #fffbd5 inset;
}*/

/*section.f_moushikomi-2 .select_cursor span.material-icons{
display: none;
}*/


/*radio
-------------------*/
section.f_moushikomi-2 input[type="radio"] {
width: 13px;
height: 13px;
vertical-align: -2px;
}
section.f_moushikomi-2 .radio_wrap{
width: 210px;
font-size: 12px;
height: 40px;
line-height: 40px;
}
section.f_moushikomi-2 .radio_wrap label{
cursor: pointer;
}
section.f_moushikomi-2 .radio_wrap label p{
display: inline-block;
margin: 0 10px 0 5px;
}


/*必須アイコン
----------------------------*/
section.f_moushikomi-2 i.required {
margin: 0 5px 0 0;
}
section.f_moushikomi-2 i.required:before {
padding: 0 3px;
content: '必須';
font-size: 10px;
line-height: 3;
font-style: normal;
letter-spacing: 0.1em;
color: #ffffff;
/*display: inline-block;*/
vertical-align: middle;
background-color: #FF3065;
border-radius: 2px;
}

/*任意アイコン
----------------------------*/
section.f_moushikomi-2 i.any {
margin: 0 1px 0 0;
}
section.f_moushikomi-2 i.any:before {
padding: 0 3px;
content: '任意';
font-size: 10px;
line-height: 3;
font-style: normal;
letter-spacing: 0.1em;
color: #ffffff;
/*display: inline-block;*/
vertical-align: middle;
background-color: #3688ff;
border-radius: 2px;
}

/*見出し
---------------------------*/
section.f_moushikomi-2 form div.form2_midashi{
 display: flex;
 justify-content: center;
 align-items: center;
}
section.f_moushikomi-2 form div.form2_midashi div.hukidashi{
float: left;
background: #1153BE;
margin-right: 22px;
padding: 6px 12px;
height: 52px;
line-height: 1.2;
border-radius: 5px;
position: relative;
z-index: 2;
}
section.f_moushikomi-2 form div.form2_midashi div.hukidashi span{
color: #FFF;
font-weight: bold;
font-size: 18px;
display: block;
text-align: center;
}

section.f_moushikomi-2 form div.form2_midashi div.hukidashi:after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 15px;
border-color: transparent transparent transparent #1153BE;
position: absolute;
right: -12px;
    top: 50%;
    transform: translateY(-50%);
}

section.f_moushikomi-2 form div.form2_midashi h2{
font-weight: bold;
font-size: 24px;
color: #1153BE;
line-height: 1.1;
margin: 0 auto 10px;
float: left;
}
section.f_moushikomi-2 form div.form2_midashi h2 span{
font-weight: normal;
font-size: 17px;
}

/*form
-------------------------------------*/
section.f_moushikomi-2 .clearfix::after {
content: "";
display: block;
clear: both;
}
section.f_moushikomi-2 form {
    background: #EB5505;
    padding: 0 0 30px;
    width: 100%;
    min-width: 1000px;
}
.form2_title {
    background: #EB5505;
    text-align: center;
    padding: 0;
    width: 950px;
}
section.f_moushikomi-2 .form2_contents {
display: flex;
flex-wrap: wrap;
width: 980px;
clear: both;
max-width:1000px;
background-color: #fff;
justify-content:space-between;
border-radius: 5px;
height: auto;
border: 2px solid #f20544;
padding: 12px 20px 0 18px;
margin: 0 auto;
}
section.f_moushikomi-2 .form2_contents ul{
margin: 0;
width: 710px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 236px;/*168px;*//*行数調整 3L「117px」*/
}
section.f_moushikomi-2 .form2_contents ul li{
list-style: none;
display: flex;
flex-wrap: wrap;
margin:0 15px 4px 0;
width: 340px;
}
section.f_moushikomi-2 .form2_contents ul li p:nth-child(1){
margin: 0;
font-size: 13px;
width: 130px;
line-height: 40px;
display: inline-block;
}



/******************************************************/
/* checkbox
----------------------------------------------*/
section.f_moushikomi-2 input[type="checkbox"] {
width: 13px;
height: 13px;
vertical-align: -2px;
}
section.f_moushikomi-2 li.checkbox_wrap {
	display:flex;
	width:100%;
	flex-wrap:wrap;
	padding-top:.2em;
}
section.f_moushikomi-2 li.checkbox_wrap label{
cursor: pointer;
}
section.f_moushikomi-2 li.checkbox_wrap label p{
display: inline-block;
margin: 0 10px 0 5px;
}
section.f_moushikomi-2 li.checkbox_wrap input[type="checkbox"] {
  border-radius: 0;
  outline: 0;
  background-color: #59DCFF;
  position: relative;
  top: 2px;
  box-shadow: none;
  border: 1px solid #A9E8FF;
  margin: 3px 2px;
  transform: scale(1.2);
}

section.f_moushikomi-2 li.checkbox_wrap div span {
	font-size:13px;
	vertical-align: -18%;
	padding:0 1.5em 0 0;
	line-height:1.2;
	margin:0;
	max-width:100%;
}

section.f_moushikomi-2 li.checkbox_wrap div {
width:63%;
	margin:0 -2% 0 0;
	padding:0;
}
section.f_moushikomi-2 li.checkbox_wrap label.kibou {
width:38%;
	margin:0;
	padding:0;
	font-size:13px;
}




/**
 * 送信ボタン
------------------------------------------------ */
section.f_moushikomi-2 div.send_btn_wrap {
  position: relative;
  width: 222px;
  text-align: center;
}
section.f_moushikomi-2 button.send_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  user-select: none;
  width: 210px;
}
section.f_moushikomi-2 .send_btn_wrap div picture img {
  margin: 2em 0 .5em;
}
section.f_moushikomi-2 button:hover {
  margin-top: 0;
  filter: brightness(120%);
  transition: all .1s ease-in-out;
}
section.f_moushikomi-2 button:active {
  margin-top: 1px;
  filter: brightness(95%);
  transition: all .1s ease-in-out;
}
section.f_moushikomi-2 button.send_btn div p:nth-child(1) {
  margin: -4px 0 0;
  width: 100%;
  text-align: left;
}
section.f_moushikomi-2 button.send_btn div p:nth-child(2) {
  border-bottom: 2px solid #a81341;
  margin: 0;
  background: #f20544;
  border-radius: 4px;
  color: #FFF;
  text-align: left;
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 23px;
  font-weight: bold;
  padding-left: 15px;
}
section.f_moushikomi-2 button.send_btn div p:nth-child(2):after {
  font-family: 'Material Icons';
  content: "\e315";
  vertical-align: -7%;
}




/*入力欄デフォルトテキスト
-----------------------------------------*/
section.f_moushikomi-2 input::placeholder {
color: #ccc;
font-size: 12px;
}


/* 建物タイプ
--------------------------------*/
/**1**/
section.f_moushikomi-2 .radio_bt01 {
	display: none;
}
section.f_moushikomi-2 .radio_bt01 + label {
	padding-left: 20px;
	position: relative;
	margin-right: 20px;
	font-size: 13px;
}
section.f_moushikomi-2 .radio_bt01 + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: auto;
	margin: auto;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius: 50%;
	box-sizing: border-box;
}
section.f_moushikomi-2 .radio_bt01:checked + label {
color: #29ABE2;
}
section.f_moushikomi-2 .radio_bt01:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 4px;
	bottom: 0;
	right: auto;
	margin: auto;
	width: 8px;
	height: 8px;
	background: #29ABE2;
	border-radius: 50%;
	box-sizing: border-box;
}
/**2**/
section.f_moushikomi-2 .button-radio input[type="radio"] {
	display: none;
}
section.f_moushikomi-2 .button-radio {
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	justify-content: flex-start;
    width: 210px;
    height: 40px;
    float: right;
}
section.f_moushikomi-2 .button-radio .type01_wrap {
	flex: 1 1 50%;
	margin: 0 2px 0 0;
	padding: 0 0;
	text-align: center;
	box-sizing: border-box;
}
section.f_moushikomi-2 .button-radio .type01_wrap:last-child {
	flex: 1 1 50%;
	margin: 0 0 0 2px;
	padding: 0 0;
	text-align: center;
	box-sizing: border-box;
}
section.f_moushikomi-2 .button-radio label {
	cursor: pointer;
	display: flex;
	color: #666666;
	background-color: #fff;
	padding: 0;
	width: 100%;
	text-align: center;
	border: 1px solid #ABABAB;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 13px;
	height: 40px;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
}




section.f_moushikomi-2 .button-radio label span {
	font-weight: normal;
     user-select:none;
}
section.f_moushikomi-2 .button-radio label i {
	padding-right: .4em;
	display: inline-block;
}
section.f_moushikomi-2 .button-radio input[type="radio"]:checked + label {
	background-color: #fff;
	border: 1px solid #FF3065;
	border-radius: 3px;
	transition:all .1s ease-in-out;
	
}
section.f_moushikomi-2 .button-radio label {
	position: relative;
}
section.f_moushikomi-2 .button-radio input[type="radio"]:checked + label {
	color: #FF3065;/*ff0000;*/
}







/************************************************************************************/
/*SMP
-------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
/*PC/smp 表示切り替え
-----------------------*/
section.f_moushikomi-2 .pcNone{
display: none;
}
section.f_moushikomi-2 .spNone{
display: block;
}

    
/*input select
--------------------*/
section.f_moushikomi-2 input[type="raido"],
section.f_moushikomi-2 input[type="text"],
section.f_moushikomi-2 input[type="tel"]
{
padding:5px;
width: 62% !important;
height: 40px;
border: 1px solid #ccc;
box-sizing: border-box;
background: #fffbd5;
outline: none;
border-radius: 2px;
box-shadow: 0;
line-height: 1.5;
font-size: 12px !important;
-webkit-appearance: none;
  position: relative;
  left: 0;
}

section.f_moushikomi-2 label.error {
  font-size: clamp(11px, 3vw, 12px);
  background-color: #FFE500;
  width: max-content !important;
  padding: 1px .5em;
  position: absolute;
  left: 38%;
  bottom: -1.5em;
  z-index: 10;
}
/*input select
--------------------*/
section.f_moushikomi-2 select{
padding:5px;
width: 62%;
height: 40px;
border: 1px solid #ccc;
box-sizing: border-box;
background: #fffbd5;
outline: none;
line-height: 1.5;
float: right;
}



/*form
--------------------------*/
section.f_moushikomi-2 form{
padding: 10px 10px 15px;
min-width: 100%;
}
section.f_moushikomi-2 .form2_contents {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width:100%;
padding: 10px;
border: 1px solid #EB5505;
}
section.f_moushikomi-2 .form2_contents ul{
width: 100%;
height: 100%;
}
section.f_moushikomi-2 .form2_contents ul li{
width: 100%;
margin: 0 0 4px;
	padding:0;
}
section.f_moushikomi-2 .form2_contents ul li label{
width: 100%;
height: auto;
margin:0;
}
section.f_moushikomi-2 .form2_contents ul li p:nth-child(1) {
    margin: 0;
    font-size: 12px;
    width: 38%;
    display: inline-block;
}



/* checkbox　SP
----------------------------------------------*/
section.f_moushikomi-2 input[type="checkbox"] {
width: 12px;
height: 12px;
vertical-align: -2px;
}
section.f_moushikomi-2 li.checkbox_wrap {
	display:flex;
	width:100%;
	flex-wrap:wrap;
}
section.f_moushikomi-2 li.checkbox_wrap label{
cursor: pointer;
}
section.f_moushikomi-2 li.checkbox_wrap label p{
display: inline-block;
margin: 0 10px 0 5px;
}
section.f_moushikomi-2 li.checkbox_wrap input[type="checkbox"] {
  transform: scale(1.3);
  border-radius: 0;
  margin: 3px 2px;
  position: relative;
  top: 5px;
  box-shadow: none;
  border: 1px solid #ddd;
}
section.f_moushikomi-2 li.checkbox_wrap div {
width:62%;
	margin:0 0 .3em;
	padding:0 .2em .5em .5em;
}
section.f_moushikomi-2 li.checkbox_wrap div span {
font-size:14px;
	vertical-align: -35%;
	padding-right:1.5em;
	line-height:1;
	width:auto;
}
section.f_moushikomi-2 li.checkbox_wrap label.kibou {
	width:38%;
	margin:0;
	padding:0;
	font-size:13px;
}


/*送信ボタン
---------------------------*/
section.f_moushikomi-2 div.send_btn_wrap {
    position:inherit;
    width: 100%;
    text-align: center;
}
section.f_moushikomi-2 button.send_btn {
position: inherit;
width: 80%;
margin: 0 auto 5px auto;
top:auto;
left: auto;
transform: none;
}
section.f_moushikomi-2 .send_btn_wrap div picture img {
  margin: 0 0 .5em;
}
section.f_moushikomi-2 button:hover {
  margin-top: 0;
  filter: brightness(120%);
  transition: all .1s ease-in-out;
}
section.f_moushikomi-2 button:active {
  margin-top: 1px;
  filter: brightness(95%);
  transition: all .1s ease-in-out;
}    
section.f_moushikomi-2 button.send_btn div p:nth-child(1){
font-size: 16px;
height: auto;
}
section.f_moushikomi-2 button.send_btn div p:nth-child(2){
width: 100%;
height: 40px;
line-height: 40px;
max-width: 300px;
font-size: 18px;
margin: 0 auto;
display: flex;
justify-content: center;
}
section.f_moushikomi-2 button.send_btn div span.material-icons {
font-size: 30px;
position: relative;
top: 4px;
}
    
    
    
    
/* 建物タイプ sp
------------------*/
section.f_moushikomi-2 .button-radio {
width:62%;
}
 section.f_moushikomi-2 .button-radio div.type01_wrap input + label {
 height:40px;
}   
 
}