@charset "UTF-8";
/* CSS Document */
/*＊＊＊＊*/

.pc {
	display: block!important;
}
.pc_inline {
	display: inline!important;
}
.sp ,
.sp_inline ,
.sp_inline-block {
	display: none!important;
}


.SpOnly {
	display:none !important;
}

.WidthAll {
     max-width: 100%;
     height: auto;
}
.Width150 {
	width: 150px;
}
.Width75p {
	width: 75%;
}


.Min {
	font-family: "Sawarabi Mincho";
}

/*/////////////////////////////////////////////////////////////////////////////////////////////

	Default

/////////////////////////////////////////////////////////////////////////////////////////////*/


body{
	background:#fff ;
	color:#333;
	font-size:15.5px;
	line-height:1.7;
	letter-spacing:1px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

a:hover img {
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #999;
	text-decoration:none;
}
a img {
	text-decoration:none;
	border:none;
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}

.height_align {
    height:auto;
}

/*===============================================
	cFix
===============================================*/
/*Opera Fix*/
body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px;}
/*cFix*/
.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* IE-mac */
* html .cFix {height:1%;}
.cFix {display:block;}


/*/////////////////////////////////////////////////////////////////////////////////////////////

	Common

/////////////////////////////////////////////////////////////////////////////////////////////*/

.fl {
	float: left;
}
.fr {
	float: right;
}

/*=============================================== 
	wrapper
===============================================*/
#wrapper{
	padding: 0;
}

#HeadFix {
	background-color:#fff;
	width:100%;
	z-index:50000;
}

h1 {
}

/*=============================================== 
	header
===============================================*/
header {
    margin: 0 auto;
    width: 100%;
	background-image: url(../img/common/bg_header.png);
	background-position: center right;
	background-repeat: no-repeat;
}
header .Inner {
	height: 96px;
    margin: 0 auto;
    width: 1000px;
	position:relative;
}
header .Inner .Logo {
	padding-top:15px;
	width:252px;
}

header .Inner .head_info {
	position:absolute;
	right:0px;
	top:20px;
}
header .Inner .head_info li {
	float:left;
	margin-left: 15px;
}
header .Inner .head_info li:first-child {
	width: 226px;
	margin-top: 2px;
}
header .Inner .head_info li:last-child {
	width: 249px;
}
header .Inner .head_info li img {
    width: 100%;
}

/*=============================================== 
	nav
===============================================*/
nav {
	background-color:#62a77b;
	border-top: 5px solid #50765b;
	height:74px;
	margin-bottom: 40px;
}


ul#Global {
	width:1000px;
	height:69px;
  background-color: #62a77b;
  display: table;
  table-layout: fixed;
  text-align: center;
	margin: auto;
	border-left: 1px dotted #a2c8ad;
}
ul#Global li {
  display: table-cell;
  vertical-align: middle;
	border-right: 1px dotted #a2c8ad;
	background-image: url(../img/common/bg_nav.png);
	background-repeat: no-repeat;
	background-position: center 10px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
	
}
ul#Global li a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 22px 0 2px;
}
ul#Global li:hover {
	background-color:#50765b;
	background-image: url(../img/common/bg_nav_hover.png);
	background-repeat: no-repeat;
	background-position: center 10px;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
}


body#top li.nav1 ,
body#profile li.nav2 ,
body#training li.nav3 ,
body#online li.nav4 ,
body#book li.nav5 ,
body#media li.nav6,
body#company li.nav7
body#column li.nav8 {
	background-color:#50765b;
	background-image: url(../img/common/bg_nav_hover.png)!important;
	background-repeat: no-repeat;
	background-position: center 10px;
}

.Decoration {
	margin-top: -40px;
	margin-bottom: 20px;
}

/*=============================================== 
	page
===============================================*/
#page_wrapper {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.page{width:1000px; height:auto; margin:0 auto 30px; padding:0; }
#contents{float:left; width:100%; height:auto; margin:0; padding:0; }
.conte{padding:0; margin:0 0 50px; width:auto; }
.conteH4{padding:0; margin:0 0 30px; width:auto; }
.conte a:hover img {opacity: 0.8;}
.text{font-size: 100%; line-height: 1.8rem; width: 100%;}
.text_S{font-size: 90%; line-height: 1.8rem; width: 100%;}
label{cursor: pointer;}
.label {border-radius: 3px 3px 3px 3px; color: #FFFFFF; font-size: 100%; padding: 2px 6px;}



/*=============================================== 
	共通
===============================================*/
.HalfBlockL {
	width:30%;
	padding-right:15px;
	float:left;
}
.HalfBlockL img {
	width:100%;
}
.HalfBlockR {
	width:70%;
	padding-left:15px;
	float:right;
}

.col2Left {
	width: 48.5%;
	float: left;
	position: relative;
}
.col2Right {
	width: 48.5%;
	float: right;
	position: relative;
}

.Inner {
	width:1000px;
	margin:0 auto;
}

#breadcrumb {
    display: block;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 25px;
    width: 1000px;
}
#breadcrumb li {
    background: rgba(0, 0, 0, 0) url("../img/common/breadcrumb_arrow.png") no-repeat scroll 10px center;
    float: left;
    padding-left: 25px;
}
#breadcrumb li.home {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}

.GreenBack {
	background-color: #50765b;
	width: 100%;
}

.TxtCenter {
	text-align:center;
}

.table_a {
    border: 1px solid #d8d8d8;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.table_a th {
    background-color: #f0f0ef;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    font-style: normal;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 33%;
}
.table_a td {
    border-top: 1px dotted #d8d8d8;
    background-color: #fff;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

.table_a th.Blue {
	background:#c5e1ee;
}


.cost{
	padding:20px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	background:#fff;
    box-sizing: border-box;
}


.ContImg {
    margin: auto;
    width: 70%;
}


.Bg_Gray {
	background-color: #f7f8f8;
}

.TopVisualType1 {
	text-align: center;
	/*background-color: #62a77b;*/
	background-image: url(../img/common/bg_TopVisualType1.png);
	margin-bottom: 20px;
}
.TopVisualType1 img {
	margin: auto;
	max-width: 100%;
}

.TextIndent {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


.TopVisualColumn {
	width: 100%;
	display: table;
	margin: auto;
	margin-bottom:20px;
}

.TopVisualColumn .Left {
    display: table-cell;
    vertical-align: middle;
    width: 53%;
	padding-bottom: 20px;
	padding-right: 2%;
}
.TopVisualColumn .Left h2 {
	max-width: 510px;
	float: right;
	font-size: 35px;
	color:  #51755c;
}
.TopVisualColumn .Right {
	float: left;
	width: 100%;
	background-color: #51755c;
	padding: 20px;
}
.TopVisualColumn .Right img {
	width: 400px;
}

/*back-top*/
.pagetop {
  position: fixed;
  right: 30px;
  display: block;
  padding: 20px;
    background-color: #b4b4b5;
    background-image: url("../img/common/up-arrow.png");
    height: 40px;
    margin-bottom: 15px;
    opacity: 0.6;
    width: 80px;
}
.pagetop:hover {
    background-color: #c9c9c9;
	 /*-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;*/
}


/*=============================================== 
	タイトル
===============================================*/
.Title_A {
    font-size: 26px;
    font-weight: normal;
    padding: 30px 0 0;
    margin-bottom: 20px;
	text-align: center;
	background-image: url(../img/common/bg_title_a.png);
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 4px solid #c9caca;
	min-height: 70px;
	letter-spacing: 0.1em;
}
.Title_B {
	background-color: #50765b;
	color: #fff;
	padding: 10px;
	font-size: 18px;
    margin-bottom: 20px;
}

.Title_C {
	color: #50765b;
	text-align: center;
	font-size: 40px;
}
.Title_C::before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../img/common/bg_nav_hover.png);
	background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
    margin-top: -8px;
    margin-right: 20px;
}
.Title_C::after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../img/common/bg_nav_hover.png);
	background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
    margin-top: -8px;
    margin-left: 20px;
}

.Title_D {
	color: #fff;
	background-color: #62a77b;
	border-bottom: 5px solid #50765b;
	text-align: center;
	padding: 0.8em 0.8em 0.5em;
	font-size: 17px;
}

.IconPen {
	background-image: url(../img/common/icon_pen.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
	padding-left:1.5em; 
}
.IconAnchor {
	background-image: url(../img/common/icon_anchor.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
	padding-left:1.5em; 
}

.Iconnews {
	background-image: url(../img/top/icon_news.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 27px;
	padding-left:3.5em; 
}
.Iconameba {
	background-image: url(../img/top/icon_ameba.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 27px;
	padding-left:3.5em; 
}


/*=============================================== 
	テキストスタイル
===============================================*/
.Bold {
	font-weight: bold;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////

	index

/////////////////////////////////////////////////////////////////////////////////////////////*/
#MainImageArea {
	width:100%;
}

#MainImageArea .MainImage {
	width: 100%;
	background-image: url(../img/common/main_visual.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 494px;
	position: relative;
}
#MainImageArea {
    width: 100%;
}
#MainImageArea .absolute {
	position: absolute;
   right:0px;
   bottom:30px;
   left:0px;
   margin:auto auto;
}

#books {
}
#books ul li {
	margin-right: 9px;
	margin-bottom: 9px;
	border-top: #efefef 1px solid;
	border-right: #efefef 1px solid;
	border-bottom: #88b47a 4px solid;
	border-left: #efefef 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
	float: left;
}
#books ul {
	float: left;
	display: block;
}

#books ul#large li {
	width: 280px;
	height: 384px;
}
#books ul#large li img {
	width: 80%;
}
#books ul#medium li {
	width: 200px;
	height: 230px;
}
#books ul#medium li img {
	width: 70%;
}
#books ul#small li {
	width: 135px;
	height: 145px;
}
#books ul#small li img {
	width: 65%;
}
#books ul#small li:last-child {
	margin-right: 0;
}


#LinkBox .CharaBox {
    box-sizing: border-box;
    float: left;
    margin-bottom: 34px;
    margin-right: 3.5%;
    position: relative;
    /*width: 31%;*/
    width: 48%;
}
#LinkBox .CharaBox:last-child {
    margin-right: 0;
}
.CharaTextBox {
    padding: 10px 0 0;
}
.CharaTextBox dt {
	border: 4px solid #efefef;
	padding: 10px;
	margin-bottom: 10px;
background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #ececec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8f8f8 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	min-height: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CharaTextBox dt img {
	max-width: 280px;
}
.CharaTextBox dd {
}


.slick-slide dt {
	border: 4px solid #efefef;
	padding: 10px;
background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #ececec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8f8f8 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	align-items:center;
	justify-content:center;
	display:flex;
}
.slick-slide dd {
	text-align: left;
}



.sectionBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Col4 {
    box-sizing: border-box;
    margin-bottom: 34px;
    margin-right: 1.3%;
    position: relative;
    width: 24%;
}
.Col4 a {
	text-decoration: none;
}
.Col4 .program_logo {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 52px;
}
.Col4:nth-child(4n) {
    margin-right: 0;
}
.Col4TextBox {
    padding: 0;
	text-align: justify;
}
.Col4TextBox dt {
    background-color: #272e36;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}
.Col4TextBox dt p {
	text-align: left;
	margin-top: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}
.Col4TextBox dt img {
    width: 14%;
}
.Col4TextBox dd {
    font-size: 13px;
	line-height: 1.5;
}
.Col4 img {
    height: auto;
    transition: all 0.25s ease-in-out 0s;
    vertical-align: bottom;
    width: 100%;
}

#seminar_info {
	margin-bottom: 50px;
}
#seminar_info .Title {
	width: 220px;
	padding-right: 20px;
	margin-right: 20px;
	float: left;
	color: #fff;
	border-right: 1px dotted #fff;
	font-size: 31px;
	padding-bottom: 10px;
}
#seminar_info .SubTitle {
	float: right;
	width: 760px;
	color: #fff;
}
#seminar_info .SubTitle p {
	font-size: 14.8px;
	margin-top: 8px;
	margin-bottom: 5px;
}

/* 角丸 */
.Radius5 {  
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
/* ボタン */
.Button {
	overflow: hidden;
	height: 34px;
	margin: 0;
	padding: 0;
}
.Button a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #f9cd72;
	color: #654654;
	font-size: 14px;
	line-height: 34px;
	text-decoration:none;
	border: 1px solid #c7c7c7;
}
.Button a:hover {
	background: #f9cd72;        /* マウスオーバーカラー */  
}

.IconList2 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #5c5c5c;
}
.IconList2 a:hover:before {
	right: 0px;        /*マウスオーバーで三角をずらす */ 
}

#seminar_list {
	width: 675px;
	height: 380px;
	overflow-y: scroll;
	float: left;
	padding-right: 30px;
}
#seminar_list dt {
	background-color: #fff;
	padding: 10px 10px 10px 70px;
	width: 100%;
	margin-bottom: 10px;
	border: 2px dotted #cfc6ca;
	background-image: url(../img/top/icon_seminar_list.png);
	background-repeat: no-repeat;
	background-position: 12px 12px;
	background-size: 40px;
}
#seminar_list dt p.date {
	color: #654654
}
#seminar_list dl dt a {
	font-weight: bold;
}
#seminar_list dl dd {
	font-size: 12px;
	color: #654654
}

#top .seminar_list_obj {
	width: 305px;
	float: right;
}
#top .seminar_list_obj img {
	width: 100%;
}


.col2Left .Button {
	position: absolute;
	top: 8px;
	right: 10px;
}

#top #news {
	overflow-y: scroll;
	height: 380px;
	padding-right: 20px;
}
#top #news dd {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #50765b;
	color: #654654;
}

#ameba {
	overflow-y: scroll;
	height: 380px;
	padding-right: 20px;
}
#ameba dl {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #e2dcdf;
	background-color: #fff;
}
#ameba dt {
	margin-bottom: 5px;
}
#ameba dd {
	float: left;
	margin-right: 20px;
	font-size: 12px;
	color: #94ab9b;
}
#ameba dd.date {
	background-image: url(../img/top/icon_ameba_date.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2.2em;
}
#ameba dd.pen {
	background-image: url(../img/top/icon_ameba_pen.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2.2em;
}




/*/////////////////////////////////////////////////////////////////////////////////////////////

	著書ページ

/////////////////////////////////////////////////////////////////////////////////////////////*/
/*tab*/
#tab {
	margin-top: 30px;
}

#tab ul {
	border-bottom: 6px solid #c9caca;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
#tab ul li {
	display: inline-block;
	width: 28%;
	padding: 10px 0;
	margin: 0 1%;
}
#tab ul li.btn_act {
	background-color: #62a77b;
}
#tab ul li.active {
	background-color: #50765b;
}
#tab ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#tab ul li a::before {
	content: "▼";
}
#tab ul li a:hover {
	color: #fff;
}

.motion {
	width: 100%;
	display: none;
}
#motion_area1 {
	display: block;
}

.Marker_Orange {
	font-style: italic;
	background: linear-gradient(transparent 60%, #fef4e3 60%);
}

.Issue {
	width: 90%;
	margin: auto;
}
.Issue .List {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ccc;
}

.Ti_icon_book {
	background-image: url(../img/common/icon_book.png);
	background-repeat: no-repeat;
	background-position: left 3px ;
	background-size: 24px;
	padding-left: 30px;
	margin-bottom: 5px;
}
.Issue .List dt {
	display: inline-block;
	padding: 0px 4px;
	background: #ba54a8;
	color: #fff;
	font-size: 80%;
	margin-bottom: 5px;
}

.Issue .issue_book_s {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.Issue .issue_book_l {
	width: 64%;
	float: left;
	border: 1px solid #ddd;
	position: relative;
}
.Issue .issue_book_l .Click {
	position: absolute;
	top: 0;
	left: 0;
}
.Issue .issue_book_s img ,
.Issue .issue_book_l img {
	width: 100%;
}

.business_book {
	flex-wrap: wrap;
	display: flex;
}
.business_book dl {
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 25px;
}
.business_book dl:nth-child(2n) {
	margin-right: 0;
}
.business_book dl dt {
	width: 20%;
	float: left;
	margin-right: 2%;
}
.business_book dl dt img {
	width: 100%;
	border: 1px solid #ddd;
}
.business_book dl dd {
	width: 78%;
	float: left;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////

	コンサルティング

/////////////////////////////////////////////////////////////////////////////////////////////*/
.ConsulFlowBox {
	width: 100%;
	background-color: #f7f8f8;
	border: 1px solid #dcdddd;
	padding: 30px;
	text-align: center;
}
.ConsulFlowBox img {
	width: 100%;
	max-width: 490px;
}
.Consul_Q_Ti {
	font-size: 19px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 55px;
	background-image: url(../img/consulting/icon_consul_q.png);
	background-position: left top;
	background-size: 47px;
	background-repeat: no-repeat;
	min-height: 47px;
}
.Consul_Q_List {
	margin-left: 70px;
	display: list-item;
	list-style-type: disc;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////

	研修

/////////////////////////////////////////////////////////////////////////////////////////////*/
.TrainingList {
	margin-bottom: 40px;
}
.TrainingList:last-child {
    margin-bottom: 0px;
}
.TrainingList dt {
    border-radius: 20px;
	font-size: 18px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 24%;
	background-color: #62a77b;
	margin-bottom: 20px;
}

ol {
    counter-reset: number 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.TrainingList dd ol li {
    margin-bottom: 8px;
    margin-left: 26px;
}
.TrainingList dd ol li::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c29a31;
	color: #c29a31;
    border-radius: 50%;
    content: counter(number, decimal);
    counter-increment: number 1;
    float: left;
    height: 1.5em;
    line-height: 1.5;
    margin: 2px 5px 0 -26px;
    text-align: center;
    width: 1.5em;
}

.ArchivesList dl {
	margin-bottom: 30px;
}
.ArchivesList dl dt {
    float: left;
    margin-right: 2%;
    width: 16%;
}
.ArchivesList dl dt img {
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
}
.ArchivesList dl dd {
    float: left;
    width: 82%;
}
.ArchivesList dl dd .Title {
	font-size: 20px;
	font-weight: bold;
}
.ArchivesList dl dd .Btn {
	background-color: #ba54a8;
	width: 185px;
	float: right;
	text-align: center;
	background-image: url(../img/training/bg_training_btn.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
	padding-right: 10px;
}
.ArchivesList dl dd .Btn:hover {
	background-color: #d761c2;
}
.ArchivesList dl dd .Btn a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 12px;
	line-height: 2.4;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////

	コラムページ

/////////////////////////////////////////////////////////////////////////////////////////////*/

.ProgramBox {
	padding: 40px 40px 0;
	background-color: #e2ece8;
	border: 2px dashed #b5b5b6;
}
.ProgramBox h4 {
	border-bottom: 1px solid #c9caca;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 16px;
	padding-bottom: 8px;
}

#column ol li {
    margin-bottom: 8px;
    margin-left: 26px;
}
#column ol li::before {
    border: 1px solid #333;
	color: #333;
    border-radius: 50%;
    content: counter(number, decimal);
    counter-increment: number 1;
    float: left;
    height: 1.2em;
    line-height: 1.2;
    margin: 2px 5px 0 -26px;
    text-align: center;
    width: 1.2em;
}

.VoicsBox {
	width: 100%;
	padding: 25px 25px 25px 240px;
	background-image:
		url(../img/training/column/obj_voice.png), /* 前面の背景レイヤーの背景画像 */
		url(../img/training/column/bg_voice.gif);
	background-repeat:
		no-repeat, /* 前面の背景レイヤーに対応 */
		repeat;
	background-position:
		25px center, /* 最前面の背景レイヤーに対応 */
		center center;
	background-size:
		180px,
		100px;
	min-height: 270px;
	margin-bottom: 40px;
}

/* balloon */
.balloon-voice {
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	width: 100%;
	min-width: 115px;
	color: #19283C;
	background: #fff;
	border: 2px dashed #d5c1b9;
	z-index: 0;
	margin-bottom: 10px;
}
.balloon-voice:last-child {
	margin-bottom: 0px;
}
.balloon-voice:before {
	content: "";
	position: absolute;
	top: 20px; left: -7px;
	margin-top: -7px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.balloon-voice:after {
	content: "";
	position: absolute;
	top: 20px; left: -10px;
	margin-top: -8px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent #d5c1b9 transparent transparent;
	z-index: -1;
}

.CTA p {
	width: 80%;
	margin: auto;
	background-image: url(../img/training/column/icon_clock.png);
	background-size: 50px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 17px;
	font-weight: bold;
	padding-left: 65px;
}

.CTA .CTAButton {
	overflow: hidden;
	width: 280px;
	height: 50px;
	margin: auto;
	padding: 0;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	border: 1px solid #c7c7c7;
}
.CTA .CTAButton a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #f9cd72;
	color: #654654;
	font-size: 15px;
	line-height: 50px;
	text-decoration:none;
}
.CTA .CTAButton a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #5c5c5c;
}
.CTA .CTAButton a:hover {
	background: #fcd687;  
}



/*/////////////////////////////////////////////////////////////////////////////////////////////

	Footer

/////////////////////////////////////////////////////////////////////////////////////////////*/
.FooterGnav .Logo {
	width:160px;
	margin: 0 auto 10px;
}
.FooterGnav li {
	background-image: url("../img/common/bg_nav.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
	float: left;
	margin-right: 22px;
}

#footer_nav {
    padding: 15px 0;
    width: 60%;
	margin: 0 auto;
}
#footer_nav ul {
    display: block;
    float: left;
    margin-left: 5px;
    width: 24.3%;
}
#footer_nav ul a {
    background: rgba(0, 0, 0, 0) url(../img/common/icon_triangle.png) no-repeat scroll left center;
    display: block;
    padding: 5px 0 5px 20px;
	text-align:left;
}
.Copyright {
	width:100%;
	margin: 0 auto;
	text-align:center;
	font-size:12px;
	color:#fff;
	background-color:#50765b;
	padding:0 0 15px;
}
.Copyright .CompanyName {
	text-align: center;
	font-size: 20px;
	padding-top: 100px;
}
.Copyright .CompanyAdd {
	text-align: center;
	border-bottom: 1px solid #a6b39f;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.Copyright a {
	color:#fff;
	text-decoration:none;
}