@charset "UTF-8";
/*----------------------------------------------------
ホリスティックケア・カウンセラー養成講座 (http://www.hcced.jp/)
Title: 全ページ共通HTML要素用CSS
Author: ColorZoo
Date: 2014/08/08
----------------------------------------------------*/

/*------------------------------------------------------------
  見出し
------------------------------------------------------------*/
#main {
  /*------無地系------*/
  /*------色つき------*/
  /*------ピンク------*/
  /*------青------*/
  /*------緑------*/
  /*------黄色------*/
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	margin-bottom: 16px;
	position: relative;
}
#main .ttlA01,/*H1追加*/
#main .ttlB02,
#main .ttlC02,
#main .ttlD02,
#main .ttlE02 {
	padding-left: 20px;
	color: #333;
	padding: 18px 10px 14px 10px;
	border-top: 4px #333 solid;
	border-bottom: 4px #333 solid;
	font-size: 1.692em;
}
#main .ttlA02,/*H2追加*/
#main .ttlB03,
#main .ttlC03,
#main .ttlD03,
#main .ttlE03 {
	padding-bottom: 12px;
	font-size: 1.538em;
	border-bottom: 4px #EEE solid;
}
#main .ttlA02:after,/*H2追加*/
#main .ttlB03:after,
#main .ttlC03:after,
#main .ttlD03:after,
#main .ttlE03:after {
	width: 100%;
	height: 1px;
	background-color: #333;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}
#main .ttlA03,/*H3追加*/
#main .ttlB04,
#main .ttlC04,
#main .ttlD04,
#main .ttlE04 {
	color: #FFF;
	font-size: 1.385em;
}
#main .ttlA04,/*H4追加*/
#main .ttlB05,
#main .ttlC05,
#main .ttlD05,
#main .ttlE05 {
	padding-left: 15px;
	font-size: 1.385em;
	font-weight: normal;
}
#main .ttlA04:before,/*H4追加*/
#main .ttlB05:before,
#main .ttlC05:before,
#main .ttlD05:before,
#main .ttlE05:before {
	margin-top: -10px;
	width: 5px;
	height: 20px;
	background-color: #333;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
}
#main .ttlA05,/*H5追加*/
#main .ttlB06,
#main .ttlC06,
#main .ttlD06,
#main .ttlE06 {
	padding-left: 20px;
	font-size: 1.231em;
}
#main .ttlA05:before,/*H5追加*/
#main .ttlB06:before,
#main .ttlC06:before,
#main .ttlD06:before,
#main .ttlE06:before {
	margin-top: -7px;
	width: 13px;
	height: 12px;
	background-image: url(../images/common/sprite.png);
	position: absolute;
	top: 12px;
	/*top: 50%;*/
	left: 0;
	content: "";
}
#main .ttlA06,/*H6追加*/
#main .ttlB07,
#main .ttlC07,
#main .ttlD07,
#main .ttlE07 {
	padding-left: 17px;
	font-size: 1.077em;
}
#main .ttlA06:before,/*H6追加*/
#main .ttlB07:before,
#main .ttlC07:before,
#main .ttlD07:before,
#main .ttlE07:before {
	margin-top: -6px;
	width: 10px;
	height: 10px;
	background-image: url(../images/common/sprite.png);
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
}
#main .ttlA01 {
	padding: 14px 10px 10px 10px;
	border-color: #d7d1ca;
}
#main .ttlA02:after {
	background-color: #afa395;
}
#main .ttlA03 {
	padding: 11px 15px;
	background-color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	behavior: url(/common/js/pie.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
}
#main .ttlA04 {
	padding-bottom: 11px;
	border-bottom: 1px #afa395 dotted;
}
#main .ttlA04:before {
	margin-top: 0;
	background-color: #afa395;
	top: 4px;
}
#main .ttlA05:before {
	background-position: 0 -899px; /* 20140926追加対応 */
}
#main .ttlA06:before {
	background-position: 0 -1179px; /* 20140926追加対応 */
}
#main .ttlB01,
#main .ttlC01,
#main .ttlD01,
#main .ttlE01 {
	padding-left: 20px;
	background-color: #333;
	color: #FFF;
	padding: 18px 10px 14px 10px;
	border-top: 4px #333 solid;
	border-bottom: 4px #333 solid;
	font-size: 1.692em;
}
#main .ttlB01:before, #main .ttlB01:after {
	width: 100%;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	left: 0;
	content: "";
}
#main .ttlC01:before, #main .ttlC01:after {
	width: 100%;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	left: 0;
	content: "";
}
#main .ttlD01:before, #main .ttlD01:after {
	width: 100%;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	left: 0;
	content: "";
}
#main .ttlE01:before, #main .ttlE01:after {
	width: 100%;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	left: 0;
	content: "";
}
#main .ttlB01:before,
#main .ttlC01:before,
#main .ttlD01:before,
#main .ttlE01:before {
	top: 0;
}
#main .ttlB01:after,
#main .ttlC01:after,
#main .ttlD01:after,
#main .ttlE01:after {
	bottom: 0;
}
#main .ttlB04,
#main .ttlC04,
#main .ttlD04,
#main .ttlE04 {
	padding: 8px 15px;
	background-color: #CCC;
	border-bottom: 3px #333 solid;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	position: relative;
	behavior: url(/common/js/pie.htc);
}
#main .ttlB05,
#main .ttlC05,
#main .ttlD05,
#main .ttlE05 {
	padding: 7px 15px;
	background-color: #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	behavior: url(/common/js/pie.htc);
}
#main .ttlB01 {
	background-color: #e86a92;
	border-color: #e86a92;
}
#main .ttlB02 {
	border-color: #e86a92;
}
#main .ttlB03:after {
	background-color: #e86a92;
}
#main .ttlB04 {
	background-color: #f7a1bd;
	border-bottom-color: #e86a92;
}
#main .ttlB05 {
	background-color: #fde1ea;
}
#main .ttlB05:before {
	background-color: #e86a92;
}
#main .ttlB06:before {
	background-position: 0 -921px; /* 20140926追加対応 */
}
#main .ttlB07:before {
	background-position: 0 -1199px; /* 20140926追加対応 */
}
#main .ttlC01 {
	background-color: #519fd5;
	border-color: #519fd5;
}
#main .ttlC02 {
	border-color: #519fd5;
}
#main .ttlC03:after {
	background-color: #519fd5;
}
#main .ttlC04 {
	background-color: #84bfdb;
	border-bottom-color: #519fd5;
}
#main .ttlC05 {
	background-color: #d7eaf4;
}
#main .ttlC05:before {
	background-color: #519fd5;
}
#main .ttlC06:before {
	background-position: 0 -943px; /* 20140926追加対応 */
}
#main .ttlC07:before {
	background-position: 0 -1219px; /* 20140926追加対応 */
}
#main .ttlD01 {
	background-color: #75b138;
	border-color: #75b138;
}
#main .ttlD02 {
	border-color: #75b138;
}
#main .ttlD03:after {
	background-color: #75b138;
}
#main .ttlD04 {
	background-color: #a7ce4d;
	border-bottom-color: #75b138;
}
#main .ttlD05 {
	background-color: #e0ebb8;
}
#main .ttlD05:before {
	background-color: #75b138;
}
#main .ttlD06:before {
	background-position: 0 -965px; /* 20140926追加対応 */
}
#main .ttlD07:before {
	background-position: 0 -1239px; /* 20140926追加対応 */
}
#main .ttlE01 {
	background-color: #fa9500;
	border-color: #fa9500;
}
#main .ttlE02 {
	border-color: #fa9500;
}
#main .ttlE03:after {
	background-color: #fa9500;
}
#main .ttlE04 {
	background-color: #fdc434;
	border-bottom-color: #fa9500;
}
#main .ttlE05 {
	background-color: #fee7ae;
}
#main .ttlE05:before {
	background-color: #fa9500;
}
#main .ttlE06:before {
	background-position: 0 -987px; /* 20140926追加対応 */
}
#main .ttlE07:before {
	background-position: 0 -1259px; /* 20140926追加対応 */
}

@media only screen and (max-width: 640px) {
  #main {
    /*------色つき------*/
    /*------無地系------*/
    /*------ピンク------*/
    /*------青------*/
    /*------緑------*/
    /*------黄色------*/
  }
  #main h1,
  #main h2,
  #main h3,
  #main h4,
  #main h5,
  #main h6 {
	-webkit-text-shadow: 0 0 0 #333;
  }
  #main .ttlA01/*H1追加*/
  {
	padding: 8px 10px;
	font-size: 1.692em;
  }
  #main .ttlB02,/*H1追加*/
  #main .ttlC02,
  #main .ttlD02,
  #main .ttlE02 {
	padding: 8px 10px;
	border-top: 4px #333 solid;
	border-bottom: 4px #333 solid;
	font-size: 1.692em;
  }
  #main .ttlB04,/*H3追加*/
  #main .ttlC04,
  #main .ttlD04,
  #main .ttlE04 {
	color: #FFF;
	-webkit-text-shadow: 0 0 0 #fff;
  }
  #main .ttlA05:before,/*H5追加*/
  #main .ttlB06:before,
  #main .ttlC06:before,
  #main .ttlD06:before,
  #main .ttlE06:before {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	background-repeat: no-repeat; /* 20140926追加対応 */
  }
  #main .ttlA06:before,/*H6追加*/
  #main .ttlB07:before,
  #main .ttlC07:before,
  #main .ttlD07:before,
  #main .ttlE07:before {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	background-repeat: no-repeat; /* 20140926追加対応 */
  }
  #main .ttlA05:before {
	background-position: 0 -504px; /* 20140926追加対応 */
  }
  #main .ttlA06:before {
	background-position: 0 -639px; /* 20140926追加対応 */
  }
  #main .ttlB01,
  #main .ttlC01,
  #main .ttlD01,
  #main .ttlE01 {
	padding-left: 10px;
	-webkit-text-shadow: 0 0 0 #fff;
  }
  #main .ttlB06:before {
	background-position: 0 -521px; /* 20140926追加対応 */
  }
  #main .ttlB07:before {
	background-position: 0 -654px; /* 20140926追加対応 */
  }
  #main .ttlC06:before {
	background-position: 0 -538px; /* 20140926追加対応 */
  }
  #main .ttlC07:before {
	background-position: 0 -669px; /* 20140926追加対応 */
  }
  #main .ttlD06:before {
	background-position: 0 -555px; /* 20140926追加対応 */
  }
  #main .ttlD07:before {
	background-position: 0 -684px; /* 20140926追加対応 */
  }
  #main .ttlE06:before {
	background-position: 0 -572px; /* 20140926追加対応 */
  }
  #main .ttlE07:before {
	background-position: 0 -699px; /* 20140926追加対応 */
  }
}
/*------------------------------------------------------------
  dl
------------------------------------------------------------*/
#main .qa01{/*追加*/
	margin-bottom: 20px;
}
#main .qa01 dt {
	margin-bottom: 18px;
	padding: 8px 0 10px 40px;
	position: relative;
	font-size: 1.385em;
	font-weight: bold;
	-webkit-text-shadow: 0 0 0 #333;
}
#main .qa01 dt:before, #main .qa01 dt:after {
	position: absolute;
	left: 0;
	content: "";
}
#main .qa01 dt:before {
	width: 30px;
	height: 30px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1561px; /* 20140926追加対応 */
	top: 0;
}
#main .qa01 dt:after {
	width: 100%;
	height: 5px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1781px; /* 20140926追加対応 */
	background-repeat: repeat-x;
	bottom: 0;
}
#main .qa01 dd {
	padding: 10px 0 0 40px;
	position: relative;
}
#main .qa01 dd:before {
	width: 30px;
	height: 30px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1601px; /* 20140926追加対応 */
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

@media only screen and (max-width: 640px) {
  #main .qa01 dt:before,
  #main .qa01 dd:before {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
  }
  #main .qa01 dt {
	padding-top: 3px;
  }
  #main .qa01 dt:before {
	background-position: 0 -820px; /* 20140926追加対応 */
  }
  #main .qa01 dd {
	padding-top: 0;
  }
  #main .qa01 dd:before {
	background-position: 0 -855px; /* 20140926追加対応 */
  }
}
/*------------------------------------------------------------
  list
------------------------------------------------------------*/
#main .listBorder{/*追加*/
	padding: 20px 20px 5px;
	border: 3px #eee9e7 solid;
}
#main .list01 li,
#main .list02 li,
#main .list03 li,
#main .list04 li {
	margin-bottom: 12px;
}
#main .list01 li {
	padding-left: 13px;
	position: relative;
}
#main .list01 li:before {
	width: 5px;
	height: 8px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -337px; /* 20140926追加対応 */
	position: absolute;
	top: 4px;
	left: 0;
	content: "";
}
#main .list02 li {
	padding-left: 13px;
	position: relative;
}
#main .list02 li:before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "●";
	color: #91c042;
	font-size: 0.7em;
}
#main .list03:after {
	display: block;
	clear: both;
	content: "";
}
#main .list03 li {
	padding-left: 13px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#main .list03 li:before {
	width: 5px;
	height: 8px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -337px; /* 20140926追加対応 */
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
}
#main .list04 li {
	padding: 4px 0 16px 30px;
	position: relative;
	border-bottom: 1px #CCC dotted;
}
#main .list04 li .num {
	padding-top: 5px;
	width: 24px;
	height: 24px;
	background-color: #8FC13A;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	behavior: url(/common/js/pie.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	font-size: 1.231em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#main .list04 li li{/*追加*/
	padding: 0px 0px 0px 30px;
	position: relative;
	border-bottom: none;
}
#main .list05 li {/*追加*/
	padding-left: 13px;
	position: relative;
}
#main .list05 li:before {/*追加*/
	width: 5px;
	height: 8px;
	background-image: url(../images/common/sprite.png);
	background-position: 0 -266px;
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
}


@media only screen and (max-width: 640px) {
  #main .list01 li {
	padding-left: 13px;
  }
  #main .list01 li:before {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	background-position: 0 -190px; /* 20140926追加対応 */
  }
  #main .list03 li:before {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	background-position: 0 -190px; /* 20140926追加対応 */
  }
}
/*------------------------------------------------------------
  table
------------------------------------------------------------*/
#main .tableA table,
#main .tableB table,
#main .tableC table,
#main .tableD table,
#main .tableE table {
	border-right: 1px #DDD solid;
	border-collapse: collapse;
	border-spacing: 0;
	width:100% !important;/*追加*/
	line-height:1.5 !important;/*追加*/
}
#main .tableA table .w3,
#main .tableB table .w3,
#main .tableC table .w3,
#main .tableD table .w3,
#main .tableE table .w3 {
	width: 3%;
}
#main .tableA table .w30,
#main .tableB table .w30,
#main .tableC table .w30,
#main .tableD table .w30,
#main .tableE table .w30 {
	width: 30.3%;
}
#main .tableA table .w33,
#main .tableB table .w33,
#main .tableC table .w33,
#main .tableD table .w33,
#main .tableE table .w33 {
	width: 33.3%;
}
#main .tableA table .w70,/*追加*/
#main .tableB table .w70,
#main .tableC table .w70,
#main .tableD table .w70,
#main .tableE table .w70 {
	width: 70%;
}
#main .tableA table .w11,/*追加*/
#main .tableB table .w11,
#main .tableC table .w11,
#main .tableD table .w11,
#main .tableE table .w11 {
	width: 11%;
}
#main .tableA table .w23,/*追加*/
#main .tableB table .w23,
#main .tableC table .w23,
#main .tableD table .w23,
#main .tableE table .w23 {
	width: 23%;
}
#main .tableA table .w44,/*追加*/
#main .tableB table .w44,
#main .tableC table .w44,
#main .tableD table .w44,
#main .tableE table .w44 {
	width: 44%;
}
#main .tableA table thead th,
#main .tableB table thead th,
#main .tableC table thead th,
#main .tableD table thead th,
#main .tableE table thead th {
	padding: 12px 0;
	background-color: #333;
	border: 1px #DDD solid;
	border-right: none;
	border-bottom: none;
	color: #FFF;
	font-size: 1.154em;
	text-align: center;
}
#main .tableA table .bgTypeB { background-color: #e86a92 !important;}
#main .tableA table .bgTypeC { background-color: #519fd5 !important;}
#main .tableA table .bgTypeD { background-color: #75b138 !important;}
#main .tableA table .bgTypeE { background-color: #fa9500 !important;}

#main .tableA table thead .noTxt,
#main .tableB table thead .noTxt,
#main .tableC table thead .noTxt,
#main .tableD table thead .noTxt,
#main .tableE table thead .noTxt {
	background-color: #FFF;
	border-color: #fff;
}
#main .tableA table tbody th,
#main .tableB table tbody th,
#main .tableC table tbody th,
#main .tableD table tbody th,
#main .tableE table tbody th {
	padding: 0 10px;
	background-color: #ccc;
	border: 1px #DDD solid;
	border-right: none;
	font-weight: normal;
	vertical-align: middle;
	word-break: break-all;
}
#main .tableA table tbody td,
#main .tableB table tbody td,
#main .tableC table tbody td,
#main .tableD table tbody td,
#main .tableE table tbody td {
	padding: 12px;
	border: 1px #DDD solid;
	border-right: none;
	vertical-align: top;
}
#main .tableA table tbody td .icon,
#main .tableB table tbody td .icon,
#main .tableC table tbody td .icon,
#main .tableD table tbody td .icon,
#main .tableE table tbody td .icon {
	padding-left: 33px;
	display: block;
	position: relative;
}
#main .tableA table tbody td .icon .num,
#main .tableB table tbody td .icon .num,
#main .tableC table tbody td .icon .num,
#main .tableD table tbody td .icon .num,
#main .tableE table tbody td .icon .num {
	padding-top: 5px;
	width: 24px;
	height: 24px;
	background-color: #8FC13A;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	behavior: url(/common/js/pie.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
	color: #FFF;
	font-size: 1.231em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#main .tableA table tbody td dl dt,
#main .tableB table tbody td dl dt,
#main .tableC table tbody td dl dt,
#main .tableD table tbody td dl dt,
#main .tableE table tbody td dl dt {
	display: none;
}
#main .tableA table tbody td dl.tate dd,/*追加*/
#main .tableB table tbody td dl.tate dd,
#main .tableC table tbody td dl.tate dd,
#main .tableD table tbody td dl.tate dd,
#main .tableE table tbody td dl.tate dd {
	text-align:center;
}
#main .tableA table tbody td dl dd ul li,
#main .tableB table tbody td dl dd ul li,
#main .tableC table tbody td dl dd ul li,
#main .tableD table tbody td dl dd ul li,
#main .tableE table tbody td dl dd ul li {
	padding-left: 13px;
	position: relative;
}
#main .tableA table tbody td dl dd ul li:before,
#main .tableB table tbody td dl dd ul li:before,
#main .tableC table tbody td dl dd ul li:before,
#main .tableD table tbody td dl dd ul li:before,
#main .tableE table tbody td dl dd ul li:before {
	position: absolute;
	top: 2px;/*追加*/
	left: 0;
	content: "●";
	color: #ccc;
	font-size: 0.5em;
}
#main .tableB table,
#main .tableC table,
#main .tableD table,
#main .tableE table {
	border-right: 1px #fff solid;
}
#main .tableB table thead th,
#main .tableC table thead th,
#main .tableD table thead th,
#main .tableE table thead th {
	border: 1px #fff solid;
}
#main .tableB table tbody th,
#main .tableC table tbody th,
#main .tableD table tbody th,
#main .tableE table tbody th {
	border: 1px #fff solid;
	color: #FFF;
}
#main .tableB table tbody td,
#main .tableC table tbody td,
#main .tableD table tbody td,
#main .tableE table tbody td {
	border: 1px #fff solid;
}
#main .tableA table thead th {
	background-color: #afa395;
}
#main .tableA table thead th.tate {/*追加*/
	background-color: #F5F5F1;
	color:#333;
	padding:8px;
	vertical-align: middle !important;
	text-align:left;
}
#main .tableA table tbody th {
	background-color: #F5F5F1;
}
#main .tableA table tbody td .icon .num {
	background-color: #8FC13A;
	color: #FFF;
}
#main .tableA table tbody td dl dd ul li:before {
	color: #91C042;
}
#main .tableB table thead th {
	background-color: #e86a92;
}
#main .tableB table tbody th {
	background-color: #F196B2;
}
#main .tableB table tbody td {
	background-color: #FFD2DF;
}
#main .tableB table tbody td .icon .num {
	background-color: #fff;
	color: #EE6B92;
}
#main .tableB table tbody td dl dd ul li:before {
	color: #e86a92;
}
#main .tableC table thead th {
	background-color: #519fd5;
}
#main .tableC table tbody th {
	background-color: #7DB9E2;
}
#main .tableC table tbody td {
	background-color: #C1DFF0;
}
#main .tableC table tbody td .icon .num {
	background-color: #fff;
	color: #5DA8DB;
}
#main .tableC table tbody td dl dd ul li:before {
	color: #519fd5;
}
#main .tableD table thead th {
	background-color: #75b138;
}
#main .tableD table tbody th {
	background-color: #A4CE59;
}
#main .tableD table tbody td {
	background-color: #D6E48E;
}
#main .tableD table tbody td .icon .num {
	background-color: #fff;
	color: #8BC322;
}
#main .tableD table tbody td dl dd ul li:before {
	color: #75b138;
}
#main .tableE table thead th {
	background-color: #fa9500;
}
#main .tableE table tbody th {
	background-color: #FDAC33;
}
#main .tableE table tbody td {
	background-color: #FFE07B;
}
#main .tableE table tbody td .icon .num {
	background-color: #fff;
	color: #FF9900;
}
#main .tableE table tbody td dl dd ul li:before {
	color: #fa9500;
}
#main .tableIn {/*追加*/
  width:100% !important;
  margin:0 0 20px 0;
}
#main .tableIn table {/*追加*/
  width:100% !important;
}

@media only screen and (max-width: 640px) {
  #main .tableA table,
  #main .tableB table,
  #main .tableC table,
  #main .tableD table,
  #main .tableE table {
	border-bottom: 1px #DDD solid;
	display: block;
	font-size: 1.083em;
	clear:both;/*追加*/
  }
  #main .tableA table .w3,
  #main .tableB table .w3,
  #main .tableC table .w3,
  #main .tableD table .w3,
  #main .tableE table .w3,
  #main .tableA table .w30,
  #main .tableB table .w30,
  #main .tableC table .w30,
  #main .tableD table .w30,
  #main .tableE table .w30,
  #main .tableA table .w33,
  #main .tableB table .w33,
  #main .tableC table .w33,
  #main .tableD table .w33,
  #main .tableE table .w33,
  #main .tableA table .w70,
  #main .tableB table .w70,
  #main .tableC table .w70,
  #main .tableD table .w70,
  #main .tableE table .w70{
	width: 100%;
  }
  #main .tableA table thead,
  #main .tableB table thead,
  #main .tableC table thead,
  #main .tableD table thead,
  #main .tableE table thead {
	display: none;
  }
  #main .tableA table tbody,
  #main .tableB table tbody,
  #main .tableC table tbody,
  #main .tableD table tbody,
  #main .tableE table tbody,
  #main .tableA table tbody tr,
  #main .tableB table tbody tr,
  #main .tableC table tbody tr,
  #main .tableD table tbody tr,
  #main .tableE table tbody tr {
	display: block;
  }
  #main .tableA table tbody th,
  #main .tableB table tbody th,
  #main .tableC table tbody th,
  #main .tableD table tbody th,
  #main .tableE table tbody th {
	padding: 15px 10px;
	border-bottom: none;
	display: block;
	font-weight: bold;
	text-align: center;
  }
  #main .tableA table tbody td,
  #main .tableB table tbody td,
  #main .tableC table tbody td,
  #main .tableD table tbody td,
  #main .tableE table tbody td {
	padding: 0;
	border-bottom: none;
	display: block;
	vertical-align: top;
  }
  #main .tableA table tbody td .icon,
  #main .tableB table tbody td .icon,
  #main .tableC table tbody td .icon,
  #main .tableD table tbody td .icon,
  #main .tableE table tbody td .icon {
	padding: 15px 0 15px 33px;
  }
  #main .tableA table tbody td .tx,/*追加*/
  #main .tableB table tbody td .tx,
  #main .tableC table tbody td .tx,
  #main .tableD table tbody td .tx,
  #main .tableE table tbody td .tx {
	padding: 15px;
  }
  #main .tableA table tbody td .icon .num,
  #main .tableB table tbody td .icon .num,
  #main .tableC table tbody td .icon .num,
  #main .tableD table tbody td .icon .num,
  #main .tableE table tbody td .icon .num {
	top: 10px;
	left: 5px;
  }
  #main .tableA table tbody td dl,
  #main .tableB table tbody td dl,
  #main .tableC table tbody td dl,
  #main .tableD table tbody td dl,
  #main .tableE table tbody td dl {
	width: 100%;
	display: table;
  }
  #main .tableA table tbody td dl dt,
  #main .tableB table tbody td dl dt,
  #main .tableC table tbody td dl dt,
  #main .tableD table tbody td dl dt,
  #main .tableE table tbody td dl dt {
	padding: 15px 5px;
	width: 35%;
	background-color: #CCC;
	display: table-cell;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
  }
  #main .tableA table tbody td dl dd,
  #main .tableB table tbody td dl dd,
  #main .tableC table tbody td dl dd,
  #main .tableD table tbody td dl dd,
  #main .tableE table tbody td dl dd {
	padding: 15px;
	display: table-cell;
	vertical-align: middle;
  }
  #main .tableA table tbody td dl.tate,/*追加*/
  #main .tableB table tbody td dl.tate,
  #main .tableC table tbody td dl.tate,
  #main .tableD table tbody td dl.tate,
  #main .tableE table tbody td dl.tate {
	width: 100%;
	display: block;
  }
  #main .tableA table tbody td dl.tate dt,/*追加*/
  #main .tableB table tbody td dl.tate dt,
  #main .tableC table tbody td dl.tate dt,
  #main .tableD table tbody td dl.tate dt,
  #main .tableE table tbody td dl.tate dt {
	padding: 10px 0px 10px 0px !important;
	width: 100%;
	background-color: #F5F5F1;
	display: block;
	color: #333;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	line-height:1.5em;
	border-bottom: 1px #DDD solid;
  }
  #main .tableA table tbody td dl.tate dd,/*追加*/
  #main .tableB table tbody td dl.tate dd,
  #main .tableC table tbody td dl.tate dd,
  #main .tableD table tbody td dl.tate dd,
  #main .tableE table tbody td dl.tate dd {
	padding: 15px;
	display: block;
	vertical-align: middle;
  }
  #main .tableB table,
  #main .tableC table,
  #main .tableD table,
  #main .tableE table {
	border-bottom: 1px #fff solid;
  }
  #main .tableB table tbody td,
  #main .tableC table tbody td,
  #main .tableD table tbody td,
  #main .tableE table tbody td {
	border-bottom: none;
  }
  #main .tableA table tbody td dl dt {
	background-color: #afa395;
  }
  #main .tableB table tbody td dl dt {
	background-color: #e86a92;
  }
  #main .tableC table tbody td dl dt {
	background-color: #519fd5;
  }
  #main .tableD table tbody td dl dt {
	background-color: #75b138;
  }
  #main .tableE table tbody td dl dt {
	background-color: #fa9500;
  }

  .iphone #main .tableA table tbody td .icon:before,
  .iphone #main .tableB table tbody td .icon:before,
  .iphone #main .tableC table tbody td .icon:before,
  .iphone #main .tableD table tbody td .icon:before,
  .iphone #main .tableE table tbody td .icon:before {
	font-size: 1em;
  }
  #main .tableIn {/*追加*/
	width:100% !important;
  }
  #main .tableIn table {/*追加*/
	width:100% !important;
  }
  #main .tableIn table tr {/*追加*/
	display: table-row !important;
  }
  #main .tableIn table th,/*追加*/
  #main .tableIn table td {
	display: table-cell !important;
	padding:10px !important;
  }
  #main .tableIn table th{
	width:50% !important;
  }
  #main .tableIn table td{
	width:70%
  }
  #main table.seminar td{
	  padding:10px !important;
  }
}
/*------------------------------------------------------------
  img_txt
------------------------------------------------------------*/
#main .imgTxtA01 .ttl, #main .imgTxtB01 .ttl, #main .imgTxtC01 .ttl {
	margin-bottom: 0;
	padding: 0;
	border: none;
	font-size: 1.385em;
}
#main .imgTxtA01 {
	padding: 15px;
	border: 3px #DED4D0 solid;
	margin:0 0 20px 0;/*追加*/
}
#main .imgTxtA01 .inner {
	margin-bottom: 10px;
	width: 100%; /* 20140926追加対応 */
	padding: 15px;
	background-color: #EEE9E7;
	-webkit-box-sizing: border-box; /* 20140926追加対応 */
	-moz-box-sizing: border-box; /* 20140926追加対応 */
	-ms-box-sizing: border-box; /* 20140926追加対応 */
	-o-box-sizing: border-box; /* 20140926追加対応 */
	box-sizing: border-box; /* 20140926追加対応 */
	display: table;
}
#main .imgTxtA01 .inner .img {
	padding-left: 20px;
	width: 120px; /* 20140926追加対応 */
	display: table-cell;
	vertical-align: top;
}
#main .imgTxtA01 .inner .txt {
	display: table-cell;
	vertical-align: top;
	width:100%;/*追加*/
}
#main .imgTxtA01 .inner .txt .ttl {
	color: #333; /* 20140926追加対応 */
	margin-bottom: 15px;
	padding-bottom: 10px;
}
#main .imgTxtA01 .inner .txt .ttl:before {
	width: 100%;
	height: 5px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1796px; /* 20140926追加対応 */
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}
#main .imgTxtB01 {
	padding: 15px;
	border: 3px #DED4D0 solid;
	margin-bottom:20px;/*追加*/
}
#main .imgTxtB01 .ttl {
	margin-bottom: 20px;
	padding: 12px 20px;
	background-color: #A69786;
	color: #FFF;
	font-weight: bold;
}
#main .imgTxtB01 .inner:after {
	display: block;
	clear: both;
	content: "";
}
#main .imgTxtB01 .inner .img {
	margin-right: 20px;
	float: left;
}
#main .imgTxtB01 .inner .txt {/*追加*/
	width:100%;
}
#main .imgTxtB01 .inner .txtw {/*追加*/
	width:490px;
	float:right;
}
#main .imgTxtB01 .inner .txtw.autow {/*追加*/
  width:auto;
  float: none;
  overflow: hidden;
}
#main .imgTxtB01 .inner p {/*追加*/
	margin-top: 25px;
}
#main .imgTxtB01 .inner p:first-child {/*追加*/
	margin-top: 0;
}
#main .imgTxtB01 .name{/*追加*/
	text-align:center;
	display:block;
}
#main .imgTxtB01 .inner .txt p {
	margin-top: 25px;
}
#main .imgTxtB01 .inner .txt p:first-child {
	margin-top: 0;
}
#main .imgTxtC01 {
	border: 3px #DED4D0 solid;
	margin-bottom:20px;/*追加*/
}
#main .imgTxtC01 .ttl {
	padding: 15px 15px 12px;
	border-bottom: 4px #ececec solid;
	color:#333 !important;
}
#main .imgTxtC01 .ttl:after {
	width: 100%;
	height: 1px;
	background-color: #C4BAAF;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}
#main .imgTxtC01 .inner {
	padding: 15px;
	display: table;
}
#main .imgTxtC01 .inner .txt {
	display: table-cell;
	vertical-align: top;
	width:100% !important;
}
#main .imgTxtC01 .inner .img {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#main .imgTxtD01 {/*追加*/
	margin-bottom: 20px;
}
#main .imgTxtD01 .ttl {/*追加*/
	margin-bottom: 20px;
}
#main .imgTxtD01 .inner:after {/*追加*/
	display: block;
	clear: both;
	content: "";
}
#main .imgTxtD01 .inner .img {/*追加*/
	margin: 0 0 20px 20px;
	float: right;
}
#main .imgTxtD01 .inner .txt{/*追加*/

}
#main .imgTxtD01 .inner .txt p {/*追加*/
	margin-top: 25px;
}
#main .txt p {/*追加*/
	margin-top: 25px;
}
#main .imgTxtD01 .inner .txt p:first-child {/*追加*/
	margin-top: 0;
}
#main .txt p:first-child {/*追加*/
	margin-top: 0;
}

@media only screen and (max-width: 640px) {
  #main .imgTxtA01 p, #main .imgTxtB01 p, #main .imgTxtC01 p {
	font-size: 1.083em;
  }
  #main .imgTxtA01 .inner {
	margin-bottom: 10px;
	display: block;
  }
  #main .imgTxtA01 .inner .img {
	margin: 0 auto; /* 20140926追加対応 */
	padding-left: 0;
	display: block;
	width:50%;/*追加*/
  }
  #main .imgTxtA01 .inner .img img {
	width: 100%;
	height: auto;
  }
  #main .imgTxtA01 .inner .txt {
	margin-bottom: 15px;
	display: block;
  }
  #main .imgTxtB01 {
	padding: 15px;
	border: 3px #DED4D0 solid;
  }
  #main .imgTxtB01 .ttl {
	margin-bottom: 20px;
	padding: 12px 20px;
	background-color: #A69786;
	color: #FFF;
	font-weight: bold;
  }
  #main .imgTxtB01 .inner .txtw {/*追加*/
	width:100%;
	float:none;
  }
  #main .imgTxtB01 .inner {
	display: box;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	box-direction: reverse;
	-webkit-box-direction: reverse;
  }
  #main .imgTxtB01 .inner .img {
	margin-right: 0;
	float: none;
	width:auto;/*追加*/
	margin:10px auto 0px auto;/*追加*/
  }
  #main .imgTxtB01 .inner .img img {
	width: 100%;
	height: auto;
  }
  #main .imgTxtB01 .inner .txt {
	margin-bottom: 15px;
  }
  #main .imgTxtC01 .inner {
	display: block;
  }
  #main .imgTxtC01 .inner .txt {
	margin-bottom: 15px;
	display: block;
  }
  #main .imgTxtC01 .inner .img {
	padding-left: 0;
	display: block;
	width:50%/*追加*/;
	margin:0 auto;
  }
  #main .imgTxtC01 .inner .img img {
	width: 100%;
	height: auto;
  }
  #main .imgTxtD01 {/*追加*/
	padding: 15px;
	/*border: 3px #DED4D0 solid;*/
	margin-bottom:20px
  }
  #main .imgTxtD01 .ttl {/*追加*/
	margin-bottom: 20px;
	padding: 12px 20px;
	background-color: #A69786;
	color: #FFF;
	font-weight: bold;
  }
  #main .imgTxtD01 .inner {/*追加*/
	display: box;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	box-direction: reverse;
	-webkit-box-direction: reverse;
  }
  #main .qualification .imgTxtD01 .inner {/*追加*/
	box-direction:normal;
	-webkit-box-direction: normal;
  }
  #main .imgTxtD01 .inner .img {/*追加*/
	margin-right: 0;
	float: none;
	width:50%;
	margin:0 auto;
  }
  #main .imgTxtD01 .inner .img img {/*追加*/
	width: 100%;
	height: auto;
  }
  #main .imgTxtD01 .inner .txt {/*追加*/
	margin-bottom: 15px;
  }
}
/*------------------------------------------------------------
  balloon
------------------------------------------------------------*/
#main .balloon01 {
	display: table;
	margin-bottom:20px;/*追加*/
}
#main .balloon01 .img {
	padding-right: 30px;
	display: table-cell;
	vertical-align: top;
}
#main .balloon01 .txt {
	display: table-cell;
	vertical-align: top;
}
#main .balloon01 .txt .inner {
	padding: 20px;
	background-color: #FAFAF9;
	border: 3px #DED4D0 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	behavior: url(/common/js/pie.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#main .balloon01 .txt .inner:after {
	margin-top: -8px;
	border-top: 8px transparent solid;
	border-right: 15px #DED4D0 solid;
	border-left: 15px transparent solid;
	border-bottom: 8px transparent solid;
	position: absolute;
	/*top: 50%;*/
	top: 55px; /*追加*/
	left: -33px;
	content: "";
}
#main .balloon01 .txt .inner .ttl {
	margin-bottom: 15px;
	padding: 0 0 10px;
	border: none;
	font-size: 1.385em;
	color: #333;/*追加*/
}
#main .balloon01 .txt .inner .ttl:before {
	width: 100%;
	height: 5px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1796px; /* 20140926追加対応 */
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

@media only screen and (max-width: 640px) {
  #main .balloon01 {
	display: block;
  }
  #main .balloon01 .img {
	padding-right: 0;
	display: block;
	text-align: center;
  }
  #main .balloon01 .txt {
	padding-top: 20px;
	display: block;
  }
  #main .balloon01 .txt .inner:after {
	margin: 0 0 0 -8px;
	border-top: 15px transparent solid;
	border-right: 8px transparent solid;
	border-left: 8px transparent solid;
	border-bottom: 15px #DED4D0 solid;
	top: -33px;
	left: 50%;
  }
  #main .balloon01 .txt .inner p {
	font-size: 1.083em;
  }
}
/*------------------------------------------------------------
  column
------------------------------------------------------------*/
#main .twoColumn01, #main .threeColumn01 {
	letter-spacing: -0.4em;
	margin-bottom:20px;/*追加*/
}
#main .twoColumn01 .ttl, #main .threeColumn01 .ttl {
	margin-bottom: 0;
	padding: 10px;
	background-color: #A69786;
	border: none;
	color: #FFF;
	font-size: 1.385em;
}
#main .twoColumn01 .column, #main .threeColumn01 .column {
	padding: 15px;
	border: 3px #DED4D0 solid;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#main .twoColumn01 .column:first-child, #main .threeColumn01 .column:first-child {
	margin-left: 0;
}
#main .twoColumn01 .column {
	margin-left: 20px;
	width: 314px;
}
#main .twoColumn01 .column .ttl {
	margin-bottom: 15px;
	font-size: 1.23em;
}
#main .twoColumn01 .column .ttl:before {/*追加*/
	background:none;
}
#main .threeColumn01 .column {
	margin-left: 15px;
	width: 194px;
}
#main .threeColumn01 .column .img {
	margin-bottom: 10px;
}
#main .threeColumn01 .column .ttl {
	margin-bottom: 10px;
	font-size: 1em;
}

@media only screen and (max-width: 640px) {
  #main .twoColumn01 .column, #main .threeColumn01 .column {
	margin: 0 0 15px;
	width: auto;
	display: block;
	font-size: 1.083em;
  }
  #main .twoColumn01 .column:last-child, #main .threeColumn01 .column:last-child {
	margin-bottom: 0;
  }
  #main .twoColumn01 .column .img, #main .threeColumn01 .column .img {/*追加*/
	width: 50%;
	margin:0px auto 10px auto;
  }
   #main .twoColumn01 .column .img img, #main .threeColumn01 .column .img img {
	width: 100%;
	height: auto;
  }
}
/*------------------------------------------------------------
  flow
------------------------------------------------------------*/
#main .step {
	margin-bottom: 30px;/*追加　元30px*/
	padding-left: 110px;
	position: relative;
	background: url(../images/common/step.png) no-repeat 35px bottom;/*追加*/
}
#main .lastStep{/*追加*/
	background: none;
}
#main .step:before, #main .step:after {
	position: absolute;
	content: "";
}
/*#main .step:before {
	width: 14px;
	height: 40px;
	background-color: #DED4D0;
	top: 37px;
	left: 43px;
}
#main .step:after {
	border: 15px transparent solid;
	border-top-color: #DED4D0;
	top: 77px;
	left: 35px;
}*/
#main .step .ttl {
	padding: 0 0 18px;
	border: none;
	position: relative;
	font-size: 1.231em;
}
#main .step .ttl:before {
	width: 100%;
	height: 5px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1796px; /* 20140926追加対応 */
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}
#main .step .ttl .icon {
	margin: 0 10px 0 -110px;
	padding: 11px 0 7px 0;
	width: 100px;
	background-color: #91c042;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	behavior: url(/common/js/pie.htc);
	display: block;
	color: #FFF;
	font-size: 0.813em;
	font-weight: normal;
	text-align: center;
}
#main .step .closing {
	padding: 4px 0 3px;
	width: 225px;
	border: 1px #DED4D0 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 0;
	right: 0;
	behavior: url(/common/js/pie.htc);
	color: #907A63;
	text-align: center;
}
#main .step p {
	margin-bottom: 5px;
}
#main .step p strong {
	color: #87C406;
	-webkit-text-shadow: 0 0 0 #87C406;
}
#main .step .notes small {
	font-size: 1em;
}

@media only screen and (max-width: 640px) {
  #main .step {
	margin-bottom: 56px;
	padding-left: 0;
	background: none;/*追加*/
  }
  #main .step:before {
	display: none;
	content: none;
  }
  #main .step:after {
	margin-left: -40px;
	border-left: 40px transparent solid;
	border-right: 40px transparent solid;
	border-bottom: 15px transparent solid;
	border-top: 15px #DED4D0 solid;
	top: auto;
	bottom: -45px;
	left: 50%;
  }
  #main .lastStep:after {/*追加*/
	margin-left: -40px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	top: auto;
	bottom: auto;
	left: auto;
  }
  #main .step .ttl {
	margin-bottom: 10px;
	padding: 0;
	border: none;
	position: static;
  }
  #main .step .ttl:before {
	display: none;
	content: none;
  }
  #main .step .ttl .icon {
	margin: 0 0 10px;
	padding: 8px 0;
	width: auto;
	background-color: #91c042;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: static;
	display: block;
	font-weight: bold;
  }
  #main .step .closing {
	margin-bottom: 20px;
	padding: 4px 0 3px;
	width: auto;
	position: static;
  }
}
/*------------------------------------------------------------
  tab   下記20140926追加対応
------------------------------------------------------------*/
#main .tabFrame .tabLink {
	margin-bottom: 15px;
	border-bottom: 1px #ccc solid;
	position: relative;
	letter-spacing: -0.4em;
}
#main .tabFrame .tabLink:after {
	width: 100%;
	height: 5px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1796px;
	background-repeat: repeat-x;
	position: absolute;
	bottom: -6px;
	left: 0;
	content: "";
}
#main .tabFrame .tabLink li {
	margin-left: 2px;
	/*padding: 12px 21px 8px 21px;*//*追加*/
	background-color: #eee;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	position: relative;
	behavior: url(/common/js/pie.htc);
	-webkit-border-radius: border-box;
	-moz-border-radius: border-box;
	-ms-border-radius: border-box;
	-o-border-radius: border-box;
	border-radius: border-box;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	letter-spacing: normal;
	vertical-align: bottom;
	cursor: pointer;
}
#main .tabFrame .tabLink li a{/*追加*/
	display:block;
	padding: 12px 21px 8px 21px !important;
	margin:0px !important;
}
#main .tabA .tabLink li a{/*追加*/
	color:#F16C92;
}
#main .tabB .tabLink li a{/*追加*/
	color:#58A6DD;
}
#main .tabC .tabLink li a{/*追加*/
	color:#89C407;
}
#main .tabD .tabLink li a{/*追加*/
	color:#FF9900;
}
#main .tabFrame .tabLink li.current a{/*追加*/
	color:#fff;
}
#main .tabFrame .tabLink li:first-child {
	margin-left: 0;
}
#main .tabFrame .tabLink .current {
	background-color: #CCC;
	color: #FFF;
}
#main .tabFrame .tab .ttl {
	margin-bottom: 0;
	padding: 0;
	border: none;
	display: none;
	position: static;
	font-size: 1em;
}
#main .tabFrame .tab .tabBox{
	display:none;
}
#main .tabFrame .on .tabBox{
	display:block;
}
#main .tabFrame .tab .tabBox ul {
	letter-spacing: -0.4em;
}
#main .tabFrame .tab .tabBox ul li {
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	vertical-align: middle;
}
#main .tabFrame .tab .tabBox ul li:before {
	content: "｜";
}
#main .tabFrame .tab .tabBox ul li:first-child:before {
	content: none;
}
#main .tabA .tabLink {
	border-bottom-color: #EE6B92;
}
#main .tabA .tabLink li {
	background-color: #FFDFE9;
	color: #F16C92;
}
#main .tabA .tabLink .current {
	background-color: #F16C92;
	color: #FFF;
}
#main .tabB .tabLink {
	border-bottom-color: #58A6DD;
}
#main .tabB .tabLink li {
	background-color: #D7EAF7;
	color: #58A6DD;
}
#main .tabB .tabLink .current {
	background-color: #58A6DD;
	color: #FFF;
}
#main .tabC .tabLink {
	border-bottom-color: #89C407;
}
#main .tabC .tabLink li {
	background-color: #E0ECA8;
	color: #89C407;
}
#main .tabC .tabLink .current {
	background-color: #89C407;
	color: #FFF;
}
#main .tabD .tabLink {
	border-bottom-color: #FF9900;
}
#main .tabD .tabLink li {
	background-color: #FFEDA6;
	color: #FF9900;
}
#main .tabD .tabLink .current {
	background-color: #FF9900;
	color: #FFF;
}

@media only screen and (max-width: 640px) {
  #main .tabFrame .tabLink {
	display: none;
  }
  #main .tabFrame .tab {
	display: block;
  }
  #main .tabFrame .tab .ttl {
	position: relative;
	display: block;
  }
  #main .tabFrame .tab .ttl a{
	margin-bottom: 0;
	padding: 10px 0;
	border: none;
	border-bottom: 1px #fff solid;
	display: block;
	color: #FFF;
	font-size: 1.083em;
	text-align: center;
  }
  #main .tabFrame .tab .ttl:after {
	margin-top: -3px;
	width: 12px;
	height: 7px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	background-position: 0 -124px;
	position: absolute;
	top: 50%;
	right: 15px;
	content: "";
  }
  #main .tabFrame .tab .tabBox ul li {
	border-bottom: 1px #fff solid;
	display: block;
  }
  #main .tabFrame .tab .tabBox ul li:before {
	display: none;
	content: "";
  }
  #main .tabFrame .tab .tabBox ul li a {
	padding: 10px 0;
	background-color: #EEE;
	display: block;
	color: #ccc;
	font-size: 1.083em;
	text-align: center;
  }
  #main .tabA .tab .ttl {
	background-color: #F16C92;
  }
  #main .tabA .tab .tabBox ul li a {
	background-color: #FFDFE9;
	color: #F16C92;
  }
  #main .tabB .tab .ttl {
	background-color: #52A4DF;
  }
  #main .tabB .tab .tabBox ul li a {
	background-color: #D7EAF7;
	color: #52A4DF;
  }
  #main .tabC .tab .ttl {
	background-color: #86C500;
  }
  #main .tabC .tab .tabBox ul li a {
	background-color: #E0ECA8;
	color: #86C500;
  }
  #main .tabD .tab .ttl {
	background-color: #FF9B00;
  }
  #main .tabD .tab .tabBox ul li a {
	background-color: #FFEDA6;
	color: #FF9B00;
  }
}
/*------------------------------------------------------------
  linkTxt01
------------------------------------------------------------*/
#main .linkTxt01 a {
	padding-right: 20px;
	position: relative;
}
#main .linkTxt01 a:after {
	margin-top: -7px;
	width: 14px;
	height: 14px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	background-position: 0 -1429px; /* 20140926追加対応 */
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
}

@media only screen and (max-width: 640px) {
  #main .linkTxt01 a:after {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	background-position: 0 -726px;
  }
}
/*------------------------------------------------------------
  btn
------------------------------------------------------------*/
#main .btnList01:after {
	display: block;
	clear: both;
	content: "";
}
#main .btnList01 li {
	margin-left: 20px;
	width: 350px;
	float: left;
}
#main .btnList01 li.txt-2line a {
  padding-top: 16px;
  padding-bottom: 8px;
  line-height: 1.3;
}
#main .btnList01 li:first-child {
	margin-left: 0;
}
#main .btnList01 li a {
	padding: 18px 15px 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	behavior: url(/common/js/pie.htc);
	display: block;
	color: #FFF;
	font-size: 1.385em;
	font-weight: bold;
	-webkit-text-shadow: 0 0 0 #fff;
	text-align: center;
}
#main .btnList01 li a .icon {
	padding-left: 40px;
	position: relative;
}
#main .btnList01 li a .icon:before {
	margin-top: -19px;
	width: 34px;
	height: 34px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
}
#main .requestBtn01 a:hover,
#main .courseBtn01 a:hover {
	text-decoration: none;
}
#main .requestBtn01 a {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzN2U3MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwNTg0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f37e72), color-stop(100%, #e05845));
	background: -webkit-linear-gradient(top, #f37e72, #e05845);
	background: -moz-linear-gradient(top, #f37e72, #e05845);
	background: -o-linear-gradient(top, #f37e72, #e05845);
	background: linear-gradient(top, #f37e72, #e05845);
	-pie-background: linear-gradient(#f37e72, #e05845);
	border-bottom: 2px #d55442 solid;
}
#main .requestBtn01 a .icon:before {
	background-position: 0 -655px; /* 20140926追加対応 */
}
#main .requestBtn01 {/* 20140926追加対応 */
	position: relative;
}
#main .requestBtn01 .free {/* 20140926追加対応 */
	background:url(../images/common/iconFree.png) no-repeat;
	width:46px;
	height:46px;
	position:absolute;
	top:-30px;
	right:8px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}
#main .requestBtn01 a:hover {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YjJhYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2OTk4ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8b2aa), color-stop(100%, #e6998e));
	background: -webkit-linear-gradient(top, #f8b2aa, #e6998e);
	background: -moz-linear-gradient(top, #f8b2aa, #e6998e);
	background: -o-linear-gradient(top, #f8b2aa, #e6998e);
	background: linear-gradient(top, #f8b2aa, #e6998e);
	-pie-background: linear-gradient(#f8b2aa, #e6998e);
	border-bottom: 2px #e6988e solid;
}
#main .requestBtn01 a:hover .icon:before {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#main .requestBtn01 .recipe {
	font-size:15px;
	display:inline-block;
	margin-left:10px;
}
#main .requestBtn01 li a .icon:before {
	margin-top: -19px;
	width: 34px;
	height: 34px;
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
}
#main .courseBtn01 a {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5OTYwMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc53e), color-stop(100%, #f99602));
	background: -webkit-linear-gradient(top, #ffc53e, #f99602);
	background: -moz-linear-gradient(top, #ffc53e, #f99602);
	background: -o-linear-gradient(top, #ffc53e, #f99602);
	background: linear-gradient(top, #ffc53e, #f99602);
	-pie-background: linear-gradient(#ffc53e, #f99602);
	border-bottom: 2px #ec9005 solid;
}
#main .courseBtn01 a .icon:before {
	background-position: 0 -699px; /* 20140926追加対応 */
}
#main .courseBtn01 a:hover {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGM4YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiYzI2YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffdc8b), color-stop(100%, #fbc26a));
	background: -webkit-linear-gradient(top, #ffdc8b, #fbc26a);
	background: -moz-linear-gradient(top, #ffdc8b, #fbc26a);
	background: -o-linear-gradient(top, #ffdc8b, #fbc26a);
	background: linear-gradient(top, #ffdc8b, #fbc26a);
	-pie-background: linear-gradient(#ffdc8b, #fbc26a);
	border-bottom: 2px #f4bc68 solid;
}
#main .courseBtn01 a:hover .iocn:before {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/*追加20150625*/
#main .btnList01 li {
	margin-left: 20px;
	width: 350px;
	height:80px;
	float: left;
}
#main .requestBtn01 .recipe {
	font-size:14px;
	display:inline-block;
	margin-left:10px;
	text-align:left;
}
#main .btnList01 li a {
	padding: 24px 15px 0px;
	height:48px;
	text-align: center;
}
#main .btnList01 .courseBtn01 a{
	padding: 24px 15px 0px;
	height:48px;
}


@media only screen and (max-width: 640px) {
  #main .btnList01 li {
	margin: 0 0 20px;
	width: 100%;
	float: none;
  }
  #main .btnList01 li:last-child {
	margin-bottom: 0;
  }
  #main .btnList01 li a:after {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	background-position: 0 -215px;
  }
  #main .btnList01 li a .icon:before {
	background-image: url(../images/common/sprite.png);
	background-repeat: no-repeat; /* 20140926追加対応 */
	-webkit-background-size: 34px 947px; /* 20140926追加対応 */
	-moz-background-size: 34px 947px; /* 20140926追加対応 */
	-ms-background-size: 34px 947px; /* 20140926追加対応 */
	-o-background-size: 34px 947px; /* 20140926追加対応 */
	background-size: 34px 947px; /* 20140926追加対応 */
	position: absolute;
  }
  #main .requestBtn01 a .icon:before {
	background-position: 0 -371px; /* 20140926追加対応 */
  }
  #main .courseBtn01 a .icon:before {
	background-position: 0 -410px; /* 20140926追加対応 */
  }
  #main .requestBtn01 .free {/* 20140926追加対応 */
	background:url(../images/common/iconFree.png) no-repeat;
	background-size:contain;
	width:34px;
	height:34px;
	position:absolute;
	top:-15px;
	right:8px;
  }
	/*追加20150625*/
	#main .requestBtn01 .recipe {
		font-size:12px;
	}
}


/*------------------------------------------------------------
  fee
------------------------------------------------------------*/
#main .fee {
	margin-bottom: 10px;/*追加*/
}
#main .fee p {
	font-weight: bold;
}
#main .fee p .num {
	font-size: 1.231em;
}
#main .fee .denial,
#main .fee .denial2 {
	position: relative;
}
#main .fee .denial:after,
#main .fee .denial2:after {
	width: 100%;
	max-width: 265px;
	height: 1px;
	background-color: #F12121;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -5px;
	content: "";
}
#main .fee .denial2:after {
	max-width: 330px;
}
#main .fee .change {
	margin-left: 35px;
}
#main .fee .change2 {
	float:left;
	width:11px;
	height:13px;
	margin-top:27px;
}
#main .fee .changeFee {
	color: #F12121;
}
#main .fee + p {
	margin-bottom: 25px;
}
#main .feeLeft{
	width:300px;
	float:left;
}
#main .feeLeft .denial{
	margin-top:20px;
}
#main .feeRight{
	width:300px;
	float:left;
	margin-left:25px;
}
@media only screen and (max-width: 640px) {
	#main .feeLeft{
		width:100%;
		float:none;
	}
	#main .feeRight{
		width:100%;
		float:none;
		margin-left:0px;
	}
	#main .fee .change2 {
		float:none;
		width:13px;
		height:11px;
		margin:10px auto;
	}
	#main .fee .denial,
	#main .fee .denial2 {
		font-size:85%;
	}
	#main .feeLeft .denial{
		margin-top:0px;
	}
}


/*------------------------------------------------------------
  number icon
------------------------------------------------------------*/
#main .iconTtlA,
#main .iconTtlB,
#main .iconTtlC,
#main .iconTtlD,
#main .iconTtlE {
  margin-bottom: 15px;
  font-size: 1.231em;
  font-weight: bold;
}

#main .iconTtlA .num,
#main .iconTtlB .num,
#main .iconTtlC .num,
#main .iconTtlD .num,
#main .iconTtlE .num {
  padding-top: 5px;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  behavior: url(/common/js/pie.htc);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  color: #FFF;
  line-height: 1;
  text-align: center;
}

#main .iconTtlA .num { background-color: #afa395;}
#main .iconTtlB .num { background-color: #8fc13a;}
#main .iconTtlC .num { background-color: #e96a93;}
#main .iconTtlD .num { background-color: #5da8db;}
#main .iconTtlE .num { background-color: #fa9500;}


/*------------------------------------------------------------
  step title
------------------------------------------------------------*/
#main .stepTtlA,
#main .stepTtlB,
#main .stepTtlC,
#main .stepTtlD,
#main .stepTtlE {
  margin-bottom: 15px;
  font-size: 1.231em;
  font-weight: bold;
}

#main .stepTtlA .num,
#main .stepTtlB .num,
#main .stepTtlC .num,
#main .stepTtlD .num,
#main .stepTtlE .num {
  box-sizing: border-box;
  display: inline-block;
  height: 30px;
  color: #FFF;
  padding: 4px 5px 2px 10px;
  margin: 0 25px 0 0;
  position: relative;
  min-width: 68px;
  border-radius: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}

#main .stepTtlA .num { background-color: #afa395;}
#main .stepTtlB .num { background-color: #8fc13a;}
#main .stepTtlC .num { background-color: #e96a93;}
#main .stepTtlD .num { background-color: #5da8db;}
#main .stepTtlE .num { background-color: #fa9500;}

#main .stepTtlA .num:after,
#main .stepTtlB .num:after,
#main .stepTtlC .num:after,
#main .stepTtlD .num:after,
#main .stepTtlE .num:after {
  content: "";
  display: inline-block;
  border: 15px solid transparent;
  position: absolute;
  top: 0;
  right: -30px;
}

#main .stepTtlA .num:after { border-left: 15px solid #afa395;}
#main .stepTtlB .num:after { border-left: 15px solid #8fc13a;}
#main .stepTtlC .num:after { border-left: 15px solid #e96a93;}
#main .stepTtlD .num:after { border-left: 15px solid #5da8db;}
#main .stepTtlE .num:after { border-left: 15px solid #fa9500;}

@media only screen and (max-width: 640px) {
  #main .stepTtlA,
  #main .stepTtlB,
  #main .stepTtlC,
  #main .stepTtlD,
  #main .stepTtlE {
    font-size: 1.2em;
  }

  #main .stepTtlA .num,
  #main .stepTtlB .num,
  #main .stepTtlC .num,
  #main .stepTtlD .num,
  #main .stepTtlE .num {
    width: auto;
  }
}