@charset "UTF-8";

/* main.css
**************************************************************************************/

/* Base
=============================================================================*/

.contents-area .form-box {
	border-top:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
}
.contents-area .form-box-table .item-title {
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	background-color:#FFECE4;
}
.contents-area .form-box-table .item-input {
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
}

@media screen and (max-width: 679px){
.contents-area .form-box {
	border-top:none;
	border-left:none;
}
.contents-area .form-box-table .item-title {
	border-right:none;
	border-bottom:none;
	background-color:#FFF0EA;
}
.contents-area .form-box-table .item-input {
	border-right:none;
	border-bottom:none;
}
}

/* Error
=============================================================================*/
/*必須アイコン*/
.contents-area span.error::before {
    background-color: #ea5308;
}

/* 見出し（h2）
=============================================================================*/

.contents-area .h2-title-area {
	background-color:#FFFFFF;
	margin-bottom:20px;
	margin-top:30px;
}
.contents-area .h2-title-area h2 {
	border-left:8px solid #ea5514;
	padding:5px 0 5px 15px;
}
.contents-area .h2-title-area h2 span {
	font-size:20px;
}

@media screen and (max-width: 679px){
.contents-area .h2-title-area {
	padding:0 5px;
	margin-bottom:15px;
	margin-top:15px;
}
.contents-area .h2-title-area h2 {
	padding:5px 0 5px 10px;
}
.contents-area .h2-title-area h2 span {
	font-size:18px;
}
}

/* 小見出し（h3）
=============================================================================*/

.contents-area .h3-title-area h3 {
	border-bottom:1px solid #CCCCCC;
}

/* 住所
=============================================================================*/

.contents-area .address-input .zipcode-search input.search-btn {
	background:#19404b;
}


/* Bottom Btn
=============================================================================*/

.contents-area .bottom-btn-area p input {
	background: url("../../image/btn-ar001.png") #ff9600 no-repeat 30px center;
	padding:22px 85px 22px 89px;

	/*shadow*/
	-moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
}

.c-arrow-label {
  margin: 0px auto;
  width: 300px;
  max-width: 300px;
  
}


.c-arrow-label__item {
  position: relative;
  background-color: #ff9600;
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 60px;
  cursor: pointer;
  width: 100%;
  &::before {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    border-top: solid 30px transparent;
    border-bottom: solid 30px transparent;
    border-left: solid 20px  #ff9600;
  }
}

.c-arrow-label2 {
  margin: 0px auto;
  width: 300px;
  max-width: 300px;
  
}
.flort {
margin-left: 115px;
}
.flort li {
float: left;
margin-left: 50px;
}
.c-arrow-label__item2 {
  position: relative;
  background-color: #7E7E7E;
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 60px;
  width: 100%;
  cursor: pointer;
  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    border-top: solid 30px transparent;
    border-bottom: solid 30px transparent;
    border-right: solid 20px  #7E7E7E;
  }
}
.c-arrow-label__item:hover,
.c-arrow-label__item2:hover{
opacity: 0.6;
}
.contents-area .bottom-btn-area p input.color1{
background-color: #7E7E7E;
}
.contents-area .bottom-btn-area p input.color2{
background-color: #D34100;
}
.contents-area .bottom-btn-area p.step03-btn input {
	background-image: none;
}

@media screen and (max-width: 679px){
.contents-area .bottom-btn-area p input {
	display:block;
	width:100%;
	padding:20px 40px 20px 50px;
	/*border-box*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
	font-size:16px !important;
}
.contents-area .bottom-btn-area p.step03-btn input {
	background-position:20px center;
}

}


/* ログインページ
=============================================================================*/

.txt-login-page .contents-area .login-area .login-btn input {
	-moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
	background:#ff9600;
}