@charset "utf-8";

@media screen and (max-width: 640px) {
	select {
		border-radius: 0;
		outline: none;
		border:1px solid rgb(118,118,118);
	}
	#calc {
		position: relative;
	}
	
	#calc p {
		margin-bottom: 0;
	}

	.open_new{
		display: none;
	}
		
	/*--------------------------------------
		calc_initiator
	--------------------------------------*/
	#calc_initiator{
		padding-bottom: 0;
	}
	
	#calc_initiator > p {
		display: none;
	}
	#calc_initiator > div {
		padding: 0;
		font-size: 12px;
	}
	
	#calc_initiator h2 {
		padding-left: 10px;
		color: #000;
		font-size: 18px;
		border-left: 8px #d00 solid;
		background: none;
	}

	#calc_initiator_require {
		padding: 8px;
	}
	#calc_initiator_require > p {
		line-height: 1.2;
		margin-bottom: 10px;
		font-size: 120%;
	}
	#calc_initiator_require > p b {
		color: #d00;
		font-weight: normal;
	}
	#calc_initiator_require > p br {
		display: none;
	}
	
	#calc_initiator_require ul {
		list-style: none;
		margin-bottom: 10px;
	}
	
	#calc_initiator_require ul li {
		margin: 0 0 6px;
	}
	#calc_initiator_require ul li span {
		display: none;
	}
	
	#calc_initiator_require select {
		width: 100%;
		height: 40px;
		font-size: 16px;
		border-radius: 10px;;
	}
	#calc_initiator_require select.decoration1 {
		animation: decoration1 1s ease infinite;
		border: 1px solid #f00;
	}

	/* calc_initiator_result */
	#calc_initiator_result {
		position: relative;
		padding: 20px 8px 10px;
	}
	
	#attention_before_calc {
		display: none !important;
	}

	#loading {
		position: absolute;
		left: 0;
		top: 45%;
		z-index: 100;
		display: block;
		width: 100%;
		text-align: center;
		font-size: 120%;
		font-weight: bold;
	}

	#calc_initiator_confirm {
		display: none;
	}

	#calc_initiator_confirm select {
		margin: 0 0 3px 3px;
		font-size: 11px;
		padding: 0;
	}

	
	#initiator_valuation {
		text-align: center;
	}
	
	#initiator_valuation ul {
		list-style: none;
		width: 100%;
	}
	
	#initiator_valuation li {
		box-sizing: border-box;
		position: relative;
		float: left;
		width: 28%;
		margin-left: 0;
		padding: 0;
		text-align: center;
		line-height: 20px;
		border: 4px solid #f7c1bc;
		border-radius: 8px;
	}
	#initiator_valuation li+li {
		margin-left: 8%;
	}

	#initiator_valuation li p {
		color: #7b555e;
		font-weight: bold;
		background: #f7c1bc;
	}

	#initiator_valuation li b {
		line-height: 30px;
		font-size: 20px;
		font-weight: bold;
		color: #e50000;
	}
	
	#initiator_valuation li .plus {
		position: absolute;
		top: 1.1em;
		left: -31%;
		width: 20px;
		height: 20px;
		color: #7b555e;
		line-height: 20px;
		font-size: 13px;
		background: #f7c1bc;
		border-radius: 20px;
	}

	#initiator_valuation li img {
		display: none;
	}


	/*--------------------------------------
		attention_after_calc
	--------------------------------------*/
	#attention_after_calc {
		clear: both;
		display: none;
		padding: 6px 0;
	}
	#attention_after_calc > p {
		position: relative;
		padding-bottom: 30px;
		font-size: 15px;
		font-weight: bold;
		color: #d00;
		text-align :center;
	}
	#attention_after_calc > p br {
		display: none;
	}

	#attention_after_calc > p::after {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translate(-50%);
		content: "";
		border-top: 15px solid #f7c1bc;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}


	/* form */
	#attention_after_calc dl {
		padding: 0;
	}
 
	#attention_after_calc dl dt {
		float: none;
		width: 100%;
		padding: 5px 0;
		color: #000;
		font-weight: normal;
		font-size: 15px;
		border: 0 !important;
		border-top:1px solid #eee !important;
	}
	#attention_after_calc dl dt.required {
		padding-left: 2.1em;
	}

	#attention_after_calc dt.required:before {
		position: absolute;
		left: 0;
		display: inline-block;
		padding: 0 3px;
		content:"必須";
		color: #000;
		font-size: 90%;
		background-color: #f7c1bc;
		border-radius: 5px;
	}

	#attention_after_calc dl dd {
		clear: both;
		float: none;
		margin-left: 15px;
		margin-bottom: 5px;
		padding: 0;
		border: 0;
		font-size: 13px;
	}
	#attention_after_calc input,
	#attention_after_calc select,
	#attention_after_calc textarea {
		box-sizing: border-box;
		width: 100%;
		padding: 5px 3px;
		font-size: 14px;
	}

	#formsubmit {
		clear: both;
		overflow: hidden;
		position: relative;
		top: 8px;
		display: block;
		width: 95%;
		height: 50px;
		margin: 0 auto 30px;
		line-height: 20px;
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		text-align: center;
		animation: decoration2 2s ease infinite;
		animation-delay: 3s;
		background: linear-gradient(#5ab0ff 2%, #0049aa 98%);
		border-radius: 10px;
		border: none;
	}
	#formsubmit::first-line {
		line-height: 30px;
		font-size: 18px;
	}
	#formsubmit::before {
		content: '';
		position: absolute;
		top: 0px;
		left: -200%;
		width: 300%;
		height: 100%;
		background: linear-gradient(120deg, rgba(255, 255, 255, 0) 33.33%, rgba(255, 255, 255, 0) 33.33%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 66.66%, rgba(255, 255, 255, 0) 66.66%);
		animation: decoration3 5s ease infinite;
		animation-delay: 3s;
	}
	#formsubmit::after {
		position: absolute;
		top: 0px;
		right: 0;
		float: right;
		content: "➡";
		width: 45px;
		height: 50px;
		line-height: 50px;
		clip-path: polygon(0% 100%, 11.5% 0%, 100% 0%, 100% 100%);
		background: linear-gradient(#1694ff 2%, #003e80 98%);
		border-radius: 10px 10px 10px 0;
	}
	
	
	@keyframes decoration1 {
		0% {box-shadow: 0px 0px 0px 2px rgba(255, 0, 0, 0.5), 0px 0px 0px 0px rgba(255, 0, 0, 0.5);}
		100% {box-shadow: 0px 0px 0px 2px rgba(255, 0, 0, 0.5), 0px 0px 0px 10px rgba(255, 255, 255, 0);}
	}
	@keyframes decoration2 { 10% { transform: scale(1); } 50% { transform: scale(0.96); } 90% { transform: scale(1); } }
	@keyframes decoration3 { 0% { left: -200%; } 20% { left: 0%; } 100% { left: 0%; } }



	/* other */
	.calc_hiddens {
		display: none;
	}

	#calc #example {
		border-bottom: 2px solid #d00;
	}
	
	#calc #example h2 {
		font-size: 160%;
	}
	#calc #example ol li em {
		font-weight: bold;
		font-size: 20px;
		color: #d00;
	}
	#calc #example .link_button {
	    background: #2943c7;
	    color: #fff;
	}
	
	#calc #example input,
	#calc #example .btn {
		clear: both;
		display: block;
		width: 95%;
		margin: 8px auto 3px;
		padding: 8px 0;
		border: 0;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-webkit-appearance: none;
		background: #2943c7;
		font-size: 13px;
		color: #fff;
		cursor: pointer;
	}

}