@charset "UTF-8";
/*
    visual_slider
========================================================================== */
.visual_slider {
  width: 100%;
}
.visual_slider .slider img {
  width: 100%;
  vertical-align: top;
}
/*
     lead
========================================================================== */
.bnr {
	width: 100%;
	margin: 20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bnr a {
	width: 47%;
	display: block;
	margin: 0 1% 10px;
}
section.lead {
  padding: 6vw 0;
  width: 92%;
  margin: 0 auto 30px;
}
section.lead h1 {
  width: 55vw;
  height: 0;
  padding-top: 19vw;
  background: url(../images/sp/lead_ttl.png?20210825) no-repeat 0 0;
  background-size: contain;
  overflow: hidden;
  margin: 0 auto 20px;
}
section.lead li a {
  display: block;
  overflow: hidden;
  height: 0;
}
section.lead li:nth-child(1) a {
  width: 100%;
  padding-top: 47vw;
  background: url(../images/sp/lead_after.jpg) no-repeat 0 0;
  background-size: contain;
  margin-bottom: 25px;
}
section.lead li:nth-child(2) a {
  width: 100%;
  padding-top: 48vw;
  background: url("../images/sp/lead_pbl.jpg") no-repeat 0 0;
  background-size: contain;
  margin-bottom: 25px;
}
section.lead li:nth-child(3) a {
  width: 100%;
  padding-top: 49vw;
  background: url("../images/sp/lead_vex.jpg") no-repeat 0 0;
  background-size: contain;
  margin-bottom: 25px;
}
section.lead li:nth-child(4) a {
  width: 100%;
  padding-top: 51vw;
  background: url(../images/sp/lead_musical.jpg?20210825) no-repeat 0 0;
  background-size: contain;
  margin-bottom: 25px;
}
section.lead li:nth-child(5) a {
  width: 100%;
  padding-top: 48vw;
  background: url(../images/sp/lead_pre.jpg) no-repeat 0 0;
  background-size: contain;
  margin-bottom: 25px;
}
section.lead li:nth-child(6) a {
  width: 100%;
  padding-top: 46vw;
  background: url("../images/sp/lead_babyu.jpg") no-repeat 0 0;
  background-size: contain;
}
/*
     news
========================================================================== */
section.news {
  padding: 8vw 4% 20px;
  background: url("../images/top/news_bg.png") no-repeat 0 0 #e5f4fc;
  background-size: 180%;
}
section.news img {
  width: 100%;
}
section.news h2 {
  width: 20%;
  margin: 0 auto 20px;
}
section.news ul li a {
  position: relative;
  float: right;
  width: 48.5%;
  margin-bottom: 1em;
}
section.news ul li:nth-child(odd) a {
  clear: both;
  float: left;
}
section.news ul li a .thumb {
  position: relative;
}
section.news ul li:last-child a {
  margin-right: 0;
}
section.news ul li a .date {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  padding: 0.4em 0.6em;
}
section.news ul li a .category {
  display: table;
  margin: 6px 0 6px auto;
  background: #ffff66;
  color: #0077b6;
  font-size: 90%;
  font-weight: bold;
  padding: 0.4em 1em;
}
section.news ul li a h3 {
  font-weight: bold;
}
section.news .news_btn {
  display: block;
  width: 30%;
  margin: 10px 0 0 auto;
}
/*
     sns
========================================================================== */
section.sns {
  padding: 30px 4%;
  background: #f4f4f3;
}
section.sns img {
  width: 100%;
}
section.sns li a {
  float: left;
  display: block;
  width: 48.5%;
}
section.sns li:last-child a {
  float: right;
}
/*
     company_logo
========================================================================== */
section.company_logo {
  padding: 30px 15%;
}
section.company_logo img {
  width: 100%;
}
section.company_logo li a {
  float: left;
  display: block;
  width: 35%;
}
section.company_logo li:last-child a {
  float: right;
  width: 54%;
}