@charset "utf-8";

#footer02{
	margin: 0 0 130px 0;
}
/*------------ 申込みフォーム ------------*/
.entryContents{
	background-color: #f7f7f7;
	padding: 20px 0 20px 0;
	text-align: center;
}


.entryArea{
	width: 780px;
	text-align: center;
	margin: 30px auto 0 auto;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
}

.stepArea{
	width: 680px;
	text-align: center;
	margin: 0 auto;
}
/*------------ step ------------*/

.progressbar {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 15%;
    color: #999999;
    font-weight: bold;
    counter-increment: steps;
}
.progressbar li:before {
    display: block;
    width: 36px;
    height: 36px;
    margin: 7px auto 20px auto;
    content: '';
    line-height: 30px;
    font-size: 16px;
	font-weight: bold;
    text-align: center;
    border-radius: 5px;
    background-color: #F5F5F5;
    content: counter(steps);
}
.progressbar li:after {
    position: absolute;
    z-index: -1;
    top: 21px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #F5F5F5;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active,
.progressbar li.complete{
    color: #0070BD;
}
.progressbar li.active:before,
.progressbar li.complete:before {
    background-color: #0070BD;
    color: #FFF;
}
.progressbar li.active:after,
.progressbar li.complete:after {
    background-color: #0070BD;
}



/*---- 注意書きここから ----*/
.contents_inner.caution{
	margin-top: 20px;
	max-width: 780px;
	background-color: #f7f7f7;
	margin-bottom: -30px;
}
.caution-title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.caution-title img{
	width: 25px;
	height: 25px;
}
.caution-title span{
	margin-left: 5px;
}
.contents_inner.caution p{
	font-size: 1.1em;
	text-align: left;
}
/*---- 注意書きここまで ----*/


/*必須に関するデザイン*/
.required::before {
	content: "必須";
	margin-right: 15px;
	color: #FFF;
	font-family: Noto Sans JP;
	font-size: 14px;
	font-weight: bold;
	background: #FF0308;
	width: auto;
	height: 27px;
	flex-shrink: 0;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	border-radius: 6px;
}


.entryAreaTxt01{
	font-weight: bold;
	font-size: 20px;
}
.entryAreaTxt02{
	margin: 5px 0;
}
.entryAreaTxt03{
	margin: 5px 0;
	text-align: left;
	font-size: 16px;
}

.entryAreaTxt04{
	margin: 5px 0;
	text-align: left;
	font-size: 16px;
	color: #FF0004;
}
.entryAreaTxt05{
	margin: 2px 0;
	text-align: left;
	font-size: 13px;
}
.entryAreaTxt06{
	margin: 5px 0;
}
.entryArea1,.entryArea2,.entryArea3{
	overflow: hidden;
}

.entrybodyTxt{
	color: #FF1115;
	font-size: 22px;
	font-weight: bold;
}

/*------------ ラジオボタン ------------*/
/* 横並び flex-warp */
ul.entryArea2-1 ,ul.entryArea2-2 ,ul.entryArea3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.entryArea3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.entryArea3:after{
    content: "";
    display: block;
    width: 240px;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

ul.entryArea2-1 ,ul.entryArea2-2 ,ul.entryArea3 > * + * {
  margin-top: 16px;
}

/* 横並び flex-warp1列 */
ul.entryArea1 li {
  margin: 0 0 15px 0;
}
/* 横並び flex-warp2列 */
ul.entryArea2-1 li ,ul.entryArea2-2 li {
  width: 360px;
  margin: 0 0 15px 0;
}
/* 横並び flex-warp3列 */
ul.entryArea3 li {
  width: 240px;
  margin: 0 0 15px 0;
}

.labelTxt01{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

.labelTxt02{
	font-size:14px;
	line-height:1.8;
	font-weight: normal;
	text-align: left;
}

.labelTxt03{
	font-size:14px;
	line-height:1.1;
	font-weight: normal;
	text-align: left;
}

.labelTxt04{
	font-size: 14px;
    line-height: 1.1;
    font-weight: normal;
    text-align: left;
	color: #707070;
	text-decoration: line-through;
}
.labelTxt03.-cam{
	color: #ed3472;
}

/* ラジオ */
.c-radio__input {
  display: none;
}

label.c-radio:hover {
    opacity: 0.7;
    background-color: #E0EDFF;
}


.c-radio {
  background: #fff;
  border: 2px solid #bbb;
  display: flex;
  align-items: center;
  position: relative;
  padding: 16px 16px 16px 49px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  &:has(input:checked) {
    background: #E0EDFF;
	border: 4px solid #3176d5;
  }
  &:has(input:focus-visible) {
    outline: -webkit-focus-ring-color auto 1px;
  }
  &:has(input:disabled) {
    background: #eee;
    color: #bbb;
  }
  &::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #fff;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    border: 2px solid #bbb;
  }
  &:has(input:checked) {
    &::after {
      position: absolute;
      content: "";
      font-size: 10px;
      width: 15px;
      height: 15px;
      border-radius: 15px;
      background: #3176d5;
      top: 50%;
      left: 21px;
      transform: translateY(-50%);
    }
  }
  &__input {
    position: absolute;
    appearance: none;
  }
}


/* チェックボックス */

.c-check__input {
  display: none;
}

label.c-check:hover {
    opacity: 0.7;
    background-color: #E0EDFF;
}


.c-check {
  background: #fff;
  border: 2px solid #bbb;
  display: flex;
  align-items: center;
  position: relative;
  padding: 16px 16px 16px 49px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  &:has(input:checked) {
    background: #E0EDFF;
	border: 4px solid #3176d5;
  }
  &:has(input:focus-visible) {
    outline: -webkit-focus-ring-color auto 1px;
  }
  &:has(input:disabled) {
    background: #eee;
    color: #bbb;
  }
  &::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 3px;
    background: #fff;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    border: 2px solid #bbb;
  }
  &:has(input:checked) {
    &::after {
      position: absolute;
      content: "";
      font-size: 10px;
      width: 20px;
      height: 10px;
      top: 40%;
      left: 21px;
		border-left: 4px solid #3176d5;
		border-bottom: 4px solid #3176d5;		
		transform: rotate(-45deg);
    }
  }
  &__input {
    position: absolute;
    appearance: none;
  }
}



/*------------ 料金計算 ------------*/
.calculationArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #E0EDFF;
  border-top:5px solid #3176d5;
}
	
.calculationArea02{
	width: 780px;
	text-align: center;
	margin: 10px auto 10px auto;
	background-color: #fff;
	padding: 0px;
	border-radius: 5px;
	overflow: hidden;
}
.calculationArea03{
	background: #3176d5;
	padding: 20px;
	float: left;
	width: 180px;
}
.calculationArea03 p{
	color: #FFFFFF;
	font-weight: bold;
}

.calculationArea04{
	float: left;
	width: 240px;
	padding: 10px 0 0 10px;
}

.calculationArea06{
	float: left;
}

.calculationArea04 dl,.calculationArea05 dl{
	text-align: left;
}

.calculationArea04 dt,.calculationArea05 dt{
	font-weight: bold;
}
.calculationArea04 dd{
}

.calculationLine{
	border-right: 2px solid #3176d5;
}
.calculationTxt{
	color: #FF1317;
	font-weight: bold;
	font-size: 20px;
}


/*------------ ポップアップ ------------*/
/* モーダルを開くボタン */
.modal-open{
  font-size: 14px;
  width: 100px;
  color: #000;
  background: #fff;
  border: none;
  cursor: pointer;
	padding: 20px 1px;
}
.textDecoUL{
	text-decoration: underline;
}


/* モーダルと背景の指定 */
.modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
}

/* モーダルの擬似要素の指定 */
.modal:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}

/* クラスが追加された時の指定 */
.modal.is-active{
  opacity: 1;
  visibility: visible;
}

/* モーダル内側の指定 */
.modal-container{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 600px;
  width: 90%;
}

/* モーダルを閉じるボタンの指定 */
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

/* モーダルのコンテンツ部分の指定 */
.modal-content{
  background: #fff;
  text-align: left;
  line-height: 1.8;
  padding: 20px;
}

/* モーダルのコンテンツ部分のテキストの指定 */
.modal-content p{
  margin: 1em 0;
}

.modal-content dl {
	overflow: hidden;
	border-bottom: 1px solid #E1E1E1;
}
.modal-content dl dt{
	float: left;
}
.modal-content dl dd{
	float: right;
}
.modal01{
	margin: 10px 0 0 0;
}
.modalTxt01{
	font-weight: bold;
	font-size: 20px;
}
.modalTxt02{
	color: #FF1317;
	font-weight: bold;
	font-size: 20px;
}

/*------------ 次へボタン ------------*/
.formBtnArea{
	padding: 30px 0 50px 0;
}
.formbottom {
	text-align: center;
	margin: 10px 0 0 0;
} 
.btns{
    border: 2px solid transparent;
    padding: 10px 30px;
	background-color: rgb(255, 69, 87);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);	
    color: #FFF;
    cursor: pointer;
	width: 300px;
	border-radius: 10px;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
} 
.btns02{
    border: 2px solid transparent;
    padding: 10px 30px;
	background-color: #979797;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);	
    color: #FFF;
    cursor: pointer;
	width: 300px;
	border-radius: 10px;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
} 

.btns:hover,form .btns02:hover{
    color: #ffffff;
	opacity:0.5;
}

/*------------ お客様情報入力 ------------*/
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  margin-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #FF0308;
  color: #fff;
  font-size: 12px;
	font-weight: bold;
}

/*--クレカ--*/
.creditboxLeft{
	float: left;
	width: 30%;
	padding: 14px 0 0 0;
}
.creditboxRight{
	float: right;
	width: 70%;
}
.creditboxLeft02{
	float: left;
	width: 15%;
}
.creditboxLeft03{
	float: left;
	padding: 14px 10px 0 10px;
}
.creditboxLeft04{
	float: left;
	width: 30%;
	margin: 0 10px 0 0;
}
.creditboxLeft05{
	float: left;
	width: 15%;
}

.attentionArea{
	text-align: left;
}
.attentionArea p{
	font-size: 14px;
	color: #FF0004;
}

.attentionArea02{
	text-align: left;
}
.attentionArea02 p{
	font-size: 14px;
}

.form-item-minTxt{
	font-size: 14px;
	color: #666666;
}
.form-item-minTxt02{
	font-size: 14px;
}

.form-itemArea{
	text-align: left;
	font-size: 16px;
}

.form-item {
	padding: 20px 0 0 0;
}

.form-item-name{
	margin: 0 0 5px 0;
}


.form-item-body02{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;	
}

.form-item-body03{
	overflow: hidden;
	
}

.error-text{
	color: #FF0308;
	font-size: 16px;
}

/* 住所検索 */

.zip_link{
	display:inline-block;
	margin-left:20px;
	background:#ff4557;
	color:#FFF;
	border-radius:6px;
	padding:16px 20px;
	text-decoration:none;
	position:relative;
}

.zip_link:before{
	content:"";
	display:inline-block;
	background:url("/images/entry/icon_search.png") no-repeat left top;
	background-size:100% auto;
	width:1vw;
	height:1vw;
	position:relative;
	top:0.1vw;
	right:0.5vw;
}
._hover{
	opacity:1;
	transition: all 0.4s;
}

._hover:hover{
	opacity:0.7;
}


/* input text */
/* ---------------- */

.form-item-text{
}

.form-item-text02{
    width: 360px;
}

.form-item-text03{
    width: 80px;
	float: left;
}
.form-item-text04{
	float: left;
	padding: 14px 5px 0 5px;
}
.form-item-text05{
}

.c-form-text {
    height: 3.4em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
	border: 2px solid #bbb;
	font-size: 16px;
}

.c-form-text:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}



/* select01列 */
/* ---------------- */

.form-item-select{
}

.c-form-select {
    position: relative;
}

.c-form-select select {
	background-color: #FFFFFF;
}

.c-form-select:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    pointer-events: none;
}
.c-form-select select {
    height: 3.4em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #fff inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
	font-size: 16px;
	border: 2px solid #bbb;
}

.c-form-select select::-ms-expand {
    display: none;
}

.c-form-select select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

/* select03列 */
/* ---------------- */

.form-item-select03{
}

.c-form-select03 {
    position: relative;
}

.form-item-select03 {
    width: 240px;
}

.c-form-select03 select {
	background-color: #FFFFFF;
}

.c-form-select03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    pointer-events: none;
}
.c-form-select03 select {
    height: 3.4em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #fff inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
	font-size: 16px;
	border: 2px solid #bbb;
}

.c-form-select03 select::-ms-expand {
    display: none;
}

.c-form-select03 select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}



/* textarea */
/* ---------------- */

.form-item-textarea{
    height: 150px;
}

.c-form-textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px 16px;
    border-radius: 4px;
	border: 2px solid #bbb;
}

.c-form-textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

/*------------ 本人確認書類 ------------*/

.fileArea {
	margin: 20px 0 0 0;
	overflow: hidden;
}

.fileAreaL{
	float: left;
	width:  50%;
}
.fileAreaR{
	float: right;
	width:  50%;
}


.fileAreaTxt{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.deco-file label{
    display: inline-block;
    border: 2px solid #1E88E5;
    color: #1E88E5;
    text-align: center;
    padding: 18px 40px;
    border-radius: 5px;
	font-size: 18px;
}
.deco-file label:hover{
    cursor: pointer;
}
.deco-file input[type="file"]{
    display: none;
}
.deco-file {
	overflow: hidden;
}
.file-names{
	font-size: 14px;
	margin: 5px 0 0 0;
}	



.entryIDarea{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	margin: 10px 0 0 0;
}

.entryIDareaDetail{
	width: 16%;
	font-size: 10px;
}


/*------------ 確認画面 ------------*/

/* confirm_table01 */
.confirm_table01 {
	width: 100%;
	text-align: left;
 	border-top: 1px solid #b5b1b1;
	font-size: 16px;
}

.confirm_table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

.confirm_table01 th,
.confirm_table01 td {
  padding: 16px 0;
  border: none;
}

.confirm_table01 th {
  width: 30%;
}





/* スマホだけに適用するCSS */
@media only screen and (max-width:480px){

/*必須に関するデザイン sp*/
.entryAreaTxt06{
	font-size: 12px;
	text-align: left;
}
	
/*注意書き sp*/
.contents_inner.caution{
	margin-top: 15px;
	margin-bottom: 0;
}
.contents_inner.caution p{
	font-size: 12px;
}
	
/*------------ 申込みフォーム sp ------------*/
.entryContents{
	background-color: #f7f7f7;
	padding: 2% ;
	text-align: center;
}
	
.entryArea{
	width: 100%;
	text-align: center;
	margin: 2% auto 0 auto;
	background-color: #fff;
	padding: 5% 2%;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.stepArea{
	width: 100%;
	margin: 0 auto;
}
	
	
/*------------ 横並びテスト sp ------------*/
ul.entryArea2-1,ul.entryArea2-2,ul.entryArea3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* 横並び flex-warp1列 */
ul.entryArea1 li {
  margin: 0 0 2% 0;
}
ul.entryArea2-1 li {
  width: 100%;
  margin: 0 0 2% 0;
}
ul.entryArea2-2 li {
  width: 49%;
  margin: 0 0 2% 0;
}
ul.entryArea3 li {
  width: 100%;
  margin: 0 0 2% 0;
}

.labelTxt02{
	font-size:14px;
	line-height:1.2;
	font-weight: normal;
	text-align: left;
}
.labelTxt03{
	font-size:14px;
	line-height:1.2;
	font-weight: normal;
	text-align: left;
}

	
	
/*------------ 料金計算 sp ------------*/
.calculationArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #E0EDFF;
  border-top: none;
}
	
.calculationArea02{
	width: 100%;
	text-align: center;
	margin: 0 auto ;
	background-color: #fff;
	padding: 0px;
	border-radius: 5px;
	overflow: hidden;
}
.calculationArea03{
	background: #3176d5;
	padding: 1%;
	float: none;
	width: 100%;
}
.calculationArea03 p{
	color: #FFFFFF;
	font-weight: bold;
}

.calculationArea04{
	float: left;
	width: 39%;
	padding: 10px 0 0 10px;
}

.calculationArea06{
	float: right;
	width: 22%;
}

.calculationArea04 dl,.calculationArea05 dl{
	text-align: left;
}

.calculationArea04 dt,.calculationArea05 dt{
	font-weight: bold;
}
.calculationArea04 dd{
}

.calculationLine{
	border-right: 2px solid #3176d5;
}
.calculationTxt{
	color: #FF1317;
	font-weight: bold;
	font-size: 20px;
}

	
/*------------ ポップアップ sp ------------*/
/* モーダルを開くボタン */
.modal-open{
  font-size: 16px;
  width: 100%;
  color: #000;
  background: #fff;
  border: none;
  cursor: pointer;
	padding: 20px 1px;
	text-decoration: underline;
}

	
	
/*------------ お客様情報入力 sp ------------*/
	
	
/* 住所検索 */
	.zip_link{
		display:inline-block;
		margin-left:2vw;
		background:#ff4557;
		color:#FFF;
		border-radius:6px;
		padding:3.4vw 4vw;
		text-decoration:none;
		position:relative;
	}
	
	.zip_link:before{
		content:"";
		display:inline-block;
		background:url(/images/entry/icon_search.png) no-repeat left top;
		background-size:100% auto;
		width:3vw;
		height:3vw;
		position:relative;
		top:0.1vw;
		right:1.5vw;
	}

/*--クレカ--*/
.creditboxLeft{
	float: none;
	width: 100%;
	padding: 0 0 0 0;
}
.creditboxRight{
	float: none;
	width: 100%;
}
.creditboxLeft02{
	float: left;
	width: 25%;
}
.creditboxLeft03{
	float: left;
	padding: 14px 10px 0 10px;
}
.creditboxLeft04{
	float: left;
	width: 40%;
	margin: 0 10px 0 0;
}
.creditboxLeft05{
	float: left;
	width: 25%;
}
	
	
/* input text */
/* ---------------- */

.form-item-text{
}

.form-item-text02{
    width: 100%;
	margin: 0 0 2% 0;
}

.c-form-text {
    height: 3.4em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
	border: 2px solid #bbb;
	font-size: 16px;
}

.c-form-text:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}



/* select01列 */
/* ---------------- */

.form-item-select{
}

.c-form-select {
    position: relative;
}

.c-form-select select {
	background-color: #FFFFFF;
}

.c-form-select:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    pointer-events: none;
}
.c-form-select select {
    height: 3.4em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #fff inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
	font-size: 16px;
	border: 2px solid #bbb;
}

.c-form-select select::-ms-expand {
    display: none;
}

.c-form-select select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

/* select03列 */
/* ---------------- */

.form-item-select03{
}

.c-form-select03 {
    position: relative;
}

.form-item-select03 {
    width: 100%;
	margin: 0 0 2% 0;
}

.c-form-select03 select {
	background-color: #FFFFFF;
}

.c-form-select03:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    pointer-events: none;
}
.c-form-select03 select {
    height: 3.4em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #fff inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
	font-size: 16px;
	border: 2px solid #bbb;
}

.c-form-select03 select::-ms-expand {
    display: none;
}

.c-form-select03 select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}



/* textarea */
/* ---------------- */

.form-item-textarea{
    height: 100px;
}

.c-form-textarea {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px 16px;
    border-radius: 4px;
	border: 2px solid #bbb;
}

.c-form-textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}
	
/*------------ 本人確認書類 sp ------------*/

.fileArea {
	margin: 5% 0 0 0;
	overflow: hidden;
}

.fileAreaL{
	float: none;
	width:  100%;
	margin: 0 0 5% 0;
}
.fileAreaR{
	float: none;
	width:  100%;
}


.fileAreaTxt{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.deco-file label{
    display: inline-block;
    border: 2px solid #1E88E5;
    color: #1E88E5;
    text-align: center;
    padding: 18px 40px;
    border-radius: 5px;
	font-size: 18px;
}
.deco-file label:hover{
    cursor: pointer;
}
.deco-file input[type="file"]{
    display: none;
}
.deco-file {
	overflow: hidden;
}
.file-names{
	font-size: 14px;
	margin: 5px 0 0 0;
}	
	
	
.entryIDarea{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	margin: 5% 0 0 0;
}

.entryIDareaDetail{
	width: 32%;
	font-size: 10px;
}
	
	
	
/*------------ 確認画面 sp ------------*/
  .confirm_table01 th,
  .confirm_table01 td {
    width: 100%;
    display: block;
  padding: 2% 0;
}

  .confirm_table01 th {
    width: 100%;
  }

  .confirm_table01 td {
    padding-top: 0;
  }
	
	
	
	
	
}