@charset "utf-8";

/*----------------------------------------
    index
----------------------------------------*/

/*  .news
----------------------------------------*/
#contents .news h2 {
  width: 15%;
  font-size: 12px;
  padding: 17px 0;
}
#contents .news .news_area {
  width: 85%;
}
#contents .news .news_area .bxslider li a {
  color: #333333;
  text-decoration: none;
  padding-left: 15px;
  font-size: 13px;
  display: block;
}
#contents .news .news_area .bxslider li a span {
  display: block;
}
#contents .news .news_area .bxslider li a span.date {
  margin-right: 0;
  color: #666666;
  font-size: 12px;
}
#contents .news .news_area .to_list {
  max-width: 80px;
  width: auto;
  float: left;
  position: absolute;
  right: 0;
  top: 18px;
}
#contents .news .news_area .to_list a {
  font-size: 13px;
  color: #333333;
  text-decoration: none;
  background: none;
  padding-right: 15px;
  text-decoration: underline;
}
#contents .news .news_area .to_list a:hover,
#contents .news .news_area .bxslider li a:hover span {
  text-decoration: underline;
}

/*  .campain
----------------------------------------*/
#contents .campain {
  max-width: 100%;
  margin: 20px auto 0;
}
#contents .campain h2 {
  margin: 20px;
}
#contents .campain h2 img {
	width: auto;
	height: 51px;
}
#contents .campain .campain_area ul {
	width: 94%;
	margin: 0 auto;
}
#contents .campain .campain_area li {
	width: auto;
	margin: 0 auto 10px;
	float: none;
	padding: 15px;
	margin-bottom: 10px;
	background: #ffffff none;
}
#contents .campain .campain_area li .title {
	font-size: 14px;
}
#contents .campain .campain_area li .tag span {
	color: #ffffff;
	font-size: 12px;
}
#contents .campain .campain_area li .txt {
	margin-top: 10px;
	height: auto !important;
}
#contents .campain .campain_area li .txt p {
	margin-bottom: 0;
}
#contents .campain .campain_area li .txt p.specail {
	font-size: 14px;
}

/*  .info
----------------------------------------*/

#contents .info {
  width: 94%;
  margin: 0 auto;
}
#contents .info .title {
  font-size: 20px;
}
#contents .info li {
	display: block;
}
#contents .info li a {
	width: auto;
	font-size: 14px;
	margin-bottom: 10px;
}
#contents .info li a span {
	background-size: 15px;
}
#contents .info p {
  font-size: 14px;
	margin-bottom: 15px;
}
#contents .info .beginner_area {
  display: block;
	width: auto;
	background: #ffffff url(../../img/index/bg-beginner_area.jpg) no-repeat left top;
	background-size: 100%;
	padding: 10px 10px 1px;
	margin-bottom: 15px
}
#contents .info .company_area {
  display: block;
	width: auto;
	padding: 10px;
	background: url(../../img/index/sp/bg-company_area.jpg) no-repeat left top;
	background-size: 100%;
}
#contents .info .company_area li a {
	border: 1px #ffffff solid;
	color: #ffffff;
	background: none;
}
#contents .info .company_area li a span {
	background-size: 15px;
}

/*  .customer
----------------------------------------*/

#contents .customer {
  width: 94%;
  margin: 25px auto;
	padding: 20px 0 150px;
	background: #ffffff url(../../img/index/bg-customer.jpg) no-repeat right bottom;
	background-size: 170px;
}
#contents .customer .img {
	text-align: center;
}
#contents .customer .img img {
	width: 270px;
	margin: 0 auto;
}
#contents .customer .title {
	margin-bottom: 20px;
	font-size: 20px;
	padding: 0 10px;
}
#contents .customer p {
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	padding: 0 10px;
	margin-bottom: 10px;
}

/*  .sns
----------------------------------------*/

#contents .sns {
  width: 94%;
  margin: 0 auto;
}
#contents .sns h2 {
	text-align: center;
	margin: 30px 0 15px;
}
#contents .sns h2 img {
	width: auto;
	height: 50px;
}
#contents .sns .news_area {
	float: none;
	width: 280px;
}
#contents .sns .facebook {
	float: none;
	width: 280px;
}
#contents .btn-mail {
	margin-top: 20px;
	padding: 0 10px;
}
#contents .scroll_aside_sp {
	position: inherit;
}
#contents .scroll_aside_sp.fix {
	position: fixed;
	bottom: 0;
	left:0;
	z-index: 9999;
	width: 100%;
}
/*  .topics
----------------------------------------*/
#contents .topics {
  overflow: hidden;
}
.topics_area .prev_area {
  display: none;
}
.topics_area .next_area {
  display: none;
}
#contents .topics h2 {
    margin: 20px 0;
}
#contents .topics h2 img {
	width: auto;
	height: 57px;
}
.swiper-container {
  width: 270%;
  position: relative;
  overflow: hidden;
}
.topics_area .swiper-wrapper {
  position: relative;
  left: 2%;
}
.topics_area .swiper-slide {
  padding: 0 10px;
  box-sizing: border-box;
}

/*  .scroll_aside_sp
----------------------------------------*/
#contents .scroll_aside_sp {
	position: fixed;
	bottom: 0;
	left:0;
	z-index: 9999;
	width: 100%;
}
#contents .scroll_aside_sp ul {
	display: table;
	width: 100%;
	margin-top: 20px;
}
#contents .scroll_aside_sp ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#contents .scroll_aside_sp ul li:first-child {
	width: 60%;
}
#contents .scroll_aside_sp a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
}
#contents .scroll_aside_sp a.reserve {
	background: linear-gradient(to bottom, #F15078 0%,#DE1245 100%);
}
#contents .scroll_aside_sp a.reserve span {
	background: url(../../img/share/sp/bg-aside_reserve.png) no-repeat left center;
	background-size: 15px;
	padding-left: 20px;
}
#contents .scroll_aside_sp a.fc {
	background: linear-gradient(to bottom, #444444 0%,#111111 100%);
}
#copyright {
  padding-bottom: 0;
}
#contents .recruit_btn a {
	display:block;
	padding: 10px 0;
	color:#ffffff;
	background: linear-gradient(to bottom, #AE9980 0%,#9C8365 100%);
	border-radius: 5px;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	margin: 15px 10px;
	text-decoration: none;
}
#contents .recruit_btn a span {
	background: url(../../img/share/sp/bg-aside_reserve.png) no-repeat left center;
	background-size: 15px;
	padding-left: 20px;
}
#contents .fc_btn a {
	display:block;
	padding: 10px 0;
	color:#ffffff;
	background: linear-gradient(to bottom, #AE9980 0%,#9C8365 100%);
	border-radius: 5px;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	margin: 15px 10px;
	text-decoration: none;
}