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

h1{color:#801351; font-size:130%;text-align:center;padding:15px 0 0;font-weight: bold;letter-spacing:-1.5px;text-shadow: 0.5px 0.5px 1px #DCDCDC;}


#c01{width:93%;margin:0 auto;}
.b_box{font-size:95%; letter-spacing:-1.5px; line-height:150%;margin-top:-10px;}

	  
form{padding:30px 0;}
 form div{padding: 8px 0;}
  
  form div + div {
    margin-top: 5px;}
	
/**iframe内の縦幅の指定****/		

		
/****基本設定******/	

/*****名前　ふりがな　電話　アドレス*****/	
.box label{display: inline-block; width: 26%; text-align:right;font-size:90%; letter-spacing:-2px;color:#801351;font-weight: bold;}
.box input, textarea{
    border:2px solid #999;
    padding: 2px;
    color: #000;
    background: #fff;
    border-radius: 5px;
	width: 65%;
	font-size: 18px;
    zoom: 1;
	margin-left:8px;}


	
	/********ラジオボタン  性別*********/
.radio{padding:5px 0 0;}
 .radio .box2{width: 45px; float:left;padding:8px 0 0 60px;color:#801351;font-weight: bold;font-size:90%;}
 .radio .box3{float:left; padding:0 0 0 20px;}
 .radio .box3 label{padding-left:5px; padding-right:30px;line-height:160%;}
/********ラジオボタン*********/


/****年齢**/
.box1 label{display: inline-block; width: 28%; text-align:right;font-size:90%; letter-spacing:-1.5px;color:#801351;font-weight: bold;}
.box1 input{
    border:2px solid #999;
    padding: 2px;
    color: #000;
    background: #fff;
    border-radius: 5px;
	width: 50px;
	font-size: 18px;
	margin:0 10px 0px 4px;
    zoom: 1;
	}


	
/****住まい******/		
.box4 label{display: inline-block; width: 28%; text-align: right; font-size:90%; letter-spacing:-1.5px;color:#801351;font-weight: bold;}
.box4 select{
    padding: 5px;
	width: 40%;
	font-size: 18px;
	margin-left:4px;
    zoom: 1;}
	
.cap{text-align:center;color:#ba0808;font-size:95%; letter-spacing:-1.5px;line-height:120%;}


/*詳細のところ*/
textarea {
    /* 複数行のテキストフィールドをラベルにきちんと揃える */
    vertical-align: top;
    /* テキスト入力に十分な領域を与える 行間 */
    height: 5em;
    /* ユーザが textarea を垂直方向にリサイズできるようにする
       これが動作しないブラウザもある */
    resize: vertical;}

 .demo04{text-align:center;padding:20px 0 30px;width:98%;margin:0 auto;}
 

 
 
 
 
 
 
 
 
 
/***************************************
330pxまでの幅の場合に適応される　iphone5など
***************************************/


@media screen and (max-width: 330px) {
	
	#c01{width:97%;margin:0 auto;}


}


/***************************************
400px以上の幅の場合に適応される　iphone6 plusなど
***************************************/


@media screen and (min-width: 400px) {

#c01{width:90%;margin:0 auto;}
.b_box{font-size:95%; letter-spacing:-1.5px; line-height:150%;margin:0 auto;}

}

/*20211013追記*/

.box2.page-check{
  margin-top: 10vw;
}
.check-list > div{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.check-list dt{
  font-weight: 600;
  color: #801351;
  width: 8em;
}
.check-list dt p{
  font-size: .9em;
}
.check-list dd{
  width: calc(100% - 8em);
}
.form-operate > .back-btn{
  position: relative;
  padding-left: 10px;
}
.form-operate > .back-btn::before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-color: #000 transparent transparent #000;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(-45deg);
}
.form-operate .back-btn button{
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
    cursor: pointer;
}