.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}


.Confirmation{
	width: 90%;
	margin: 0 auto;
}

.Confirmation_myau{
	width: 90%;
	margin: 0 auto;
}

.myau_check{
	border: 3px solid #0E0D6A;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
	/* display: inline-block; */
}

.myau_check p{
	font-size: 120%;
	font-weight: bold;
	margin-bottom:0! important;
}

.r-col{
	float: right;
	width: 45%;
}
.l-col{
	float: left;
	width: 45%;
}


.MAIN-COLUMN .tabSkipLinkMulti {
    width: 720px;
    margin: 0 12px 24px;
}

@media screen and (max-width: 768px) {
.MAIN-COLUMN .tabSkipLinkMulti {
    width: auto;
}
}

@media screen and (max-width: 767px) and (min-width: 0px) {
img{
	max-width: 767px;
	margin: auto;
	}


.r-col{
	width: 90%;
	margin: auto;
	float: none;
}
.l-col{
	width: 90%;
	margin: auto;
	float: none;
}
	

.Confirmation_myau{
	width: 90%;
	margin: 0 auto;
}
}

@media screen and (min-width: 768px) {

	.ZZZZ{
	display: block;
	width:100%;
	clear:both;
	}


	.AAAA{
		float:left;
		width:185px;
		height:100%;
	}

	.ARROW{
		float:left;
		width:8%;
		height:100%;
		padding:110px 0px;
	}


	.BBBB{
		float:left;
		width:185px;
		height:100%;

	}
	.CCCC{
		float:left;
		width:185px;
		height:100%;

	}
.MAIN-COLUMN .ind img.A4, .MAIN-COLUMN .ind img.B4, .MAIN-COLUMN .ind img.C4 {
		width:158px;
	}
}

@media screen and (max-width: 768px) {
	.ZZZZ{
	display: block;
	width:100%;
	}


	.AAAA{
		max-width:222px;
		margin: 0 auto;
	}


	.ARROW{
	transform: rotate(90deg);
		width:100%;
	}


	.BBBB{
		max-width:222px;
		margin: 0 auto;
	}
	.CCCC{
		max-width:222px;
		margin: 0 auto;
	}
}


.constitutionList li {
  display: table;
  width: 100%;
  margin-bottom: 1em;
}
.constitutionList .constitutionListBr {
  display: none;
}
.constitutionList [class^="fc-constitutionList"] {
  display: table-cell;
  padding-right: 8px;
  vertical-align: top;
}
.constitutionList .constitutionListItem {
  display: table-cell;
  width: 90%;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(/extlib/jaccs-purchase/customer/index/bg_constitution_list.png) repeat-x 0 0.7em;
}
.constitutionList .constitutionListText {
  display: inline-block;
  background-color: #fff;
  padding-right: 10px;
}
.constitutionList .constitutionListRatio {
  display: table-cell;
  min-width: 50px;
  padding-left: 10px;
  text-align: right;
  vertical-align: top;
}
.constitutionList li .constitutionListRatio {
  margin-right: 0;
}
.fc-constitutionList01 {
  color: #52b4cd;
}
.fc-constitutionList02 {
  color: #feda31;
}
.fc-constitutionList03 {
  color: #ff8c00;
}
.fc-constitutionList04 {
  color: #f4b7d2;
}
.fc-constitutionList05 {
  color: #35b23b;
}
.fc-constitutionList06 {
  color: #bcd600;
}
.fc-constitutionList07 {
  color: #a7bbbd;
}
.fc-constitutionList08 {
  color: #d8d8d8;
}

/* Figure --------------------------------------------*/

@media screen and (min-width: 769px) {
  .MAIN-COLUMN .box img {
    max-width: 100% !important;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
.MAIN-COLUMN .box .halfL {
    max-width: 45%;
    float: left;
    margin-bottom: 15px;
}

.MAIN-COLUMN .box .halfR {
    width: 50%;
    float: right;
    margin-bottom: 15px;
}
}

@media screen and (max-width: 768px) {
  .MAIN-COLUMN .box img {
    max-width: 100% !important;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

.MAIN-COLUMN .box .halfL {
    float: none;
    width: 95%;
    padding-right: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MAIN-COLUMN .box .halfR {
    float: none;
    width: 100%;
    padding-left: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}