@charset "UTF-8";


/* フローのタブ */
.process {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0 auto 2em;
    font-size: 1.5vw;
    list-style: none; text-align: center;
}

.process > li {
		color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
		padding: 1em 2em 1em 2em;
		width: 31%;
    height: 3em;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
		margin-left: 2.5%;
		font-weight: 900;
}
.process li:first-child {margin-left: 0;}

.process > li::before,
.process > li::after {
    position: absolute;
    content: "";
}
.process > li::before {
    top: 19%;
    right: -1.5em;
    z-index: -1;
    transform: translateY(-50%) scaleX(0.5) rotate(45deg);   
	 	width: 6.68em;
    height: 4em;
    border-left: none;
    border-bottom: none;	
	  background: #bcbcbc;
}
		
.process > li::after {
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: -1;
		width: 89%;
    border-right: none;	
	  background: #bcbcbc;
}
		
.process > li.current::before, .process > li.current::after {	
	  background: #f18e29;
}


@media (min-width: 960px) {
	/* フローのタブ */
	.process > li {
			width: 32%;
			margin-left: 2%;
	}

	.process > li::before {
			width: 7em;
	}

	.process > li::after {
			width: 90%;	
	}

	/* お問い合わせ */
	.contact .item .label {
		float: left;
	}	
	
	.contact .item .input-area {
		padding-left: 268px;
	}	
	
	.contact .item input[type=text],
	.contact .item input[type=email],
	.contact .item input[type=tel],
	.contact .item textarea {
		width: 400px;
	}
	
	.contact #name{
		width: 240px;
		display: inline;
	}

	.contact #tel-num {
		width: 200px;
	}

}