@charset "UTF-8";
/*body {
  padding-top: 0;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*header.fixed {
  top: -50px;
}

.sns_fix.fixed {
  right: -40px;
}

.sns_fix.show {
  right: 15px;
}

.hFixed {
  padding-top: 50px;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■top_main_vs
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#top_main_vs {
  padding: 24px 0 14px;
	background-image: url(../../img/sp/index/main_bg.png);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#top_main_vs h1 {
  margin-bottom: 45px;
}

#top_main_vs h1 img {
  width: auto;
  height: 43px;
}

#top_main_vs .catch {
  padding-bottom: 20px;
  margin-bottom: 15px;
}

#top_main_vs .catch img {
  width: auto;
  height: 21px;
}

#top_main_vs .catch:after {
  width: 301px;
  height: 3px;
  background-size: auto 3px;
}

#top_main_vs .txt {
  font-size: 1.5rem;
  line-height: 2.33;
}

#top_main_vs .ico img {
  width: 15px;
  height: auto;
}

#top_main_vs .ico01 {
  top: 70px;
  margin-left: 45px;
}

#top_main_vs .ico02 {
  top: 285px;
  margin-left: 126px;
}

#top_main_vs .ico03 {
  top: 150px;
  margin-left: -172px;
}

#top_main_vs .ico04 {
  top: 226px;
  margin-left: -157px;
}

#top_main_vs .ico05 {
  top: 8px;
  margin-left: -23px;
}

#top_main_vs .ico06 {
  top: 175px;
  margin-left: -98px;
}

#top_main_vs .ico07 {
  top: 66px;
  margin-left: -114px;
}

#top_main_vs .ico08 {
  top: 10px;
  margin-left: -172px;
}

#top_main_vs .ico09 {
  top: 226px;
  margin-left: 156px;
}

#top_main_vs .ico10 {
  top: 63px;
  margin-left: 155px;
}

#top_main_vs .ico11 {
  top: 10px;
  margin-left: 103px;
}

#top_main_vs .ico12 {
  top: 153px;
  margin-left: 127px;
}

#top_main_vs .ico16 {
  top: 85px;
  margin-left: -43px;
}

#top_main_vs .ico17 {
  top: 387px;
  margin-left: 127px;
}

#top_main_vs .ico18 {
  top: 413px;
  margin-left: -10px;
}

#top_main_vs .ico20 {
  top: 308px;
  margin-left: -134px;
  -webkit-animation: Icon 2s infinite linear alternate;
  animation: Icon 2s infinite linear alternate;
}

#top_main_vs .ico21 {
  top: 385px;
  margin-left: -165px;
  -webkit-animation: Icon02 2s infinite linear alternate;
  animation: Icon02 2s infinite linear alternate;
}

#top_main_vs .slider li {
	width:275px;
	margin: 0 13px;
}

#top_main_vs .slider li img {
	border-radius: 15px;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
}
#top_main_vs .slider li img.pcCont{
	display: none;
}
#top_main_vs .slider li img.spCont{
	display: block;
}
#top_main_vs .slick-prev, #top_main_vs .slick-next {
	-webkit-background-size: 35px auto;
	background-size: 35px auto;
	width: 35px;
	height: 35px;
	margin-top: 2.5px;
}

#top_main_vs .slick-prev {
	background-image: url(../../img/sp/slide_back02.png);
	margin-left: -181px;
}

#top_main_vs .slick-next {
	background-image: url(../../img/sp/slide_next02.png);
	background-position: right center;
	margin-left: 146px;
}
#top_main_vs .slick-dots {
	bottom: -37px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■slide_bnr
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#slide_bnr {
  margin-bottom: 25px;
}

#slide_bnr .slider li {
  width: 314px;
  margin: 0 20px;
  padding-top: 0;
}

#slide_bnr .slider li.slick-current:after {
  width: calc(100% - 14px);
  height: 5px;
  bottom: -5px;
  left: 7px;
}

#slide_bnr .slider li.slick-current img {
  margin-top: 0;
}

#slide_bnr .slider li.slick-current:hover:after {
  opacity: 1;
}

#slide_bnr .slick-prev, #slide_bnr .slick-next {
  width: 20px;
  height: 110px;
  top: 60px;
}

#slide_bnr .slick-prev:hover, #slide_bnr .slick-next:hover {
  opacity: 1;
}

#slide_bnr .slick-prev {
  margin-left: -180px;
}

#slide_bnr .slick-next {
  margin-left: 158px;
}

#slide_bnr .slick-dots {
  display: none !important;
}

@media screen and (max-width: 360px) {
  #slide_bnr {
    margin-bottom: 25px;
  }
  #slide_bnr .slider li {
    width: 280px;
  }
  #slide_bnr .slick-prev, #slide_bnr .slick-next {
    top: 55px;
  }
  #slide_bnr .slick-prev {
    margin-left: -157px;
  }
  #slide_bnr .slick-next {
    margin-left: 137px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■topics
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.topics .inner {
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  padding: 28px 22px;
  padding-bottom: 70px;
}

.topics .btn01 {
  margin-bottom: -105px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■other_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#other_area {
  padding: 330px 0 44px;
  margin-top: -300px;
  margin-bottom: 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main_category
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_category {
  margin-bottom: 57px;
}

#main_category .block {
  display: block;
}

#main_category .block .img {
  width: 100%;
  margin-bottom: 23x;
}

#main_category .block .img .img_wrap:after {
  top: 5px;
  right: -5px;
}

#main_category .block .txt_area {
  width: 100%;
}

#main_category .block .txt_area .copy, #main_category .block .txt_area .txt {
  padding-left: 0;
}

#main_category .block .txt_area .copy {
  font-size: 1.5rem;
  margin-bottom: 13px;
}

#main_category .block .txt_area .txt {
  margin-bottom: 58px;
}

#main_category .block .txt_area .point {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
}

#main_category .block .txt_area .point li {
  font-size: 1.4rem;
  margin-bottom: 40px;
}

#main_category .block .txt_area .point li .hd {
  font-size: 2.8rem;
}

#main_category .block .txt_area .point li .hd span {
  font-size: 1.2rem;
}

#main_category .block .txt_area .point li .txt {
  line-height: 1.91;
}

#main_category .lesson {
  padding-bottom: 40px;
}

#main_category .lesson .block .txt_area .btn01 a:hover {
  color: #f5afb1;
}

#main_category .lesson .block .txt_area .btn01 a:hover p {
  background-image: url(../../img/ico_arrow05.png);
}

#main_category .store {
  padding-top: 45px;
  padding-bottom: 45px;
}

#main_category .store .block .txt_area .btn01 a:hover {
  color: #997b5f;
}

#main_category .store .block .txt_area .btn01 a:hover p {
  background-image: url(../../img/ico_arrow06.png);
}

@media screen and (max-width: 360px) {
  #main_category .block .txt_area .point li {
    width: 130px;
    height: 130px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■more_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#more_area {
  background-image: url(../../img/sp/index/bnr_bg.jpg);
  padding-top: 80px;
  padding-bottom: 80px;
  width: calc(100% - 50px);
  margin: 0 auto;
}

#more_area .txt_area a {
  border-width: 3px;
  width: 223px;
  padding: 22px 10px 10px;
}

#more_area .txt_area a:after {
  content: none;
}

#more_area .txt_area a .catch {
  font-size: 1.6rem;
  margin-bottom: 20px;
}

#more_area .txt_area a .txt {
  font-size: 1.2rem;
  margin-bottom: 15px;
  line-height: 1.91;
}

#more_area .txt_area a .more {
  font-size: 1.1rem;
  padding-right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main_menu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_menu {
  padding: 188px 0 35px;
  margin-top: -150px;
}

#main_menu ul {
  border-left: none;
}

#main_menu ul li:last-of-type {
  border-right: none;
}

#main_menu ul li a {
  line-height: 1.45;
  padding-top: 65px;
  background: no-repeat center 12px;
  background-size: 37px auto;
  font-size: 1.3rem;
}

#main_menu ul li a span {
  font-size: 1.1rem;
  margin-top: 3px;
}

/*# sourceMappingURL=../../../maps/corporate/css/sp/index.css.map */