/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent
}
body {
  line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block
}
nav ul {
  list-style:none
}
blockquote,q {
  quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
  content:'';
  content:none
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  text-decoration:none
}
a:hover {
  opacity:0.7
}
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none
}
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold
}
del {
  text-decoration:line-through
}
abbr[title],dfn[title] {
  border-bottom:1px dotted;
  cursor:help
}
table {
  border-collapse:collapse;
  border-spacing:0
}
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0
}
input,select {
  vertical-align:middle
}
* {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
html {
  font-size:62.5%
}
body {
  font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif,"MS Pゴシック";
  font-size:1.5rem;
  font-weight:500;
  color:#000;
  line-height:1.8;
  background-size:contain;
  background-position:top;
  background-repeat:repeat-y
}
@media screen and (max-width: 600px) {
  body {
    font-size:1.4rem
  }
}
a {
  color:#000
}
h2,h3,h4,h5 {
  font-weight:700;
  line-height:1.6
}
@media screen and (max-width: 600px) {
  h2,h3,h4,h5 {
    line-height:1.4
  }
}
img {
  max-width:100%;
  height:auto;
  vertical-align:middle
}
ul {
  list-style:none
}
@media screen and (max-width: 600px) {
  .pc,.pcbr {
    display:none !important
  }
  .tb {
    display:none !important
  }
}
@media screen and (min-width: 760px) {
  .sp,.spbr {
    display:none !important
  }
  .tb {
    display:none !important
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .sp,.spbr {
    display:none !important
  }
}
@media screen and (min-width: 760px) {
  .br-pc {
    display:block
  }
}
@media screen and (max-width: 600px) {
  .br-pc {
    display:none
  }
}
@media screen and (max-width: 600px) {
  .br-sp {
    display:block
  }
}
@media screen and (min-width: 760px) {
  .br-sp {
    display:none
  }
}
a {
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  cursor:pointer
}
a:hover {
  opacity:0.7;
  -webkit-transition:all .3s;
  transition:all .3s
}
.content,.voice__cont {
  width:90%;
  margin:0 auto;
  max-width:1024px
}
.note {
  font-size:10px;
  color:#AFAFAF;
  text-align:right
}
@media screen and (min-width: 760px) {
  .note {
    font-size:12px
  }
}
.wrapper {
  background:url(../img/bg_dot.png) repeat;
  background-size:10px;
  background-color:#5A93CB
}
.common-ttl {
  text-align:center;
  margin-bottom:25px
}
@media screen and (min-width: 760px) {
  .common-ttl {
    margin-bottom:45px
  }
}
.common-ttl span {
  display:block
}
.common-ttl .en {
  font-size:46px;
  letter-spacing:0.08em
}
@media screen and (min-width: 760px) {
  .common-ttl .en {
    font-size:60px
  }
}
.common-ttl .jp {
  font-size:20px
}
@media screen and (min-width: 760px) {
  .common-ttl .jp {
    font-size:22px
  }
}
.common-ttl .jp .short {
  font-size:14px
}
@media screen and (min-width: 760px) {
  .common-ttl .jp .short {
    font-size:17px
  }
}
.sub-ttl {
  font-size:18px;
  font-weight:700;
  border-left:solid 5px;
  padding-left:10px;
  margin-bottom:15px
}
@media screen and (min-width: 760px) {
  .sub-ttl {
    font-size:24px
  }
}
.sub-ttl span {
  display:block;
  font-size:12px;
  letter-spacing:0.08em
}
.common-btn,.cta__btn {
  display:block;
  width:335px;
  margin:0 auto;
  padding:20px 10px;
  font-size:13px;
  text-align:center;
  color:#fff;
  background-color:#5A93CB;
  font-weight:700;
  -webkit-transition:.3s;
  transition:.3s;
  position:relative
}
@media screen and (max-width: 600px) {
  .common-btn,.cta__btn {
    width:100%
  }
}
.common-btn:before,.cta__btn:before {
  content:'';
  background:url(../img/icon_arrow.png) no-repeat;
  background-size:cover;
  width:8px;
  height:16px;
  position:absolute;
  top:50%;
  right:16px;
  -webkit-transform:translateY(-50%) rotate(-90deg);
  transform:translateY(-50%) rotate(-90deg)
}
.common-btn:hover,.cta__btn:hover {
  opacity:0.7;
  -webkit-transition:all .3s;
  transition:all .3s
}
.accordion__header {
  margin-bottom:30px
}
@media screen and (min-width: 760px) {
  .accordion__header {
    margin-bottom:40px
  }
}
.accordion__inner {
  display:none
}
.accordion__txt {
  text-align:center;
  color:#5A93CB
}
.accordion__txt .accordion__link {
  border-bottom:solid 1px;
  position:relative;
  padding:0 16px 8px 0;
  font-size:15px;
  font-weight:700;
  cursor:pointer
}
@media screen and (min-width: 760px) {
  .accordion__txt .accordion__link {
    font-size:17px
  }
}
.accordion__txt .accordion__link:before {
  content:'';
  position:absolute;
  background:url(../img/icon_arrow_blue.png) no-repeat;
  background-size:cover;
  right:0;
  top:-2px;
  width:8px;
  height:16px;
  -webkit-transition:all .3s;
  transition:all .3s
}
@media screen and (min-width: 760px) {
  .accordion__txt .accordion__link:before {
    top:0
  }
}
.accordion__header.open .accordion__txt span:before {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
  -webkit-transition:all .3s;
  transition:all .3s
}
.mv__logo {
  padding:10px;
  max-width:534px;
  width:100%
}
@media screen and (min-width: 760px) {
  .mv__logo {
    padding:20px
  }
}
.about {
  padding:90px 0 40px;
  color:#fff;
  overflow:hidden
}
@media screen and (min-width: 760px) {
  .about {
    padding:120px 0
  }
}
.about__inr {
  position:relative;
  z-index:1
}
.about__inr:after {
  content:'ABOUT';
  position:absolute;
  font-weight:700;
  font-size:104px;
  left:-30px;
  top:-110px;
  color:#3D83C6;
  z-index:-1
}
@media screen and (min-width: 760px) {
  .about__inr:after {
    font-size:144px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .about__inr:after {
    font-size:114px
  }
}
.about__txt {
  margin-bottom:20px
}
@media screen and (min-width: 760px) {
  .about__txt {
    text-align:center;
    margin-bottom:40px
  }
}
.about__ttl {
  font-size:37px;
  font-weight:700;
  line-height:1.4;
  margin-bottom:20px
}
@media screen and (min-width: 760px) {
  .about__ttl {
    font-size:50px;
    text-align:center
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .about__ttl {
    font-size:40px
  }
}
.about .accordion__inner {
  background:#fff;
  color:#000;
  padding:20px 14px 14px
}
@media screen and (min-width: 760px) {
  .about .accordion__inner {
    padding:40px
  }
}
.about .accordion__txt {
  color:#fff
}
.about .accordion__txt span:before {
  background:url(../img/icon_arrow.png) no-repeat;
  background-size:cover
}
@media screen and (min-width: 760px) {
  .about__list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .about__list {
    display:block
  }
}
.about__list:not(:last-child) {
  margin-bottom:30px
}
@media screen and (min-width: 760px) {
  .about__list:not(:last-child) {
    margin-bottom:50px
  }
}
.about__list--item {
  background:#EFEFEF;
  padding:17px 13px;
  position:relative;
  z-index:1
}
@media screen and (min-width: 760px) {
  .about__list--item {
    width:calc(100% / 3 - 10px)
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .about__list--item {
    width:100%
  }
}
.about__list--item:before {
  content:'';
  position:absolute;
  background-image:url(../img/no01.png);
  background-repeat:no-repeat;
  background-size:cover;
  right:0;
  bottom:0;
  width:100px;
  height:80px;
  z-index:-1
}
.about__list--item:not(:last-child) {
  margin-bottom:15px
}
@media screen and (min-width: 760px) {
  .about__list--item:not(:last-child) {
    margin-bottom:0
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .about__list--item:not(:last-child) {
    margin-bottom:15px
  }
}
.about__list--item:nth-child(2):before {
  background-image:url(../img/no02.png);
  width:125px;
  height:81px
}
.about__list--item:nth-child(3):before {
  background-image:url(../img/no03.png);
  width:125px;
  height:81px
}
.about__list--ttl {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:14px;
  margin-bottom:5px
}
@media screen and (min-width: 760px) {
  .about__list--ttl {
    font-size:18px
  }
}
.about__list--ttl span {
  width:36px;
  display:block;
  margin-right:10px
}
.about__list--txt {
  font-size:12px;
  line-height:1.5
}
@media screen and (min-width: 760px) {
  .about__list--txt {
    line-height:1.7;
    font-size:15px
  }
}
.about__list--tag {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:10px
}
.about__list--tag li {
  background:#000;
  color:#fff;
  font-size:12px;
  padding:0 7px
}
@media screen and (min-width: 760px) {
  .about__list--tag li {
    font-size:13px;
    padding:0 4px
  }
}
.about__list--tag li:not(:last-child) {
  margin-right:6px
}
@media screen and (min-width: 760px) {
  .about__list__02 .about__list--item {
    width:100%;
    padding:25px
  }
  .about__list__02 .about__list--item:not(:last-child) {
    margin-bottom:20px
  }
}
.about__list__02 .about__list--item:before {
  content:none
}
@media screen and (min-width: 760px) {
  .about__list__02 .about__list--flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  .about__list__02 .about__list--desc {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-right:30px;
    margin-top:30px
  }
  .about__list__02 .about__list--img {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
}
.course {
  padding:50px 0
}
@media screen and (min-width: 760px) {
  .course {
    padding:90px 0
  }
}
.course__main {
  position:relative
}
.course__img {
  padding-right:30px
}
.course__en {
  position:absolute;
  white-space:nowrap;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  font-weight:700;
  width:136px;
  height:20px;
  font-size:15px;
  letter-spacing:0.08em;
  top:60px;
  right:-60px
}
.course__catch {
  margin-top:-50px;
  position:relative;
  z-index:1
}
@media screen and (min-width: 760px) {
  .course__catch {
    margin-top:-70px
  }
}
.course__catch span {
  background:#000;
  color:#fff;
  font-size:22px;
  font-weight:700;
  padding:3px 10px;
  display:inline-block
}
@media screen and (min-width: 760px) {
  .course__catch span {
    font-size:28px
  }
}
.course__catch span:not(:last-child) {
  margin-bottom:4px
}
.course__catch .short {
  font-size:15px
}
@media screen and (min-width: 760px) {
  .course__catch .short {
    font-size:18px
  }
}
.course__txt {
  margin:10px 0 25px;
  padding-right:30px
}
@media screen and (min-width: 760px) {
  .course__txt {
    font-size:17px;
    margin:20px 0 40px
  }
}
@media screen and (min-width: 760px) {
  .course__point__inr {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
}
.course__point__list--no {
  width:43px;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:12px;
  font-weight:700;
  margin-bottom:7px
}
@media screen and (min-width: 760px) {
  .course__point__list--no {
    font-size:13px
  }
}
.course__point__box {
  background:#EFEFEF;
  padding:17px 13px;
  position:relative;
  z-index:1
}
@media screen and (min-width: 760px) {
  .course__point__box {
    width:calc(100% / 3 - 20px)
  }
}
.course__point__box:before {
  content:'';
  position:absolute;
  background-image:url(../img/no01.png);
  background-repeat:no-repeat;
  background-size:cover;
  right:0;
  bottom:0;
  width:90px;
  height:70px;
  z-index:-1
}
.course__point__box:not(:last-child) {
  margin-bottom:15px
}
@media screen and (min-width: 760px) {
  .course__point__box:not(:last-child) {
    margin-bottom:0
  }
}
@media screen and (min-width: 760px) {
  .course__point__box:nth-child(2):before {
    background-image:url(../img/no02.png);
    width:120px;
    height:76px
  }
  .course__point__box:nth-child(3):before {
    background-image:url(../img/no03.png);
    width:120px;
    height:76px
  }
}
.course__point__txt {
  font-size:12px;
  line-height:1.5
}
@media screen and (min-width: 760px) {
  .course__point__txt {
    line-height:1.7;
    font-size:15px
  }
}
.course__point__list--ttl {
  margin-bottom:5px
}
@media screen and (min-width: 760px) {
  .course__point__list--ttl {
    font-size:18px
  }
}
.course .accordion__box .course__point__box:nth-child(1):before {
  background-image:url(../img/no02.png);
  width:120px;
  height:76px
}
.course .accordion__box .course__point__box:nth-child(2):before {
  background-image:url(../img/no03.png);
  width:120px;
  height:76px
}
.course .common-btn,.course .cta__btn {
  margin:30px auto 60px
}
.course__item:nth-child(2) .course__img {
  padding-right:0;
  padding-left:30px
}
.course__item:nth-child(2) .course__en {
  right:0;
  left:-60px
}
.course__item:nth-child(2) .course__catch {
  padding-left:30px
}
.course__item:nth-child(2) .course__txt {
  padding-right:0;
  padding-left:30px
}
.course .course__ws__box {
  background:#EFEFEF;
  padding:17px 15px
}
.course .course__ws__ttl {
  margin-bottom:5px
}
@media screen and (min-width: 760px) {
  .course .course__ws__ttl {
    font-size:18px
  }
}
.course .course__ws__txt {
  font-size:12px;
  line-height:1.5;
  margin-bottom:15px
}
@media screen and (min-width: 760px) {
  .course .course__ws__txt {
    line-height:1.7;
    font-size:15px
  }
}
@media screen and (min-width: 760px) {
  .course .course__ws__list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
}
.course .course__ws__list li {
  background:#fff;
  padding:20px;
  position:relative;
  z-index:1;
  line-height:1.4
}
@media screen and (min-width: 760px) {
  .course .course__ws__list li {
    width:calc(100% / 3 - 10px)
  }
}
.course .course__ws__list li:before {
  content:'';
  position:absolute;
  background-image:url(../img/no01_gray.png);
  background-repeat:no-repeat;
  background-size:cover;
  right:0;
  bottom:0;
  width:90px;
  height:70px;
  z-index:-1
}
.course .course__ws__list li:not(:last-child) {
  margin-bottom:15px
}
@media screen and (min-width: 760px) {
  .course .course__ws__list li:not(:last-child) {
    margin-bottom:0
  }
}
.course .course__ws__list li:nth-child(2):before {
  background-image:url(../img/no02_gray.png);
  width:120px;
  height:76px
}
.course .course__ws__list li:nth-child(3):before {
  background-image:url(../img/no03_gray.png);
  width:120px;
  height:76px
}
.features {
  background:#EFEFEF;
  padding:50px 0
}
@media screen and (min-width: 760px) {
  .features {
    padding:90px 0
  }
}
@media screen and (min-width: 760px) {
  .features__list {
    max-width:820px;
    margin:0 auto;
    width:90%
  }
}
@media screen and (min-width: 760px) {
  .features__list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  .features__list li:nth-child(even) {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
  }
  .features__list li:nth-child(even) .features__img {
    margin-left:0;
    margin-right:30px
  }
}
.features__list li:not(:last-child) {
  margin-bottom:40px
}
@media screen and (min-width: 760px) {
  .features__list li:not(:last-child) {
    margin-bottom:80px
  }
}
.features__no {
  font-size:35px;
  font-weight:700;
  text-align:center
}
@media screen and (min-width: 760px) {
  .features__no {
    text-align:left;
    font-size:45px
  }
}
.features__ttl {
  text-align:center
}
@media screen and (min-width: 760px) {
  .features__ttl {
    text-align:left
  }
}
.features__ttl span {
  background:#000;
  color:#fff;
  font-weight:700;
  font-size:22px;
  padding:4px 8px;
  margin-bottom:10px;
  display:inline-block
}
@media screen and (min-width: 760px) {
  .features__ttl span {
    font-size:28px
  }
}
@media screen and (min-width: 760px) {
  .features__txt {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
}
.features__img {
  margin-top:15px
}
@media screen and (min-width: 760px) {
  .features__img {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:30px
  }
  .features__img img {
    width:100%
  }
}
.job {
  padding:40px 0 60px
}
@media screen and (min-width: 760px) {
  .job {
    padding:50px 0 70px
  }
}
.job__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media screen and (min-width: 760px) {
  .job__list {
    max-width:870px;
    margin:0 auto;
    width:100%;
    border-left:solid 1px #D9D9D9
  }
}
.job__list li {
  width:calc(100% / 2);
  text-align:center;
  font-size:12px;
  border:solid 1px #D9D9D9;
  padding:15px 10px
}
@media screen and (min-width: 760px) {
  .job__list li {
    width:calc(100% / 4);
    font-size:15px
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .job__list li {
    font-size:13px
  }
}
.job__list li:nth-child(n+3) {
  border-top:none
}
@media screen and (min-width: 760px) {
  .job__list li:nth-child(n+3) {
    border:solid 1px #D9D9D9
  }
}
.job__list li:nth-child(even) {
  border-left:none
}
@media screen and (min-width: 760px) {
  .job__list li:nth-child(n+5) {
    border-top:none
  }
  .job__list li:nth-child(odd) {
    border-left:none
  }
}
.result {
  padding:60px 0 40px
}
@media screen and (min-width: 760px) {
  .result {
    padding:60px 0 70px
  }
}
@media screen and (min-width: 760px) {
  .result__box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
  }
}
.result__img {
  min-width: 318px;
  margin:0 auto 20px;
	position: relative;
	height: 318px;
}

.result__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.result__img__num {
	position: absolute;
	font-size: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-family: "Lato", sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 1;
  white-space: nowrap;
}
.result__img__num .par {
	font-size: 45px;
	margin-left: -5%;
  position: relative;
}
.result__img sup {
  position: absolute;
  font-size: 20px;
  top: -10%;
  right: 0;
}
@media screen and (min-width: 760px) {
  .result__img {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:70px
  }
}
@media screen and (max-width: 759px) {
  .result__img {
		width: 250px;
    height: 250px;
  }
  .result__img__num .par {
    font-size: 33px;
    margin-left: -5%;
  }
	.result__img sup {
		font-size: 16px;
		top: -20%;
	}
}
@media screen and (min-width: 760px) {
  .result__txt {
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2
  }
}
.result__ttl {
  text-align:center;
  margin:25px 0px 10px
}
@media screen and (min-width: 760px) {
  .result__ttl {
    margin:45px 0px 20px;
    text-align:left
  }
}
.result__ttl span {
  background:#000;
  color:#fff;
  font-size:15px;
  padding:3px 7px;
  display:inline-block
}
@media screen and (min-width: 760px) {
  .result__ttl span {
    font-size:18px
  }
}
.result__ttl span:not(:last-child) {
  margin-bottom:5px
}
.result__txt--short {
  font-size:12px;
  line-height:1.5
}
@media screen and (min-width: 760px) {
  .result__txt--short {
    line-height:1.7;
    font-size:13px
  }
}
.obog {
  background:#EFEFEF;
  padding:50px 0
}
@media screen and (min-width: 760px) {
  .obog {
    padding:100px 0
  }
  .obog .common-ttl img {
    width:35%
  }
}
.obog__slider {
  margin-bottom:60px !important
}
.obog__item {
  background:#fff
}
@media screen and (min-width: 760px) {
  .obog__wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:40px
  }
}
@media screen and (min-width: 760px) {
  .obog__main {
    -webkit-box-flex:1.5;
    -ms-flex:1.5;
    flex:1.5
  }
}
.obog__box {
  padding:20px
}
@media screen and (min-width: 760px) {
  .obog__box {
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2;
    padding:0;
    margin-left:30px
  }
}
.obog__profile {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.obog__img {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin:0 20px 15px 0
}
@media screen and (min-width: 760px) {
  .obog__img {
    -webkit-box-flex:0.4;
    -ms-flex:0.4;
    flex:0.4
  }
}
.obog__detail {
  -webkit-box-flex:2.5;
  -ms-flex:2.5;
  flex:2.5
}
.obog__job {
  font-size:13px;
  line-height:1.4;
  margin-bottom:3px
}
.obog__name {
  font-size:18px;
  line-height:1.3
}
.obog__note {
  font-size:10px
}
@media screen and (min-width: 760px) {
  .obog .slick-slide {
    width:100% !important
  }
  .obog .slick-slide:not(:last-child) {
    margin-bottom:40px
  }
}
.obog .slick-initialized .slick-slide {
  padding:0
}
.obog .slick-arrow {
  z-index:100;
  top:50%
}
.obog .slick-arrow::before {
  content:'';
  width:11px;
  height:20px;
  position:absolute;
  background:url(../img/icon_arrow_black.png) no-repeat;
  background-size:cover;
  opacity:1;
  -webkit-transform:translate(0, -50%) rotate(90deg);
  transform:translate(0, -50%) rotate(90deg)
}
.obog .slick-prev {
  left:-12px
}
.obog .slick-next {
  right:0
}
.obog .slick-next::before {
  -webkit-transform:translate(0, -50%) rotate(-90deg);
  transform:translate(0, -50%) rotate(-90deg)
}
.obog .slick-dots {
  bottom:-35px
}
.obog .slick-dots li {
  margin:0
}
.obog .slick-dots li.slick-active button:before {
  opacity:1
}
.voice {
  padding:50px 0 0
}
@media screen and (min-width: 760px) {
  .voice {
    padding:80px 0 0;
    max-width:820px;
    margin:0 auto;
    width:90%
  }
}
.voice__cont {
  margin-bottom:50px
}
@media screen and (min-width: 760px) {
  .voice__cont {
    margin-bottom:90px
  }
}
.voice__cont img {
  margin-bottom:10px;
  width:100%
}
@media screen and (min-width: 760px) {
  .voice__cont img {
    margin-bottom:20px
  }
}
.voice__cont__box:not(:last-child) {
  margin-bottom:30px
}
.voice__catch {
  margin:-50px 0 30px;
  position:relative;
  z-index:1
}
@media screen and (min-width: 760px) {
  .voice__catch {
    margin:-50px 0 40px
  }
}
.voice__catch span {
  background:#000;
  color:#fff;
  font-size:22px;
  font-weight:700;
  padding:3px 10px;
  display:inline-block
}
@media screen and (min-width: 760px) {
  .voice__catch span {
    font-size:28px
  }
}
.voice__catch span:not(:last-child) {
  margin-bottom:4px
}
.voice__catch .short {
  font-size:15px
}
@media screen and (min-width: 760px) {
  .voice__catch .short {
    font-size:18px
  }
}
.voice .accordion__header {
  margin-top:20px
}
@media screen and (min-width: 760px) {
  .voice .accordion__header {
    margin-bottom:60px
  }
}
.group {
  padding:50px 0 30px;
  background:#EFEFEF
}
@media screen and (min-width: 760px) {
  .group {
    padding-bottom:80px 0
  }
}
.group .common-ttl .short {
  margin-top:5px
}
.group__top {
  margin:30px 0 0
}
@media screen and (min-width: 760px) {
  .group__top {
    margin:50px 0 0
  }
}
.group__top .logo-kadokawa {
  width:70%;
  margin:0 auto;
  display:block
}
@media screen and (min-width: 760px) {
  .group__top .logo-kadokawa {
    width:40%
  }
}
.group__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:20px 0
}
@media screen and (min-width: 760px) {
  .group__list {
    margin-bottom:30px
  }
}
.group__list li {
  background:#fff;
  width:calc(100% / 2 - 5px)
}
@media screen and (min-width: 760px) {
  .group__list li {
    width:calc(100% / 4 - 5px)
  }
}
.group__list li:nth-child(n+3) {
  margin-top:20px
}
@media screen and (min-width: 760px) {
  .group__list li:nth-child(n+3) {
    margin-top:0
  }
}
.group__list li img {
  width:90%;
  margin:10px auto;
  display:block
}
.group__box__item {
  background:#fff
}
.group__box__item:not(:last-child) {
  margin-bottom:20px
}
@media screen and (min-width: 760px) {
  .group__box__item:not(:last-child) {
    margin-bottom:50px
  }
}
.group__list--ttl {
  background:#000;
  color:#fff;
  font-size:14px;
  text-align:center;
  padding:5px
}
@media screen and (min-width: 760px) {
  .group__list--ttl {
    font-size:18px
  }
}
.group__list-bottom {
  margin:15px 20px 20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding-bottom:20px
}
@media screen and (min-width: 760px) {
  .group__list-bottom {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:15px 20px 40px
  }
}
.group__list-bottom:not(:last-child) {
  border-bottom:solid 1px #D9D9D9
}
@media screen and (min-width: 760px) {
  .group__list-bottom:not(:nth-child(3)) {
    border-bottom:none
  }
}
.group__list-bottom:last-child {
  margin-bottom:10px
}
.group__list-bottom li {
  width:calc(100% / 2 - 5px);
  font-size:12px;
  line-height:1.5
}
@media screen and (min-width: 760px) {
  .group__list-bottom li {
    line-height:1.7;
    width:calc(100% / 4 - 30px);
    font-size:15px
  }
  .group__list-bottom li:not(:nth-child(4n)) {
    margin-right:30px
  }
}
.group__list-bottom li:not(:last-child) {
  margin-bottom:20px
}
.group__list-bottom li .note {
  margin-top:5px;
  text-align:left
}
.group__list-bottom li img {
  margin-bottom:5px
}
.group__list--company {
  text-align:center;
  font-weight:700
}
.group__list--company .logo-kadokawa {
  width:40%;
  margin:20px auto 0;
  display:block
}
@media screen and (min-width: 760px) {
  .group__list--company .logo-kadokawa {
    width:30%
  }
}
.location {
  padding:40px 0 0
}
.location .sub-ttl {
  margin-bottom:5px
}
@media screen and (min-width: 760px) {
  .location {
    padding:60px 0
  }
}
.location .common-ttl .short {
  margin-top:5px
}
@media screen and (min-width: 760px) {
  .location__inr {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  .location__inr:not(:last-child) {
    margin-bottom:50px
  }
}
@media screen and (min-width: 760px) {
  .location__img {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-right:60px
  }
}
@media screen and (min-width: 760px) {
  .location__desc {
    -webkit-box-flex:1.2;
    -ms-flex:1.2;
    flex:1.2
  }
}
.location__box {
  margin-top:20px
}
@media screen and (min-width: 760px) {
  .location__box {
    margin-top:30px
  }
}
.location dl {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:12px;
  line-height:1.5;
  padding:10px 0;
  border-bottom:solid 1px #E3E3E3
}
@media screen and (min-width: 760px) {
  .location dl {
    line-height:1.7;
    font-size:15px
  }
}
.location dl dt {
  font-weight:700;
  width:50px;
  margin-right:10px
}
@media screen and (min-width: 760px) {
  .location dl dt {
    width:60px
  }
}
.location__tel {
  background:#EFEFEF;
  padding:10px 0 5px;
  margin:20px 0 40px
}
.location__tel__ttl {
  text-align:center
}
.location__tel__box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  line-height:1.5
}
.location__tel__box p {
  background:#000;
  color:#fff;
  font-weight:700;
  padding:0 4px;
  margin-right:10px
}
.location__tel__box a {
  font-size:22px;
  font-weight:700
}
.txt-link,footer .pagetop {
  border-bottom:solid 1px;
  position:relative;
  padding:0 18px 5px 0;
  font-size:15px;
  font-weight:700;
  color:#5A93CB;
  margin-top:5px;
  display:inline-block
}
@media screen and (min-width: 760px) {
  .txt-link,footer .pagetop {
    font-size:17px;
    padding-bottom:0
  }
}
.txt-link:before,footer .pagetop:before {
  content:'';
  position:absolute;
  background:url(../img/icon_arrow_blue.png) no-repeat;
  background-size:cover;
  right:0;
  top:3px;
  width:8px;
  height:16px;
  -webkit-transition:all .3s;
  transition:all .3s;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
@media screen and (min-width: 760px) {
  .txt-link:before,footer .pagetop:before {
    top:7px
  }
}
footer {
  padding:10px 0 20px
}
@media screen and (min-width: 760px) {
  footer {
    padding:20px 0
  }
}
footer p {
  font-size:10px;
  text-align:center
}
@media screen and (min-width: 760px) {
  footer p {
    font-size:12px;
    margin-top:10px
  }
}
footer div {
  text-align:center
}
footer .pagetop {
  margin-bottom:10px
}
footer .pagetop:before {
  top:6px;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.cta {
  background:#5A93CB;
  color:#fff;
  padding:30px 0
}
@media screen and (min-width: 760px) {
  .cta {
    padding:50px 0
  }
}
.cta__ttl {
  text-align:center;
  font-size:24px;
  font-weight:700;
  margin-bottom:20px
}
@media screen and (min-width: 760px) {
  .cta__ttl {
    font-size:30px
  }
}
.cta__inr {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
@media screen and (min-width: 760px) {
  .cta__inr {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
}
.cta__inr img {
  width:126px
}
@media screen and (min-width: 760px) {
  .cta__inr img {
    width:200px
  }
}
.cta__img {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin-left:20px
}
@media screen and (min-width: 760px) {
  .cta__img {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    margin-left:40px
  }
}
.cta li {
  position:relative;
  padding-left:12px;
  font-size:12px
}
@media screen and (min-width: 760px) {
  .cta li {
    font-size:15px
  }
}
.cta li:before {
  content:"";
  background:#A7C8ED;
  border-radius:50%;
  display:block;
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px
}
.cta__desc {
  -webkit-box-flex:1.5;
  -ms-flex:1.5;
  flex:1.5
}
@media screen and (min-width: 760px) {
  .cta__desc {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
  }
}
.cta__txt {
  margin-bottom:6px
}
@media screen and (min-width: 760px) {
  .cta__txt {
    font-size:18px
  }
}
.cta__btn {
  background:#F8DA4A;
  color:#000;
  margin-top:26px
}
.cta__btn::before {
  background:url(../img/icon_arrow_black.png) no-repeat;
  background-size:cover
}
@media screen and (max-width: 600px) {
  .cta__last .cta__inr {
    display:block
  }
}
.cta__last .cta__img {
  text-align:center
}
.following {
  position:fixed;
  bottom:2%;
  right:3%;
  display:block;
  width:100px;
  transition: .3s;
  z-index:100
}
@media screen and (min-width: 760px) {
  .following {
    width:140px
  }
}
.following.is-hide {
	opacity: 0;
	pointer-events: none;
}

.logo_new  {
  width:100%;
}
.logo_new img  {
  width:300px;
  vertical-align:middle;
}
.white.background  {
  background-color: #ffffff;
}
.all_header  {
  padding: 15px 15px 0;
  line-height:0
}
@media screen and (max-width: 800px) {
  .all_header  {
    padding: 15px 15px 0;
    line-height:0
  }
  .logo_new img  {
    width:250px;
  }
}
.recruit-detail {
  margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .content .tool .tooltip {
    left: 5% !important;
    width: 90%;
  }
}
.red-tip + .tooltip .tooltip-inner  {
  background-color: #FFFFFF ;
  border: 2px solid #468DCB;
  color: black;
  max-width: 600px;
  padding: 15px 10px;
  text-align: left;
  font-size: 1.4rem;
  margin-left: 10px;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .red-tip + .tooltip .tooltip-inner  {
    margin-left: 0px;
  }
}
.content .tool .tooltip.in  {
  filter: alpha(opacity=100);
  opacity: 1;
}
.red-tip + .tooltip .tooltip-inner span {
  font-size: 1.1rem;
}
.red-tip + .tooltip.top .tooltip-arrow  {
  border-top-color: #468DCB;
}
.tool {
  text-align: left;
}
.tool .btn {
  font-size: 1.2rem;
  margin: 10px auto 30px;
}
@media screen and (min-width: 760px) {
  .course__point__box  {
    width: calc(100% / 4 - 10px);
  }
}
@media screen and (min-width: 760px) {
  .course__point__box2  {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (min-width: 760px) {
  .course__point__box3  {
    width: calc(100% / 2 - 20px);
  }
}
.course__point__box:nth-child(4):before {
  content:'';
  position:absolute;
  background-image:url(../img/no04.png);
  background-repeat:no-repeat;
  background-size:cover;
  right:0;
  bottom:0;
  width:90px;
  height:70px;
  z-index:-1
}
.course .accordion__box .course__point__box:nth-child(1):before  {
  width: 110px;
}
.course .accordion__box .course__point__box:nth-child(2):before  {
  width: 110px;
}
.course .accordion__box .course__point__box:nth-child(3):before {
	background-image: url(../img/no04.png);
	width: 110px;
}