@charset "utf-8";

.mainvisualImg { position: relative; display: flex; align-items: center; justify-content: center; height: calc(700/1920*100vw); }
.mainvisualImg::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .15); z-index: 1; }
.mainvisualImgSlider { position: absolute; top: 0; left: 0; width: 100%; }
.mainvisualImgSliderItem { width: 100%; height: calc(700/1920*100vw); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; z-index: 0; }
.mainvisualImgSliderItem:nth-of-type(1) { background-image: url("/index/img/mv/mv-img01-pc.jpg"); }
.mainvisualImgSliderItem:nth-of-type(2) { background-image: url("/index/img/mv/mv-img02-pc.jpg"); }
.mainvisualImgSliderItem:nth-of-type(3) { background-image: url("/index/img/mv/mv-img06-pc.png"); }
.mainvisualImgSliderItem:nth-of-type(4) { background-image: url("/index/img/mv/mv-img03-pc.jpg"); }
.mainvisualImgSliderItem:nth-of-type(5) { background-image: url("/index/img/mv/mv-img04-pc.jpg"); }
.mainvisualImgSliderItem:nth-of-type(6) { background-image: url("/index/img/mv/mv-img05-pc.jpg"); }
.mainvisualImgSlider .slick-arrow { z-index: 99; border-radius: 0; box-shadow: none; background-color: transparent !important; background-position: top left !important; background-repeat: no-repeat !important; top: 50%; width: 46px; height: 46px; background-size: 100% !important; z-index: 99; margin-top: -23px; }
.mainvisualImgSlider .slick-arrow::before { display: none; }
.mainvisualImgSlider .slick-prev { left:  29px; background-image: url("/index/img/mv/prev.svg") !important; }
.mainvisualImgSlider .slick-next { right:  29px; background-image: url("/index/img/mv/next.svg") !important; }
.mainvisualImgTitle { position: relative; z-index: 2; width: 488px; }
.mainvisualService { max-width: 1200px; width: calc(750/750*100%); margin: -48px auto 0; background-color: #fff; position: relative; z-index: 2; padding-top: 25px; }
.mainvisualServiceList { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; font-size: 13px; }
.mainvisualServiceListItem { width: 25%; display: flex; justify-content: center; border-left: 1px dashed #494949; padding-bottom: calc(11em/16); }
.mainvisualServiceListItem:last-of-type { border-right: 1px dashed #494949; }
.mainvisualServiceListItemTarget { display: flex; flex-direction: column; justify-content: space-between; text-decoration: none !important; transition: opacity .3s; }
.mainvisualServiceListItemTargetTxtBody,
.mainvisualServiceListItemTargetTxtArrow { transition: transform .3s; }
.mainvisualServiceListItemTargetLogo { display: flex; align-items: flex-end; justify-content: center; flex-grow: 1; padding-bottom: calc(13em/16); }
.mainvisualServiceListItemTargetTxtBody { font-weight: bold; font-size: 14px; margin-bottom: 15px;}
.mainvisualServiceListItemTargetTxtArrow { margin: calc(7em/16) auto 0; width: calc(33em/16); height: calc(9em/16); transition-delay: .05s; }
.mainvisualServiceListItemTargetTxtArrow svg { display: block; width: 100%; height: 100%; }
.mainvisualServiceListItem.is-camp .mainvisualServiceListItemTargetTxtBody { color: #e73d36; }
.mainvisualServiceListItem.is-camp .mainvisualServiceListItemTargetTxtArrow svg { fill: #e73d36; }
.mainvisualServiceListItem.is-school .mainvisualServiceListItemTargetTxtBody { color: #fbb900; }
.mainvisualServiceListItem.is-school .mainvisualServiceListItemTargetTxtArrow svg { fill: #fbb900; }
.mainvisualServiceListItem.is-technologia .mainvisualServiceListItemTargetTxtBody { color: #7235bd; }
.mainvisualServiceListItem.is-technologia .mainvisualServiceListItemTargetTxtArrow svg { fill: #7235bd; }
.mainvisualServiceListItem.is-lesson .mainvisualServiceListItemTargetTxtBody { color: #68b72c; }
.mainvisualServiceListItem.is-lesson .mainvisualServiceListItemTargetTxtArrow svg { fill: #68b72c; }
.mainvisualServiceListItem.is-lesson-ai .mainvisualServiceListItemTargetTxtBody { color: #3d8ed1; }
.mainvisualServiceListItem.is-lesson-ai .mainvisualServiceListItemTargetTxtArrow svg { fill: #3d8ed1; }
.mainvisualServiceListItem.is-school { border-left: none }
.mainvisualServiceListItem.is-dx { border-right: none }
.mainvisualServiceListItem.is-dx .mainvisualServiceListItemTargetTxtBody { color: #666666; }
.mainvisualServiceListItem.is-dx .mainvisualServiceListItemTargetTxtArrow svg { fill: #666666; }
.mainvisualServiceListItemTarget:hover { opacity: .7; }
.mainvisualServiceListItemTarget:hover .mainvisualServiceListItemTargetTxtBody { transform: translate3d(15px, 0px, 0px); }
.mainvisualServiceListItemTarget:hover .mainvisualServiceListItemTargetTxtArrow { transform: translate3d(15px, 0px, 0px); }
@media screen and (max-width: 1360px) {
  .mainvisualImg,
  .mainvisualImgSliderItem { height: 500px; }
}
@media screen and (min-width: 769px) {
  .mainvisualServiceListItem.is-leaders{display: none;}
}
@media screen and (max-width: 768px) {
  .mainvisualImg { height: calc(780*.8/750*100vw); }
  .mainvisualImgSliderItem { height: calc(780*.8/750*100vw);}
  .mainvisualImgSliderItem:nth-of-type(1) { background-image: url("/index/img/mv/mv-img01-sp.jpg"); }
  .mainvisualImgSliderItem:nth-of-type(2) { background-image: url("/index/img/mv/mv-img02-sp.jpg"); }
  .mainvisualImgSliderItem:nth-of-type(3) { background-image: url("/index/img/mv/mv-img06-pc.png"); }
  .mainvisualImgSliderItem:nth-of-type(4) { background-image: url("/index/img/mv/mv-img03-sp.jpg"); }
  .mainvisualImgSliderItem:nth-of-type(5) { background-image: url("/index/img/mv/mv-img04-sp.jpg"); }
  .mainvisualImgSliderItem:nth-of-type(6) { background-image: url("/index/img/mv/mv-img05-sp.jpg"); }
  .mainvisualImgSlider .slick-arrow { display: none; }
  .mainvisualImgSlider .slick-dots { bottom: calc(212*.8/750*100vw); z-index: 2; }
  .mainvisualImgSlider .slick-dots li { width: calc(14*.8/750*100vw); height: calc(14*.8/750*100vw); margin: 0 calc(11*.8/750*100vw); }
  .mainvisualImgSlider .slick-dots li button { width: 100%; height: 100%; padding: 0; border-radius: 100%;  border: calc(2/750*100vw) solid #fff; }
  .mainvisualImgSlider .slick-dots li button:before { display: none; }
  .mainvisualImgSlider .slick-dots li.slick-active button { background-color: #fff; }
  .mainvisualImgTitle { width: calc(500*.8/750*100vw); }
  .mainvisualService { width: calc(690/750*100%); margin-top: calc(-162*.8/750*100vw); background-color: transparent; padding-top: 0; }
  .mainvisualServiceList { width: 100%; justify-content: flex-start; flex-wrap: wrap; font-size: calc(20*.8/750*100vw); margin-bottom: calc(-29/690*100%); }
  .mainvisualServiceListItem { width: calc(334/690*100%); width: 48.40579710144928%; margin-left: 3.188405797101449%; margin-bottom: calc(29/690*100%); display: block; border-left: 0; padding-bottom: 0; }
  .mainvisualServiceListItem:nth-of-type(2n+1) { margin-left: 0; }
  .mainvisualServiceListItem:last-of-type { border-right: 0; }
  .mainvisualServiceListItemTarget { border-width: calc(3em/20); border-style: solid; justify-content: center; background-color: #fff; align-items: center; transition: none; height: calc(190em/20); padding: calc(8em/20); position: relative; }
  .mainvisualServiceListItemTarget::before { content: ""; display: block; position: absolute; top: calc(8em/20); left: calc(8em/20); border-style: solid; border-width: calc(14em/20) calc(14em/20) 0 0; }
  .mainvisualServiceListItemTargetTxtBody,
  .mainvisualServiceListItemTargetTxtArrow { transition: none; }
  .mainvisualServiceListItemTargetLogo { min-height: calc(95em/20); padding-bottom: calc(13em/20); flex-grow: 0; }
  .mainvisualServiceListItemTargetTxtBody { margin-bottom: 0; font-size: 12px;}
  .mainvisualServiceListItemTargetTxtArrow { display: none; }
  .mainvisualServiceListItem.is-camp .mainvisualServiceListItemTarget { border-color: #e73d36; }
  .mainvisualServiceListItem.is-camp .mainvisualServiceListItemTarget::before { border-color: #e73d36 transparent transparent transparent; }
  .mainvisualServiceListItem.is-school .mainvisualServiceListItemTarget { border-color: #fbb900; }
  .mainvisualServiceListItem.is-school .mainvisualServiceListItemTarget::before { border-color: #fbb900 transparent transparent transparent; }
  .mainvisualServiceListItem.is-technologia .mainvisualServiceListItemTarget { border-color: #7235bd; }
  .mainvisualServiceListItem.is-technologia .mainvisualServiceListItemTarget::before { border-color: #7235bd transparent transparent transparent; }
  .mainvisualServiceListItem.is-lesson .mainvisualServiceListItemTarget { border-color: #68b72c; }
  .mainvisualServiceListItem.is-lesson .mainvisualServiceListItemTarget::before { border-color: #68b72c transparent transparent transparent;}
  .mainvisualServiceListItem.is-lesson-ai .mainvisualServiceListItemTarget { border-color: #3d8ed1; }
  .mainvisualServiceListItem.is-lesson-ai .mainvisualServiceListItemTarget::before { border-color: #3d8ed1 transparent transparent transparent;}
  .mainvisualServiceListItem.is-dx .mainvisualServiceListItemTarget::before { border-color: #666666 transparent transparent transparent;}
  .mainvisualServiceListItem.is-leaders .mainvisualServiceListItemTarget::before { border-color: #666666 transparent transparent transparent;}
  .mainvisualServiceListItem.is-camp .mainvisualServiceListItemTargetLogo img { width: calc(186em/20); }
  .mainvisualServiceListItem.is-school .mainvisualServiceListItemTargetLogo img { width: calc(215em/20); }
  .mainvisualServiceListItem.is-technologia .mainvisualServiceListItemTargetLogo img { width: calc(180em/20); }
  .mainvisualServiceListItem.is-lesson .mainvisualServiceListItemTargetLogo img { width: calc(246em/20); }
  .mainvisualServiceListItem.is-lesson-ai .mainvisualServiceListItemTargetLogo img { width: calc(246em/20); }
  .mainvisualServiceListItem.is-dx { border-right: none; }
  .mainvisualServiceListItem.is-dx .mainvisualServiceListItemTargetLogo img { width: calc(100em/20); }
  .mainvisualServiceListItem.is-leaders .mainvisualServiceListItemTargetLogo img { width: calc(265em/20); }
  .mainvisualServiceListItemTarget:hover { opacity: 1; }
  .mainvisualServiceListItemTarget:hover .mainvisualServiceListItemTargetTxtBody { transform: translate3d(0px, 0px, 0px); }
  .mainvisualServiceListItemTarget:hover .mainvisualServiceListItemTargetTxtArrow { transform: translate3d(0px, 0px, 0px); }
  .mainvisualServiceListItem.is-wanted .mainvisualServiceListItemTarget::after { content: ""; display: block; position: absolute; top: calc(8em/20); left: calc(8em/20); width: calc(100% - (16em/20)); height: calc(100% - (16em/20)); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 0; }
  .mainvisualServiceListItem.is-camp.is-wanted .mainvisualServiceListItemTarget::after { background-image: url("/index/img/mv/camp-bg.jpg"); }
  .mainvisualServiceListItem.is-wanted .mainvisualServiceListItemTargetLogo,
  .mainvisualServiceListItem.is-wanted .mainvisualServiceListItemTargetTxt { position: relative; z-index: 1; }
  .mainvisualServiceListItem.is-wanted .mainvisualServiceListItemTarget::before { z-index: 1; top: calc(-3em/20); left: calc(-3em/20); border: 0; width: calc(87em/20); height: calc(87em/20); background-repeat: no-repeat; background-position: top left; background-size: 100%; }
  .mainvisualServiceListItem.is-camp.is-wanted .mainvisualServiceListItemTarget::before { background-image: url("/index/img/mv/camp-label.png"); }

  .section-about .line-left { padding-left: 0px; }
  .section-about .line-left::before { position: static; display: block; width: calc(64*.8/750*100vw); height: calc(21*.8/750*100vw); background: linear-gradient(to right, #ffda47 50%, #333 50%); border-radius: calc(8*.8/750*100vw); margin: 0 auto calc(20*.8/750*100vw); }
}
@media screen and (max-width: 640px) {
  .mainvisualImg { height: calc(780*.9/750*100vw); }
  .mainvisualImgSliderItem { height: calc(780*.9/750*100vw);}
  .mainvisualImgSlider .slick-dots { bottom: calc(212*.9/750*100vw); }
  .mainvisualImgSlider .slick-dots li { width: calc(14*.9/750*100vw); height: calc(14*.9/750*100vw); margin: 0 calc(11*.9/750*100vw); }
  .mainvisualImgSlider .slick-dots li button {  border-width: calc(2/750*100vw); }
  .mainvisualImgTitle { width: calc(500*.9/750*100vw); }
  .mainvisualService { margin-top: calc(-162*.9/750*100vw);}
  .mainvisualServiceList { font-size: calc(20*.9/750*100vw); }
  .section-about .line-left::before { width: calc(64*.9/750*100vw); height: calc(21*.9/750*100vw); border-radius: calc(8*.9/750*100vw); margin-bottom: calc(20*.9/750*100vw); }
}
@media screen and (max-width: 415px) {
  .mainvisualImg { height: calc(780/750*100vw); }
  .mainvisualImgSliderItem { height: calc(780/750*100vw);}
  .mainvisualImgSlider .slick-dots { bottom: calc(212/750*100vw); }
  .mainvisualImgSlider .slick-dots li { width: calc(14/750*100vw); height: calc(14/750*100vw); margin: 0 calc(11/750*100vw); }
  .mainvisualImgSlider .slick-dots li button {  border-width: calc(2/750*100vw); }
  .mainvisualImgTitle { width: calc(500/750*100vw); }
  .mainvisualService { margin-top: calc(-162/750*100vw);}
  .mainvisualServiceList { font-size: calc(20/750*100vw); }
  .section-about > .inner { padding-top: 30px; }
  .section-about .line-left::before { width: calc(64/750*100vw); height: calc(21/750*100vw); border-radius: calc(8/750*100vw); margin-bottom: calc(20/750*100vw); }
}