@charset "UTF-8";


.ff-title,
.ff-description,
.ff-powered-img img{
  display:none;
}

.ff-button-bar{
  display:none;
}
.form-area-text ul{
	margin-left:2rem;
}

#ff-compose label{
  display:block !important;
  width:300px;
  float:left;
  clear:both;
  font-weight:500;
  padding-top:20px 30px 20px 0;
}
#ff-compose input{
  display:block !important;
  width:500px !important;
  max-width: 100%;
  float:left;
  padding-top:20px 30px 20px 0;
}


#ff-compose input.form-check-input {
  position: relative;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin-right: 2px;
  margin-top: -3px;
  border: solid 1px #e0e0e0;
  box-shadow: none;
  background-color: #f5f5f5;
  outline: none;
  width: 16px !important;
  height: 16px !important;
  vertical-align: middle;
}
#ff-compose   input[type="radio"]::after{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #808080;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 100%;
    display: none; }
#ff-compose   input[type="radio"]:checked:after,
#ff-compose   input[type="checkbox"]:checked:after {
    display: block; }
.form_confirm #ff-compose input[type="radio"]:not(:checked)+input,
.form_confirm #ff-compose input[type="checkbox"]:not(:checked)+input{
  display:none !important;
}
.form_confirm #ff-compose input[type="radio"]:not(:checked),
.form_confirm #ff-compose input[type="radio"]:not(:checked):before,
.form_confirm #ff-compose input[type="radio"]:not(:checked)+label,
.form_confirm #ff-compose input[type="checkbox"]:not(:checked),
.form_confirm #ff-compose input[type="checkbox"]:not(:checked)+label,
.form_confirm #ff-compose input[type="checkbox"]:not(:checked):before{
  display:none !important;
}

.form_confirm #ff-compose select{
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
	appearance: none; /* 標準のスタイルを無効にする */
	pointer-events: none;
	border:none !important;
}
.form_confirm  .policy_wrap,
.form_confirm  .btn_wrap,
.form_confirm  .policy_agree{
	  display:none !important;
}
.btn_wrap_confirm{
	display:none;
}
.form_confirm  .btn_wrap_confirm{
	display:inherit;
}



#ff-compose textarea.form-control,
#ff-compose input.form-control {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  box-shadow: none;
  width: 100%;
  padding-top:20px 30px 20px 0;
  padding: 10px 15px;
  line-height: 1.5;
  background-color: #f5f5f5;
  outline: none;
  border: solid 1px #E0E0E0;
  }

#ff-compose textarea.form-control{
  width:500px;
}

#ff-compose .ff-checkbox label{
  display:inline !important;
}


#ff-compose .rest-form-group,
#ff-compose .form-group{
  border-top:2px dotted #E0E0E0;
  padding-top:20px !important;
  padding-bottom:20px !important;
  clear:both;
}



.ff-form .form-check {
  min-width: auto !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem;
}
.ff-form .form-check label {
  width: auto !important;
  float:none;
  margin-right:20px;
}
 #ff-compose .form-check-other input[type="text"]{
  max-width:100%;
  /*margin-left:4px;*/
}
.ff-form .ff-check-table{
  display:block !important;
}
.ff-form{
  max-width:none !important;
}
.ff-partial{
  display:none !important;
}
#ff-compose textarea.form-control, #ff-compose input.form-control{
  max-width:598px;
  width:100% !important;
  float:none;
}

.ff-required{
  display:inline-block;
}

#ff-compose{
  margin-top:40px;
}
.ff-form label span{
  overflow:initial !important;
}
.ff-required::before{
  content:"必須";
  margin-left: 5px;
  padding: 1px 4px;
  color: #b50081;
  border:1px solid #b50081;
  font-size: 0.7rem;
  font-weight: normal;
}
.ff-required{
  color:#FFF !important;
}
#ff-success{
	display: none;
}

.sps{
	color:#b50081;
}


/* SP */
@media(max-width:768px){
  #ff-compose textarea.form-control, #ff-compose input.form-control{
    max-width:598px;
    width:100% !important;
    float:none;
  }

  .ff-widget-error{
    margin-left:0px !important;
  }   
  #ff-compose .rest-form-group,
  #ff-compose .form-group{
    padding-top:10px !important;
    padding-bottom:10px !important;
    margin-top:0 !important;
  }
  #ff-compose .rest-form-group > label,
  #ff-compose .form-group > label{
    display:block;
    width:100%;
    float:none;
  }
  #ff-compose textarea.form-control, #ff-compose input[type="text"].form-control{
    max-width:none;
    width: 100% !important;
    float:none;
  }
}
.form_agree #ffagree{
  display:block !important;
}

.ff-widget-error b{
  background-color: #b50081 !important;  
}
.ff-widget-error{
  margin-top: 5px;
  display: block;
  left:1rem;
  position: relative;
  /* absolute */
  font-size: 0.9rem;
  color: #b50081 !important;  
}

  .ff-form input[type="text"],
  .ff-form input[type="date"],
  .ff-form input[type="datetime-local"],
  .ff-form input[type="email"],
  .ff-form input[type="number"],
  .ff-form input[type="search"],
  .ff-form input[type="time"],
  .ff-form input[type="file"],
  .ff-form input[type="url"],
  .ff-form input[type="label"],
  .ff-form textarea,
  .ff-form select {
	  border radius:0px !important;
	  border:1px solid #CCC !important;
	  background:#FFF !important; 
  }
  .ff-form select {
	  width:240px !important;
	  height:3rem !important;
  }
  #ff-compose .rest-form-group > label,
  #ff-compose .form-group > label{
	  font-weight:bold;
  }

/* PC */
@media(min-width:769px){
  #ff-compose textarea.form-control, #ff-compose input.form-control{
    max-width:598px;
    width:100% !important;
    width:calc(100% - 300px) !important;
    float:none;
	  height:3rem;
  }

  .ff-widget-error{
    margin-left:300px !important;
  }  

  #ff-compose .rest-form-group > label,
  #ff-compose .form-group > label{
	  padding-top:15px;
	  font-weight:bold;
	  margin-left:1rem;
    padding-bottom:20px !important;
  }
  #ff-compose .form-check-other input[type="text"]{
    width: 300px !important;
  }


.ff-widget-error{
  margin-left:300px !important;
}
}

.form_confirm input[type="email"],
.form_confirm input[type="checkbox"]{
  display:none !important;
  border:none !important;
  margin-left:0px !important;
  padding-left:0px !important;
  background-color:#FFF !important;
}
.form_confirm input:checked{
  display:block;
}
.form_confirm .ff-help p{
  display:none !important;
}
.form_confirm input[type="text"],
.form_confirm textarea{
  border:none !important;
  background:#FFF !important;
  padding:0px !important;
}
.form_confirm input::placeholder {
  color: #FFF !important;
}


.form-check+.form-check+.form-check input[type="text"]{
  margin-left:5.5rem;
}
.form-check+.form-check+.form-check input::before{
  padding-left:2rem;
    /*font-family: 'Noto Sans JP', "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;*/
    content: "その他" !important;
    width:70px !important;
    display:block;
    font-size:14px;
    color: #333;
    }



.btn-contact_off{
  opacity:0.3;
}


.houshin-cont { 
	margin: 31px 100px 52px;  
}
.houshin-title {
	font-size: 30px;
	border-bottom: 3px solid #e6e6e6;
	letter-spacing: 2.5px;
	margin-top: 37px; 
}

.houshin-cont p { line-height: 24px; margin-bottom: 27px; }

.houshin-cont p + ul > li { margin-bottom: 18px; }
.houshin-cont ul:nth-child(4),.houshin-cont ul:nth-child(6) { margin-left: 30px; }
.houshin-cont ul:nth-child(4) li:last-child { margin-bottom: 30px; }
.houshin-cont ul:nth-child(4) dt span,.houshin-cont ul:nth-child(6) dt span {
    margin-right: 24px;
}
.houshin-cont ul:nth-child(4) li:nth-child(4) { margin-bottom: 34px; }
.houshin-cont p,.houshin-cont ul li ul { 
	line-height: 24px;
	margin: 15px 0px 10px 30px;
}

.houshin-cont p a.under { text-decoration: underline; }
.houshin-cont li.adjustment p, .houshin-cont ul li.adjustment ul {
    line-height: 24px;
    margin: 21px 0px 10px 30px;
}

.houshin-cont > li { margin-bottom: 27px; }
.houshin-cont ul li ul li { 
	text-indent: -1.3em;
	padding-left: 1.3em;
}

.houshin-cont h3 { 
	color: #000; 
	border-bottom: 2px solid #e6e6e6;
	font-size: 15px; 
	font-weight: bold;
	padding-bottom: 2px;
}

.houshin-cont h3:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 32px;
    background: #b50081;
    margin-right: 10px;
    position: relative;
    top: 11px;
}


@media (max-width:768px){
	.houshin-cont p, .houshin-cont ul li ul { 
		font-size: 12px; 
		line-height: 20px; 
		margin: 13px 12px 5px;
	}
	.houshin-cont li.adjustment p, .houshin-cont ul li.adjustment ul {
	    line-height: 22px; 
	    margin: 13px 12px 10px;
	}

	.houshin-cont h3 { 
		font-size: 14px; 
		text-indent: -1.3em;
		padding-left: 1.3em;
		padding-bottom: 4px;
	}
	.houshin-cont ul:nth-child(4) dt,.houshin-cont ul:nth-child(6) dt { 
		position: relative;
		padding-left: 2em;
	}
	.houshin-title { font-size: 20px; letter-spacing: 1px; padding-left: 12px; }
	.houshin-cont { margin: 10px 12px 30px; }
	.houshin-cont dd { margin: 0px 16px;}
	.houshin-cont h3:before {
	    height: 32px;
	    top: 12px;
	    width: 3px;
	}
	.houshin-cont ul:nth-child(4) dt span, .houshin-cont ul:nth-child(6) dt span {
	    position: absolute;
	    left: 0px;
	}
	.houshin-cont ul:nth-child(4), .houshin-cont ul:nth-child(6) {
	     margin-left: 0px; 
	}
	#contents { padding-top: 10px; }
}




.policy_wrap{
	margin:0 auto;
	max-width:650px !important;
}
.policy_wrap h4{
	font-weight:bold;
}

.form-last-check{
	font-size:1.1rem;

}
.form-last-check input{
	margin-right:0.4rem;
}
.btn-contact{
	cursor:pointer;
	background:#b50081;	
	color:#FFF;
	width:250px;
	height:60px;
	border:none;
	border-radius:5px;
	font-size:1.1rem;
	margin:0.5rem;
}
.btn_reset{
	cursor:pointer;
	background:#666;	
	color:#FFF;
	width:160px;
	height:40px;
	border:none;
	border-radius:5px;
	font-size:1.1rem;
	margin:0.5rem;
	
}

.btn-top{
	cursor:pointer;
	background:#b50081;	
	color:#FFF;
	width:250px;
	height:60px;
	border:none;
	border-radius:5px;
	font-size:1.1rem;
	margin:0.5rem;
}

.thanks_wrap{
	margin:0 auto;
	width:500px;
	margin-top:2rem;
	background:#f9edf5;
	padding:2rem;
	margin-bottom:2rem;
}
@media (max-width:768px){
.thanks_wrap{
	max-width:80%;
	font-size:0.75rem;
}
.thanks_wrap .ttl_1{
	font-size:1.3rem !important;
}
.thanks_wrap .ttl_2{
	font-size:1.1rem !important;
}
.thanks_wrap .ttl_3{
	font-size:0.8rem !important;
}
}

.thanks_wrap .ttl_1{
	color:#b50081;	
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.5rem;
}
.thanks_wrap .ttl_2{
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.5rem;
}
.thanks_wrap .ttl_3{
	font-size:0.9rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.5rem;
}
.thanks_wrap .ttl_4{
	text-indent:-0.8rem;
	padding-left:1rem;
	margin-bottom:0.5rem;
}

#ErrorOther{
	display:block !important;
}

.scroll_box{
  margin: 15px 0;
  padding: 20px;
  width: 100%;
  height: 220px;
  font-size:12px;
  line-height: 1.75;
  background-color: #fff;
  border: solid 1px #E0E0E0;
  overflow-y: scroll !important;
  overflow-x: hidden !important; 
  box-sizing: border-box;
}
.scroll_box p{
	margin:1rem;
    margin-bottom: 2em;
}

.text-center{
	text-align:center;
}


.mt-1{ margin-top:1rem;}
.mt-2{ margin-top:2rem;}
.mt-3{ margin-top:3rem;}
.mt-4{ margin-top:4rem;}
.mt-5{ margin-top:5rem;}


.mb-1{ margin-bottom:1rem;}
.mb-2{ margin-bottom:2rem;}
.mb-3{ margin-bottom:3rem;}
.mb-4{ margin-bottom:4rem;}
.mb-5{ margin-bottom:5rem;}


.form-area-text span.req{
 margin-left: 5px;
  padding: 1px 4px;
  color: #b50081;
  border:1px solid #b50081;
  font-size: 0.7rem;
  font-weight: normal;
}