@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
body {
    font-family: 'sawarabi','Noto Sans JP',sans-serif;
    font-weight: 400;
}
*/
html[lang="ja"] {
	/*
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	*/
	font-family: 'sawarabi','Noto Sans','Noto Sans CJK JP','Noto Sans CJK JP Subset','Noto Sans JP', sans-serif;
}
body {
	font-size: initial;
	/*
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	*/
	font-family: 'sawarabi','Noto Sans','Noto Sans CJK JP','Noto Sans CJK JP Subset','Noto Sans JP', sans-serif;
}
#header {
	/*font-family: 'sawarabi','Noto Sans JP',sans-serif;*/
	/*font-weight: 400;*/
    display: block;
    width: 100%;
    /*min-width: 1280px;*/
    background-color: #fff;
    position: static;
    top: 0;
	height: 95px;
    z-index: 9999;
	border-bottom: solid 1px #DCDCDC;
}
#header h1 {
    width: 40em;
    margin: 7px 0 0 2px;
    font-size: 10px;
    font-size: 0.625rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
	font-weight: normal;
}
#header .header-inner {
	/*
    max-width: 1460px;
    min-width: 1280px;
	*/
    margin: 0 auto;
    padding: 0 30px 15px;
    position: relative;
}
#hs_cos_wrapper_obc_h1 {
	text-align: left;
}
#header .header_logo {
    float: left;
    margin: 30px 50px 0 0;
    width: 127px;
}
#header #nav-global {
    position: relative;
}
#header #nav-global .nav-global-target {
	padding: 0px;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 2px solid #d5d5d5;
}
#header #nav-global .nav-global-target, 
#header #nav-global .nav-global-corporate {
	padding-left: 0px;
    margin-top: 43px;
    float: left;
}
nav ul {
    list-style: none;
}
#header #nav-global .nav-global-target li:not(:last-child), 
#header #nav-global .nav-global-corporate li:not(:last-child) {
    margin-right: 30px;
}
#header #nav-global .nav-global-target li, 
#header #nav-global .nav-global-corporate li {
	font-size: 18px;
	font-weight: bold;
    float: left;
}
#header #nav-global .header_tel {
    line-height: normal;
    position: absolute;
    right: 0;
    margin: 25px 0px 0 0;
}
#header #nav-global .header_tel .freedial {
    display: block;
    margin-bottom: 5px;
    padding-left: 32px;
    background: url(//cdn2.hubspot.net/hubfs/2684654/obc/v1/images/common/header/icon_freedial.svg?t=1525767697854) no-repeat 0 0;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    color: #666;
    letter-spacing: 0.07em;
}
#header #nav-global .header_tel a {
    font-family: Arial;
    font-size: 32px;
    font-size: 2rem;
    font-weight: bold;
}

/* 共通 */
.bdhead {
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
	border-bottom: 4px solid #dddddd;
}
.bdhead.top {
	margin-top: 30px;
}

.bdhead span {
	display: inline-block;
	padding-left: 30px;
	border-left: 8px solid #af207f;
}

ul.breadcrumbs {
	list-style: none;
	clear: both;
	/*padding-bottom: 10px;*/
	/*height: 15px;*/
	border: none;
}
ul.breadcrumbs li {
	float: left;
	font-size: 12px;
}
ul.breadcrumbs li.arrow {
	margin-left: 15px;
	margin-right: 15px;
}
ul.breadcrumbs li a {
	color: #9F9F9F;
	font-size: 11px;
}
.mainBox {
	background: none;
	border-top: none;
}
/* リスト */
table.list {
	width: 100%;
	background-color: #fff;
	border: 2px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

.list th,td {
	font-weight: normal;
	border: 1px solid #ddd;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 10px;
}

.list .label {
	background-color: #f9ddef;
}

.list .sub-label {
	background-color: #f2f2f2;
}

.list .kind,.place,.date,.number,.button {
	text-align: center;
}

.number input[type="text"] {
	text-align: center;
}

.list .price {
	text-align: right;
}

/* フォーム */
table.form {
	width: 100%;
	background-color: #fff;
	border: 2px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

.form th,td {
	font-weight: normal;
	border: 1px solid #ddd;
	border-collapse: collapse;
	vertical-align: middle;
	padding: 10px;
}

.form th {
	width: 30%;
}

.application-form-label {
	font-weight: bold;
	background: #f2bae0;
	padding: 10px;
	margin-bottom: 10px;
}


.text-box {
	margin-bottom: 20px;
}

.button-box {
	margin-bottom: 20px;
}

.application-form {
	margin-bottom: 20px;
}

.notice {
	color: red;
}

.small {
	font-size: 80%;
}
.privacy {
	padding: 10px;
}
.privacy a {
	color: gray;
}
.privacy a:hover {
	color: gray;
}
.privacy-check {
	width: 30%;
	color: #af207f;
	display: block;
	text-align: center;
	padding: 20px;
	border: #ddd 5px solid;
	margin: 0 auto 20px;
}

/* フォーム要素 */
input, button, textarea, select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	background: #fff;
	vertical-align: middle;
	font-size: inherit;
	color: #333;
}
input::-webkit-input-placeholder {
	color:#bfbfbf
}
input:-ms-input-placeholder {
	color:#bfbfbf
}
input::-moz-placeholder {
	color:#bfbfbf
}
input, select {
	vertical-align: middle;
}
option {
	outline: 0
}

/* テキストボックス */
input[type="text"] {
	display: block;
	width: 100%;
	border: #ddd 1px solid;
	padding: 0.5em;
	background: #f5f5f5;
}

/* チェックボックス */
input[type="checkbox"] {
	display: inline-block;
	padding: .95em 1em;
	cursor: pointer;
	background-image: url(../img/form/form_ic_cb_default.png);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 20px 20px;
}
input[type="checkbox"]:checked {
	background-image: url(../img/form/form_ic_cb_checked.png);
}
.select_product_chk,
.select_edge_product_chk {
	margin-top: -15px;
}
/* ラジオボタン */
input[type="radio"] {
	display: inline-block;
	padding: .95em 1em;
	cursor: pointer;
	background-image: url(../img/form/form_ic_rb_default.png);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 20px 20px;
}
input[type="radio"]:checked {
	background-image: url(../img/form/form_ic_rb_checked.png);
}
.radio-label {
	font-size: 10px; 
	padding-left: 37px;
}
/* プルダウン */
select {
	width: 100%;
	max-width: 250px;
	overflow: hidden;
	border: #ddd 1px solid;
	padding: 0.5em;
	background: url(../img/form/form_ic_select.png) no-repeat 92% 50% #f5f5f5;
	background-size: 16px 19px;
	cursor: pointer;
}

/* 必須マーク */
.form_required::after {
	border: 1px solid #af207f;
	border-radius: 34px;
	color: #af207f;
	content: "必須";
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	margin-left: 10px;
	padding: 4px 19px;
	position: relative;
	text-align: center;
}

#ActionForm {
	font-size: 16px;
}
div.box-title {
	background: #00438C;
	color: #FFF;
}
div.select-bugyo-product-box {
	margin-bottom: 20px;
}
div.select-bugyo-product-box div.title {
	padding: 10px;
	border: solid 1px #DDD;
	border-bottom: none;
}
div.select-bugyo-product-box div.body {
	padding: 20px 10px 15px;
	border: solid 1px #DDD;
	/*background: #FAFAFA;*/
}

select.select-year {
	/*padding: 10px;*/
	font-size: 16px;
	width: 90px;
	display: inline;
}
select.select-amount {
	/*padding: 10px;*/
	font-size: 16px;
	width: 140px;
	display: inline;
}
/*
#mn_wrap a:visited {
    color: #FFF;
}
#mn_wrap a:link {
    color: #FFF;
}
*/
div.main-title,
table tr.main-title th {
	padding: 10px 10px 10px 10px;
	background: #CCFFFF;
	color: #000;
	font-weight: bold;
	text-align: left;
	/*
	font-family: 'sawarabi','Noto Sans JP',sans-serif;
	*/
	/*
	background: rgba(26,137,235,1);
	background: -moz-linear-gradient(top, rgba(26,137,235,1) 0%, rgba(23,52,138,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,137,235,1)), color-stop(100%, rgba(23,52,138,1)));
	background: -webkit-linear-gradient(top, rgba(26,137,235,1) 0%, rgba(23,52,138,1) 100%);
	background: -o-linear-gradient(top, rgba(26,137,235,1) 0%, rgba(23,52,138,1) 100%);
	background: -ms-linear-gradient(top, rgba(26,137,235,1) 0%, rgba(23,52,138,1) 100%);
	background: linear-gradient(to bottom, rgba(26,137,235,1) 0%, rgba(23,52,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a89eb', endColorstr='#17348a', GradientType=0 );
	color: #FFF;
	*/
	/*
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	*/
}

/**********************************************************************
 * タイトルなど
 **********************************************************************/
.head-description {
	clear: both;
}
.head-description .sub-title {
	background: #00A2E6;
	color: #FFF;
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
}
.head-description .main-title {
	background: #CCFFFF;
}
.head-description table,
.head-description table th,
.head-description table td {
	padding: 0px;
	border: none;
}
.head-description table td {
	text-align: left;
}
.head-description table td.logo {
	width: 200px;
}
.head-description table td.title {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding-left: 20px;
}

/**********************************************************************
 * 基本製品製品
 **********************************************************************/
div.description {
	font-size: 14px;
	/*background: #EEE;*/
	padding: 15px;
	width: 930px;
	margin-bottom: 15px;
}
div.bugyo-product-box {
	/*border: solid 1px #DDD;*/
	margin-bottom: 20px;
}
div.bugyo-product-box .title {
	padding: 10px;
}
div.bugyo-product-box .body {
	/*border: solid 1px #DDD;*/
	/*padding: 10px 10px 0 10px;*/
}
div.bugyo-product {
	border: solid 1px #DDD;
	margin-bottom: 20px;
}
div.bugyo-product-Z .title-row {
	/*background: #00438C;*/
}
div.bugyo-product-K .title-row {
	/*background: #00438C;*/
}


table.bugyo-product {
	/*border: solid 1px #DDD;*/
	border-left: none;
	border-right: none;
	margin-bottom: 0px;
	width: 100%;
	border-spacing: 0px;
}
table.bugyo-product th {
	padding: 8px 10px;
	font-weight: normal;
}
table.bugyo-product td {
	border: none;
	border-top: solid 1px #DDD;
}
table.bugyo-product tr.title th {
	background: #e4f0fc;
	text-align: left;
	font-weight: bold;
}

table.bugyo-product th.initial-price-info {
	width: 110px;
	text-align: center;
}
table.bugyo-product th.year-price-info {
	width: 110px;
	text-align: center;
}
table.bugyo-product td.product-initial-price {
	text-align: right;
}
table.bugyo-product td.product-year-price {
	text-align: right;
}
table.bugyo-product-Z th {
	background: #891262;
	color: #FFF;
}
table.bugyo-product-K th {
	background: #0082BC;
	color: #FFF;
}

/**********************************************************************
 * 関連製品
 **********************************************************************/
table.relation-product {
	width: 100%;
	border-spacing: 0px;
}
table.relation-product tr.title th {
	border-top: solid 1px #DDD;
	background: #e4f0fc;
	text-align: left;
	font-weight: bold;
}
table.relation-product th {
	padding: 10px;
	font-weight: normal;
}
table.relation-product td {
	border: none;
	border-top: solid 1px #DDD;
}

/**********************************************************************
 * アセンブリ製品
 **********************************************************************/
table.relation-product .assembly-row td.title {
	
}
table.relation-product .assembly-row td.product-info {
	width: 200px;
}
table.relation-product .assembly-row td.assembly-year-price {
	/*width: 200px;*/
	text-align: right;
}

/**********************************************************************
 * ライセンス製品
 **********************************************************************/
table.relation-product .license-row td.title {
	
}
table.relation-product .license-row td.product-info {
	width: 200px;
}
table.relation-product .license-row td.license-year-price {
	/*width: 200px;*/
	text-align: right;
}

/**********************************************************************
 * オプション製品
 **********************************************************************/
table.relation-product .single-option-row td.title {
	
}
table.relation-product .single-option-row td.product-info {
	width: 200px;
}
table.relation-product .single-option-row td.single-option-year-price {
	/*width: 200px;*/
	text-align: right;
}
table.relation-product .single-option-row select {
	width: 100px;
}

/**********************************************************************
 * オプション製品
 **********************************************************************/
/*
table.other-product {
	width: 100%;
	border-spacing: 0px;
}
table.other-product tr.title th {
	background: #e4f0fc;
	text-align: left;
}
table.other-product th {
	padding: 8px 10px;
	font-weight: normal;
}
table.other-product td {
	border: none;
	border-top: solid 1px #DDD;
}
table.other-product td.title {

}
table.other-product td.product-info {
	width: 200px;
}
table.other-product td.assembly-year-price {
	width: 200px;
}
table.other-product td.assembly-year-price,
table.other-product td.option-sub-total {
	width: 200px;
	text-align: right;
}

table.option-product tr.title th {
	background: #65ace4;
	text-align: left;
}
*/
/**********************************************************************
 * 奉行Edge製品
 **********************************************************************/
div.edge-product-box {
	border: solid 1px #DDD;
}
table.edge-product {
	width: 100%;
	border-spacing: 0px;
}
table.edge-product tr.title th {
	border-top: solid 1px #DDD;
	background: #e4f0fc;
	text-align: left;
	font-weight: bold;
}
table.edge-product th {
	padding: 10px;
	font-weight: normal;
}
table.edge-product td {
	border: none;
	border-bottom: solid 1px #DDD;
}
table.edge-product .edge-row td.title {

}
table.edge-product .edge-row td.product-info {
	/*width: 200px;*/
}
table.edge-product .edge-row td.edge-year-price {
	width: 120px;
	text-align: right;
}
table.edge-product .edge-row select {
	width: auto;
	padding: 8px 35px 8px 10px;
}
table.edge-product .edge-row select.select-year {
	/*width: 90px;*/
}
table.edge-product .edge-row select.select-amount {
	/*width: 90px;*/
}
table.edge-product .edge-row .edge-select-contract-key1 {
	padding: 10px 35px 10px 10px;
}

/**********************************************************************
 * その他
 **********************************************************************/
table td.product-price-kind {
	width: 110px;
	text-align: right;
}
table td.product-price {
	width: 140px;
	text-align: right;
}
span.price {
	font-size: 20px;
}
.pl25 {
	padding-left: 25px !important;
}

table td.title,
table td.product-info {
	font-size: 14px;
}
table td.product-info input[type='radio'] {
	font-size: 16px;
}

select {
	font-size: 16px;
}
select::-ms-expand {
    display: none;
}

/**********************************************************************
 * 合計金額
 **********************************************************************/
table.product-sub-total {
	width: 100%;
	border-spacing: 0px;
	border-left: none;
	border-right: none;
}
table.product-sub-total td {
	text-align: right;
	padding: 10px;
	border-left: none;
	border-right: none;
	background: #0074bf;
	color: #FFF;
}
table.product-sub-total .product-price {
	font-size: 20px;
}

div.total-price-box {
	/*position: fixed;*/
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	/*
	background: #c6e2f8;
	border: solid 1px #DDD;
	padding: 10px 10px 15px;
	*/
	/*height: 135px;*/ /** CARP-2122 **/
	clear: both;
}
div.total-price-box .first-row {
	/*width: 100%;*/ /** CARP-2122 **/
	padding: 10px;
	margin: auto;
	background: #c6e2f8;
}
div.total-price-box .second-row {
	width: 100%;
	/*padding: 10px 10px 15px;*/
	margin: auto;
	background: #FFF;
}
table.simulation-result {
	width: 940px;
	border-spacing: 0px;
	border: none;
	margin: auto;
}
table.simulation-result td {
	border: none;
}
table.simulation-result tr.total-price-row td.row-title,
table.simulation-result tr.total-price-row td.row-price {
	border-bottom: solid 1px #de9610;
	font-weight: bold;
}
table.simulation-result tr.initial-price-row td.row-title,
table.simulation-result tr.initial-price-row td.row-price {
	border-bottom: solid 1px #EEE;
}
table.simulation-result td.row-title,
table.simulation-result td.row-price {
	background: #FFF;
}
table.simulation-result td.row-title {
	width: 110px;
	font-size: 16px;
}
table.simulation-result td.row-price {
	text-align: right;
	padding-right: 50px;
}
table.simulation-result td.btn-print {
	width: 250px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	/*vertical-align: top;*/
}
table.conversion {
	width: 960px;
	border-spacing: 0px;
	border: none;
	margin: auto;
}
table.conversion td {
	padding: 0px;
	/*padding-top: 10px;*/
	border: none;
	/*vertical-align: top;*/
}
table.conversion td.btn-desctiption {
	font-size: 12px;
	width: 20%;
	vertical-align: top;
}
table.conversion td.btn-action {
	text-align: left;
	width: 15%;
	padding: 5px;
}
table.conversion td.pdf-description {
	font-size: 12px;
	width: 25%;
	padding-right: 0px; 
}
.button-jumbo {
	padding: 0px 25px;
}
.btn-conversion {
	width: 100%; 
	margin: 5px 0; 
	height: 44px; 
	line-height: 15px;
	padding: 0px;
}
.hide {
	display: none;
}

/**********************************************************************
 * 噴出し
 **********************************************************************/
table .title {
  position: relative;
}
.help-icon {
	color: #DE9610;
	font-size: 20px;
	/*
	background: #DE9610;
	color: #FFF;
	padding: 5px;
	border-radius: 10px;
	*/
}
.help-msg2 {
	display: none;
	position: absolute;
	bottom: 20px;
	left: -100px;
	width: 200px;
	height: 100px;
}
.help-msg {
  /*display: none;*/
  position: absolute;
  bottom: 10px;
  /*left: -80px;*/
  /*right: 0;*/
  padding: 10px;
  width: 220px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  /*
  background: #333;
  color: #fff;
  */
  background: #fce2c4;
  color: #000;
  font-size: 14px;
  font-weight: normal;
}

.help-msg:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #fce2c4;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}


.ft_top {
	display: none;
}
#footer {
    color: #fff;
}
#footer .footer-bottom {
    padding: 15px 0;
    background-color: #464646;
    font-size: 13px;
    font-size: 0.8125rem;
	height: 47px;
}
#footer .footer-inner {
    position: relative;
    padding: 0 30px;
    margin: 0 auto;
    max-width: 1460px;
}
#footer .footer-bottom .list_inline li:not(:last-child) {
    margin-right: 33px;
}
ul.list_inline li:not(:last-child) {
    margin-right: 15px;
}
ul.list_inline li {
    display: inline-block;
    letter-spacing: normal;
}
#footer a {
	color: #fff;
}

/****************************************
 * IEのみ
 ****************************************/
@media all and (-ms-high-contrast: none) {
	input[type="radio"],
	input[type="checkbox"]{
		margin-right: 5px;
	}
	.radio-label {
		margin-top: 3px;
		padding-left: 27px;
	}
	input[type="radio"] {
		width: 18px;
		height: 18px;
		background: none;
	}
	input[type="radio"]:checked {
		background: none;
	}
	input[type="checkbox"] {
		width: 15px;
		height: 15px;
		background: none;
	}
	input[type="checkbox"]:checked {
		background: none;
	}
}


/****************************************
 * HPのボタンスタイル
 ****************************************/
.c-button-wrap {
  margin: 80px auto; }

.c-button, .c-button--sm, .c-button--long, .c-button--middle, .c-button--short, .c-button-border, .c-button-border--sm, .c-button-border--long, .c-button-border--short {
  display: block;
  width: 100%;
  margin: auto;
  max-width: 350px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center; }

.right.c-button, .right.c-button--sm, .right.c-button--long, .right.c-button--middle, .right.c-button--short, .right.c-button-border, .right.c-button-border--sm, .right.c-button-border--long, .right.c-button-border--short {
  margin-right: 0; }

.left.c-button, .left.c-button--sm, .left.c-button--long, .left.c-button--middle, .left.c-button--short, .left.c-button-border, .left.c-button-border--sm, .left.c-button-border--long, .left.c-button-border--short {
  margin-left: 0; }

.none.c-button, .none.c-button--sm, .none.c-button--long, .none.c-button--middle, .none.c-button--short, .none.c-button-border, .none.c-button-border--sm, .none.c-button-border--long, .none.c-button-border--short {
  cursor: default;
  opacity: 0.5; }

.c-button:after, .c-button--sm:after, .c-button--long:after, .c-button--middle:after, .c-button--short:after, .c-button-border:after, .c-button-border--sm:after, .c-button-border--long:after, .c-button-border--short:after {
  content: "";
  /*display: inline-block;*/
  display: none;
  width: 7px;
  height: 7px;
  margin-left: 0;
  border-right: 2px solid #057DB8;
  border-bottom: 2px solid #057DB8;
  transform: rotate(-45deg) translate(50%, 0);
  transform-origin: 50% 50%;
  position: relative;
  top: 50%; }

.c-button, .c-button--sm, .c-button--long, .c-button--middle, .c-button--short {
  padding: 16px;
  background: #057DB8;
  border: 2px solid #057DB8;
  color: #fff !important;
  border-radius: 50px;
  transition: background 0.2s, border-color 0.2s; 
}
.c-button:after, .c-button--sm:after, .c-button--long:after, .c-button--middle:after, .c-button--short:after {
  border-right-color: #fff;
  border-bottom-color: #fff; }

.c-button:hover, .c-button--sm:hover, .c-button--long:hover, .c-button--middle:hover, .c-button--short:hover {
  background: #046392;
  border-color: #046392; }

.c-button.none:hover, .none.c-button--sm:hover, .none.c-button--long:hover, .none.c-button--middle:hover, .none.c-button--short:hover {
  background: #057DB8; }

.c-button.gray, .gray.c-button--sm, .gray.c-button--long, .gray.c-button--middle, .gray.c-button--short {
  background: #dcdcdc;
  border-color: #dcdcdc;
  color: #000;
  opacity: 0.5; }

.c-button.gray:after, .gray.c-button--sm:after, .gray.c-button--long:after, .gray.c-button--middle:after, .gray.c-button--short:after {
  display: none; }

.c-button--sm {
  max-width: 256px;
  padding: 8px 15px; }

.c-button--long {
  max-width: 500px; }

.c-button--middle {
  max-width: 400px; }

.c-button--short {
  max-width: 300px; }

.c-button.download:after, .download.c-button--sm:after, .download.c-button--long:after, .download.c-button--middle:after, .download.c-button--short:after {
  border: none;
  width: 15px;
  height: 16px;
  margin-left: 10px;
  background: url("/v1/images/bugyo-cloud/common/icon_download.svg") no-repeat 0 0/contain;
  transform: none; }

.c-button-border, .c-button-border--sm, .c-button-border--long, .c-button-border--short {
  padding: 13px 13px 13px 23px;
  background: transparent;
  border: 2px solid #057DB8;
  color: #057DB8;
  border-radius: 50px;
  transition: background 0.2s, border 0.2s; }

.c-button-border:after, .c-button-border--sm:after, .c-button-border--long:after, .c-button-border--short:after {
  transition: border-color 0.2s; }

.c-button-border:hover, .c-button-border--sm:hover, .c-button-border--long:hover, .c-button-border--short:hover {
  color: #fff;
  border-color: #046392;
  background: #046392; }

.c-button-border:hover:after, .c-button-border--sm:hover:after, .c-button-border--long:hover:after, .c-button-border--short:hover:after {
  border-right-color: #fff;
  border-bottom-color: #fff; }

.c-button-border.none:hover, .none.c-button-border--sm:hover, .none.c-button-border--long:hover, .none.c-button-border--short:hover {
  color: #057DB8;
  border-color: #057DB8;
  background: #fff; }

.c-button-border.none:hover:after, .none.c-button-border--sm:hover:after, .none.c-button-border--long:hover:after, .none.c-button-border--short:hover:after {
  border-right-color: #057DB8;
  border-bottom-color: #057DB8; }

.c-button-border.download:after, .download.c-button-border--sm:after, .download.c-button-border--long:after, .download.c-button-border--short:after {
  border: none;
  width: 15px;
  height: 16px;
  margin-left: 10px;
  background: url("/v1/images/bugyo-cloud/common/icon_download02.svg") no-repeat 0 0/contain;
  transform: none; }

.c-button-border.download:hover:after, .download.c-button-border--sm:hover:after, .download.c-button-border--long:hover:after, .download.c-button-border--short:hover:after {
  background-image: url("/v1/images/bugyo-cloud/common/icon_download.svg"); }

.c-button-border--sm {
  max-width: 256px;
  padding: 8px 15px; }

.c-button-border--long {
  max-width: 500px; }

.c-button-border--short {
  max-width: 300px; }

.c-button.orange {
	background: #e76f02;
	border: none;
}
.c-button.orange:hover {
	opacity: 0.75;
	background: #e76f02;
}
/** CARP-2122 **/
div.total-price-box {
	position: initial;
}
