<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* =============================================================================
	common
============================================================================= */

/* button*/
.nextBtn {margin:2em 0; text-align: center;}
.nextBtn input.onclick	{color:#005243; background:#ffffff; font-size: 1.8rem; padding:0.5em 2em; border-radius: 3px; border: 1px solid #005243; cursor: pointer; }
.nextBtn #btnInput,#btnNext,#btnConfirm { color:#ffffff; background: #005243; border:1px solid transparent; cursor:pointer; }
.nextBtn #btnInput:disabled { color:#cccccc; background: transparent; border:1px solid #cccccc; cursor:default; }
@media only screen and (max-width: 768px) {
	.nextBtn input.onclick {font-size: 1.5rem; margin-top:0.5em;}
}

/* =============================================================================
	\azbyconfig / syserror.html
============================================================================= */
p.syserrorMSG	{ text-align:left; }

/* =============================================================================
	入力フォーム
============================================================================= */
div.communicate table th	{ font-weight: 700; width:25%; }
div.communicate table td input	{ margin-left:0; vertical-align: baseline; }
div.communicate table td input,
div.communicate table td select	{ font-size:110%; padding:5px; }
div.communicate table td div	{ margin-right:5px; display:inline-block; }
div.communicate table td p	{ margin:0.8em 0 0 ;}

input#postcode,
input#telno,
input#mailaddress1,
input#mailaddress2,
input#postcode01,
input#postcode02,
input#telno01,
input#telno02,
input#telno03	{ ime-mode: disabled; }

@media only screen and (max-width: 1180px) {
	input#mailaddress1,
	input#mailaddress2 {width:70%;}
	input#pickup_address,
	input#return_address {width:100%;}
}

@media only screen and (max-width: 767px) {
	input#mailaddress1,
	input#mailaddress2,
	input#pickup_address,
	input#return_address {width:100%;}
}

.price_box {background: none repeat scroll 0 0 #ffffdd; border-radius: 9px 9px 9px 9px; border: 1px solid #ffffdd; padding: 20px; margin: 20px 10px; text-align: center; font-size:130%;font-weight:bold;}
.price_box .tax_title {font-size:80%;}

@media only screen and (max-width: 767px) {
	.price_box .tax_title {font-size:80%; display: block;}
}

/* =============================================================================
	メッセージ
============================================================================= */
/* 申し込み完了 */
div.end {font-size:140%; font-weight:bold; border:1px solid #333; background-color:#ffffdd; color:#000000; margin:0 0px; padding:10px;}
@media only screen and (max-width: 767px) {
	.end span{ display: block;}
}

/* =============================================================================
	追加
============================================================================= */
input[readonly].readonly {
	border: solid 1px #B8B8B8;
	background-color: #EFEFEF;
	cursor: default;
}

/* =============================================================================
	規約同意
============================================================================= */
#regulations-scroll-box {height:300px; padding:.5em; border:1px solid #cccccc; border-radius:3px; overflow-y:scroll;}
#regulations-consent {margin:1em 0; padding:2em .5em; text-align:center; background:#f1f1f1;}
#regulations-advice {font-size:1.4rem; color:#a30b1a; margin-bottom:1.5em;}
#accept {vertical-align: baseline;}

/* =============================================================================
	ステップバー
============================================================================= */
.stepbar {display: flex; flex-wrap: wrap;}
.stepbar .item {position: relative; width: 25%; text-align: center; align-items: center; justify-content: center; padding: 10px 0; background: #eceeef; color: #494949}
.stepbar .item:not(:last-child)::before,
.stepbar .item:not(:last-child)::after {position: absolute; z-index: 2; top: 0; bottom: 0;
 left: 100%; content: ''; border: 23px solid transparent; border-left: 15px solid #eceeef; margin: auto;}
.stepbar .item:not(:last-child)::before {margin-left: 1px;border-left-color: #BABABA;}

@media screen and (max-width: 768px) {
 .stepbar .item {font-size: 11px; line-height: 1.4; padding: 8px 0;}
 .stepbar .item:not(:last-child)::before,
 .stepbar .item:not(:last-child)::after {border-width: 15px; border-left-width: 12px;}
}

/* active */
.stepbar .item.active {z-index: 1; background: #005243; color: #FFF;}
.stepbar .item.active:not(:last-child)::after {border-left-color: #005243}
.stepbar .item.active:not(:last-child)::before {border-left: none;}

/* =============================================================================
/* バッテリ交換サービス 希望バッテリタイプ */
#batterysizearea {margin-top:10px;margin-bottom:10px;width:100%; }
#batterysizearea #important_points{padding:5px 10px 5px 10px;background:#F1F1F1;margin-top:10px;}
#batterysizearea label:not(:first-child){margin-left:2em; }
#points-scroll-box {margin-top:5px;height:130px; padding:.5em; border:1px solid #cccccc; border-radius:3px; overflow-y:scroll;background: #fff;}
@media only screen and (max-width: 768px) {
	#batterysizearea label:not(:first-child){margin-left:0;margin-top:0.5em; }
	#batterysizearea label { display:block;}
}
</pre></body></html>