@charset "UTF-8";

/* サービス共通スタイル
================================================ */
#wrapper{
  overflow: hidden;
}

@media all and (min-width: 600px) {
  body{
    min-width:1200px;
  }
}
@media all and (max-width: 599px) {
  #wrapper {
    padding-top: 0!important;
  }
}
/* #ricoh
-------------------------------------- */
#ricoh {
    display: block;
}

/* #gHeader
-------------------------------------- */
@media all and (max-width: 599px) {
    #gHeader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 100;
    }

    #for-school .mainImgWrap {
        margin-top: 60px;
    }
}

/* #mainVisual
-------------------------------------- */
#mainVisual {
  background: url(../img/for-school/service_a/main_bg.png) no-repeat top center;
  background-size: auto 98%;
}
#mainVisual img{
  width:auto;
  max-width:100%;
}
#mainVisual .mv{
  /*position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;*/
}
#mainVisual .mv__text{
  position:relative;
  letter-spacing: -0.03rem;
  text-align: center;
  margin-top:25px;
}
#mainVisual .mv__img{
  margin-left: -30px;
  max-width: 80%;
  margin-top: -15px;
}
#mainVisual .mv .main_present{
  position:absolute;
  max-width: 60%;
  bottom: 10px;
  right: -40px;
}
#mainVisual .mv .main_fukidashi{
  position:absolute;
  max-width: 25%;
  right: 1%;
  top: 48px;
}
#mainVisual .mv__caption{
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight:bold;
  color:#2D9D97;
}
#mainVisual .mv__mainTitle{
  font-size: 3.2rem;
  font-weight:bold;
  padding-right: 30px;
}
#mainVisual .mv__mainTitle .dotText span{
  font-weight:bold;
  background: url(../img/for-school/service_a/dot01.png) no-repeat top center;
  background-size: 8px auto;
  padding-top: 8px;
  line-height: 1.2;
  display: inline-block;
}
#mainVisual .mv__mainTitle .dotText span:nth-child(2){
  background: url(../img/for-school/service_a/dot02.png) no-repeat top center;
  background-size: 8px auto;
}
#mainVisual .mv__mainTitle .dotText span:nth-child(3){
  background: url(../img/for-school/service_a/dot03.png) no-repeat top center;
  background-size: 8px auto;
}
#mainVisual .mv__mainTitle .dotText span:nth-child(4){
  background: url(../img/for-school/service_a/dot04.png) no-repeat top center;
  background-size: 8px auto;
}
#mainVisual .mv__mainTitle .dotText span:nth-child(5){
  background: url(../img/for-school/service_a/dot05.png) no-repeat top center;
  background-size: 8px auto;
}
#mainVisual .mv__mainTitle .dotText span:nth-child(6){
  background: url(../img/for-school/service_a/dot06.png) no-repeat top center;
  background-size: 8px auto;
}
#mainVisual .mv__subTitle{
  font-size: 1.8rem;
  font-weight:bold;
  margin-bottom:15px;
}
#mainVisual .mv__subTitle .lineText{
  font-weight:bold;
  border-bottom:#57B269 3px dotted;
}
#mainVisual .mv__btn{
    width: 90%;
    margin: 0 auto;
    height: 60px;
    border-radius: 30px;
    background: linear-gradient(#51C7C1, #1BADA7);
}
#mainVisual .mv__btn a{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    background-image: url(../img/for-school/service_a/btn_arrow.png);
    background-repeat: no-repeat;
    background-position:right 20px center; 
    background-size: 10px auto;
    box-sizing: border-box;
    padding: 0 15px 0 0;
    text-align: center;
    font-size: 1.6rem;
    font-weight:bold;
    color: #fff;
    text-decoration: none;
    font-weight:bold;
}
#mainVisual .mv__btn:hover{
    background:#1BADA7;
}
#mainVisual .mv__point{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#mainVisual .point__item{
    background: url(../img/for-school/service_a/deco.png) no-repeat center center;
    background-size:contain;
    font-weight:bold;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 120px;
    height:95px;
    margin:0 3px;
}
#mainVisual .point__item dt{
    font-size:1.3rem;
    line-height: 1.3;
    font-weight:bold;
}
#mainVisual .point__item dt span{
    font-size:0.8rem;
    font-weight:bold;
}
#mainVisual .point__item dd{
    font-size:2.1rem;
    color:#9D7C41;
}
#mainVisual .point__item dd span{
    font-weight:bold;
    font-size:3.0rem;
    line-height: 1.15;
}
#mainVisual .point__item:first-child dd span{
    font-size:4.0rem;
}
#mainVisual .point__item dd.note{
    font-size:0.9rem;
    color:inherit;
}
#mainVisual .mv--02 .point__item dt{
    font-size:1.2rem;
}
#mainVisual .mv--02 .point__item dd span{
    font-size:2.8rem;
}
#mainVisual .mv--02 .point__item:first-child dd span{
    font-size:3.6rem;
}
#mainVisual .point__item dd span.small{
  font-size:1.6rem;
  display:block;
}

/* 2023/01mv修正　追加css */
#mainVisual .mv__top{
  padding:10px 0 15px;
}
#mainVisual .mv__title{
  text-align: center;
  line-height: 1.4;
  margin-bottom:5px;
}
#mainVisual .mv__title .sub{
  font-size:1.6rem;
  color:#56B0AB;
  font-weight:700;
}
#mainVisual .mv__title .main{
  font-size:2.4rem;
  font-weight:700;
}
#mainVisual .mv__title .text{
  font-size:1.4rem;
}
#mainVisual .mv__bottom .takePhoto{
  width:100%;
  aspect-ratio: 960 /560;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position:relative;
}
#mainVisual .mv__bottom .takePhoto--teacher{
  background:url(../img/for-school/service_a/mv_bg_left.png) no-repeat top center;
  background-size:cover;
}
#mainVisual .mv__bottom .takePhoto--cameraman{
  background:url(../img/for-school/service_a/mv_bg_right.png) no-repeat center center;
  background-size:cover;
}
#mainVisual .mv__bottom .takePhoto__text{
  padding: 4% 3% 3% 3%;
  box-sizing: border-box;
  background:#fff;
  border-radius:0 6px 0 0;
  min-width: 250px;
}
#mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text{
  margin:0 0 0 auto;
  border-radius:6px 0 0 0;
}
#mainVisual .mv__bottom .takePhoto__text dt .dotText{
  font-size:2.2rem;
  font-weight:900;
}
#mainVisual .mv__bottom .takePhoto__text dt .dotText span{
  font-weight:900;
  padding-top: 6px;
}
#mainVisual .mv__bottom .takePhoto--teacher .takePhoto__text dt span:first-child{
  background: url(../img/for-school/service_a/dot01.png) no-repeat top center;
  background-size: 6px auto;
}
#mainVisual .mv__bottom .takePhoto--teacher .takePhoto__text dt span:nth-child(2){
  background: url(../img/for-school/service_a/dot03.png) no-repeat top center;
  background-size: 6px auto;
}
#mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:first-child{
  background: url(../img/for-school/service_a/dot07.png) no-repeat top center;
  background-size: 6px auto;
}
#mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(2){
  background: url(../img/for-school/service_a/dot04.png) no-repeat top center;
  background-size: 6px auto;
}
#mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(3){
  background: url(../img/for-school/service_a/dot05.png) no-repeat top center;
  background-size: 6px auto;
}
#mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(4){
  background: url(../img/for-school/service_a/dot06.png) no-repeat top center;
  background-size: 6px auto;
}
#mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(5){
  background: url(../img/for-school/service_a/dot03.png) no-repeat top center;
  background-size: 6px auto;
}
#mainVisual .mv__bottom .takePhoto__text dd{
  font-size:1.3rem;
  line-height: 1.4;
}
#mainVisual .mv__bottom .takePhoto__text dd .line{
  border-bottom:#707070 solid 1px;
}
/* フォントサイズ */
#mainVisual .mv__bottom .takePhoto__text dd .annotation{
  font-size:1.0rem;
}
#mainVisual .mv__bottom .takePhoto__img{
  position:absolute;
  right: 2%;
  max-width:26%;
}
#mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__img{
  left:2%;
  right:0;
}
#mainVisual .mv__bottom .takePhoto__presentImg{
  position:absolute;
  top: -25px;
  right: -8%;
  max-width: 55%;
}
#mainVisual .mv__bottom .takePhoto__img img{
  vertical-align: bottom;
}



#mainVisual.mainVisual02 {
  background-image: url(/img/for-school/service_a/mv02_bg.jpg);
  background-repeat: none;
  background-size: cover;
  background-position: top center;
}
#mainVisual.mainVisual02 .mv02 {
  height: 605px;
}
#mainVisual.mainVisual02 .mv02__inner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#mainVisual.mainVisual02 .mv02__text01 {
  display: inline-block;
  position: absolute;
  top: 243px;
  left: 20px;
  padding: 10px 15px;
  background-color: #57B3AD;
  border-radius: 13px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #fff;
  font-size: 3.7rem;
  font-weight: 800;
}
#mainVisual.mainVisual02 .mv02__text02 {
  display: inline-block;
  position: absolute;
  top: 316px;
  left: 20px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #fff;
  font-size: 5.6rem;
  font-weight: 800;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.58);
}
#mainVisual.mainVisual02 .mv02__text02 span {
  display: inline-block;
  position: relative;
  color: #FFE139;
  font-weight: 800;
  letter-spacing: -0.1em;
}
#mainVisual.mainVisual02 .mv02__text02 span:before {
  content: "・・・・・・・・";
  position: absolute;
  bottom: -36px;
  left: 0;
  font-size: 5.6rem;
  font-weight: 400;
}
#mainVisual.mainVisual02 .mv02__text03 {
  display: inline-block;
  position: absolute;
  top: 416px;
  left: 20px;
  background-color: #fff;
  background-image: url(/img/for-school/service_a/mv02_text03_bg.png);
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-size: 90px auto;
  border-radius: 13px;
  padding: 30px 160px 30px 30px;
  font-size: 2.5rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  color: #333333;
  letter-spacing: -0.01em;
}
#mainVisual.mainVisual02 .mv02__text03 span {
  display: block;
  font-size: 3.8rem;
  color: #F99746;
  font-weight: 600;
}
#mainVisual.mainVisual02 .mv02__img01 {
  position: absolute;
  width: 400px;
  top: -28px;
  left: 622px;
}
#mainVisual.mainVisual02 .mv02__img01 img {
  width: 100%;
  height: auto;
}
#mainVisual.mainVisual02 .mv02__img02 {
  position: absolute;
  bottom: 0;
  left: 960px;
}
#mainVisual.mainVisual02 .mv02__img02 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 599px) {
  #mainVisual.mainVisual02 .mv02 {
    height: 580px;
  }
  #mainVisual.mainVisual02 .mv02__inner {
    width: auto;
  }
  #mainVisual.mainVisual02 .mv02__text01 {
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 1.6rem;
  }
  #mainVisual.mainVisual02 .mv02__text02 {
    top: 206px;
    left: 10px;
    font-size: 2.8rem;
  }
  #mainVisual.mainVisual02 .mv02__text02 span {
  }
  #mainVisual.mainVisual02 .mv02__text02 span:before {
    bottom: -20px;
    left: 0;
    font-size: 2.8rem;
  }
  #mainVisual.mainVisual02 .mv02__text03 {
    width: 94%;
    top: 260px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    background-position: right 15px center;
    background-size: 60px auto;
    border-radius: 8px;
    padding: 15px 110px 15px 15px;
    font-size: 1.8rem;
  }
  #mainVisual.mainVisual02 .mv02__text03 span {
    font-size: 1.8rem;
  }
  #mainVisual.mainVisual02 .mv02__img01 {
    width: 40%;
    top: 58%;
    left: 40px;
  }
  #mainVisual.mainVisual02 .mv02__img02 {
    width: 40%;
    left: auto;
    right: 10px;
  }
}


@media screen and (min-width: 600px) { 
  #mainVisual { 
    /*max-height:605px;
    background-size:cover;*/
  }
  #mainVisual .mv{
    /*width:1200px;*/
    min-width:1300px;
    margin:0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #mainVisual .mv__text{
    width:435px;
    white-space:nowrap;
    padding:70px 0 0;
    margin-top:0;
  }
  #mainVisual .mv__img{
    margin-right:-160px;
    margin-left:0;
  }
  #mainVisual .mv--02 .mv__img{
    margin-right:-190px;
    margin-left:30px;
  }
  #mainVisual .mv .main_present{
    top:auto;
    bottom: -145px;
    right: -80px;
    max-width:100%;
  }
  #mainVisual .mv .main_fukidashi{
    top: 26px;
    right: -110px;
    max-width:100%;
  }
  #mainVisual .mv__caption{
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  #mainVisual .mv__mainTitle{
    font-size: 4.3rem;
    line-height: 1.4;
    padding-right: 0;
  }
  #mainVisual .mv__mainTitle .dotText span{
    font-weight:bold;
    background: url(../img/for-school/service_a/dot01.png) no-repeat top center;
    background-size: auto;
    padding-top: 10px;
  }
  #mainVisual .mv__mainTitle .dotText span:nth-child(2){
    background: url(../img/for-school/service_a/dot02.png) no-repeat top center;
    background-size: auto;
  }
  #mainVisual .mv__mainTitle .dotText span:nth-child(3){
    background: url(../img/for-school/service_a/dot03.png) no-repeat top center;
    background-size: auto;
  }
  #mainVisual .mv__mainTitle .dotText span:nth-child(4){
    background: url(../img/for-school/service_a/dot04.png) no-repeat top center;
    background-size: auto;
  }
  #mainVisual .mv__mainTitle .dotText span:nth-child(5){
    background: url(../img/for-school/service_a/dot05.png) no-repeat top center;
    background-size: auto;
  }
  #mainVisual .mv__mainTitle .dotText span:nth-child(6){
    background: url(../img/for-school/service_a/dot06.png) no-repeat top center;
    background-size: auto;
  }
  #mainVisual .mv__mainTitle span{
    font-size: 7.3rem;
  }
  #mainVisual .mv__subTitle{
    font-size: 2.5rem;
    margin-bottom: 20px;
  } 
  #mainVisual .mv__btn{
    height: 73px;
    border-radius: 40px;
  }
  #mainVisual .mv__btn a{
    height: 73px;
    line-height: 73px;
    border-radius: 40px;
    background-position:right 30px center; 
    background-size: auto;
    font-size: 2.2rem;
  }
  #mainVisual .mv--02 .mv__point{
    margin-left: -50px;
    width: 550px;
  }
  #mainVisual .point__item{
    width:175px;
    height:128px;
    margin: 0 8px;
    box-sizing: border-box;
    padding-bottom: 10px;
  }
  #mainVisual .mv--02 .point__item{
    margin: 0 4px;
  }
  #mainVisual .point__item dt{
    font-size:1.5rem;
  }
  #mainVisual .point__item dd span{
    font-size:4.2rem;
  }
  #mainVisual .point__item:first-child dd span{
    font-size:6.0rem;
  }
  #mainVisual .mv--02 .point__item dt{
    font-size:1.5rem;
  }
  #mainVisual .mv--02 .point__item dd span{
      font-size:4.2rem;
  }
  #mainVisual .mv--02 .point__item:first-child dd span{
      font-size:6.1rem;
  }
  #mainVisual .point__item dd span.small{
    font-size:2.6rem;
  }


  /* 2023/01mv修正　追加css */
  #mainVisual .mv__top{
    padding:20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  #mainVisual .mv__title{
    margin-right:40px;
    margin-bottom:0;
  }
  #mainVisual .mv__title .sub{
    font-size:2.6rem;
  }
  #mainVisual .mv__title .main{
    font-size:4.1rem;
  }
  #mainVisual .mv__title .text{
    font-size:1.8rem;
  }
  #mainVisual .mv__bottom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  #mainVisual .mv__bottom .takePhoto{
    width:50%;
    aspect-ratio: 960 / 603;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position:relative;
  }
  #mainVisual .mv__bottom .takePhoto__text,
  #mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text{
    padding: 4% 35% 3% 4%;
    width:90%;
    margin:0 auto;
    border-radius:10px 10px 0 0;
    white-space:nowrap;
  }
  #mainVisual .mv__bottom .takePhoto__text dt .dotText{
    font-size:4.6rem;
  }
  #mainVisual .mv__bottom .takePhoto__text dt .dotText span{
    padding-top: 12px;
  }
  #mainVisual .mv__bottom .takePhoto--teacher .takePhoto__text dt span:first-child{
    background: url(../img/for-school/service_a/dot01.png) no-repeat top center;
    background-size: 10px auto;
  }
  #mainVisual .mv__bottom .takePhoto--teacher .takePhoto__text dt span:nth-child(2){
    background: url(../img/for-school/service_a/dot03.png) no-repeat top center;
    background-size: 10px auto;
  }
  #mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:first-child{
    background: url(../img/for-school/service_a/dot07.png) no-repeat top center;
    background-size: 10px auto;
  }
  #mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(2){
    background: url(../img/for-school/service_a/dot04.png) no-repeat top center;
    background-size: 10px auto;
  }
  #mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(3){
    background: url(../img/for-school/service_a/dot05.png) no-repeat top center;
    background-size: 10px auto;
  }
  #mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(4){
    background: url(../img/for-school/service_a/dot06.png) no-repeat top center;
    background-size: 10px auto;
  }
  #mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__text dt span:nth-child(5){
    background: url(../img/for-school/service_a/dot03.png) no-repeat top center;
    background-size: 10px auto;
  }
  #mainVisual .mv__bottom .takePhoto__text dd{
    font-size:2.0rem;
  }
  /* フォントサイズ */
  #mainVisual .mv__bottom .takePhoto__text dd .annotation{
    font-size:1.2rem;
  }
  #mainVisual .mv__bottom .takePhoto__img,
  #mainVisual .mv__bottom .takePhoto--cameraman .takePhoto__img{
    position:absolute;
    left:auto;
    right: 6%;
    max-width:35%;
  }
  #mainVisual .mv__bottom .takePhoto__presentImg{
    position:absolute;
    top:auto;
    right:auto;
    bottom: 55px;
    left: -30px;
    max-width: 50%;
  }
}

/* #main
-------------------------------------- */
#main img{
  width:auto;
  max-width:100%;
}
#main section{
  padding:60px 0 40px;
}
@media all and (min-width: 600px) {
  #main section{
    padding:80px 0;
  }
}

/* .leadTit .arrow
-------------------------------------- */
.leadTit{
  font-weight:bold;
  font-size:2.2rem;
  text-align:center;
}
.arrow{
  width:25px;
  height:auto;
  margin:0 auto;
}
@media all and (min-width: 600px) {
  .leadTit{
    font-size:4.0rem;
  } 
  .arrow{
    width:auto;
    text-align:center;
  }
}

/* .mod_tit04
-------------------------------------- */
.mod_tit04{
    font-size:2.4rem;
    font-weight:bold;
    position:relative;
    margin-bottom:20px;
    line-height: 1.4;
}
.mod_tit04 .sub{
  font-size:2.0rem;
  font-weight:bold;
}
.mod_tit04 .line{
  font-weight:bold;
  /*background:url(../img/for-school/service_a/line.png) no-repeat bottom center;*/
  background-size:100% auto;
  display: inline-block;
}
#main .mod_tit04 img{
  position: absolute;
  top: -2.5rem;
  right: 4rem;
  max-width: 140px;
}

@media all and (min-width: 600px) {
  .mod_tit04{
    width:1200px;
    margin:0 auto;
    font-size:5.0rem;
    margin-bottom:50px;
    line-height: 1.6;
  }
  .mod_tit04 .sub{
    font-size:3.0rem;
  }
  #main .mod_tit04 img{
    top: 3rem;
    right: 24%;
    max-width:100%;
  }
}

/* .worrySec
-------------------------------------- */
#main .worrySec{
  padding: 30px 0 50px;
}
.worrySec .leadTit{
  background:url(../img/for-school/service_a/subTtl_worry.png) no-repeat bottom center;
  padding-bottom:20px;
  background-size: 50px auto;
}
.worry{
  width:94%;
  margin: 0 auto;
}
.worry__item{
  padding:15px 0;
  box-sizing:border-box;
  text-align:center;
}
.worry__item--02{
  border-top:#57B2AD dashed 2px;
  border-bottom:#57B2AD dashed 2px;
}
#main .worry__item img{
  width:90px;
}
.worry__item .worry__title{
  font-size:2.0rem;
  font-weight:bold;
  margin:10px 0;
}
.worry__item .worry__list{
  padding: 0 60px;
}
.worry__item--02 .worry__list{
  padding: 0 15px;
}
.worry__item .worry__list li{
  font-size:1.5rem;
  font-weight:bold;
  text-align:left;
  color:#675D5A;
  background:url(../img/for-school/service_a/check01_01.png) no-repeat left top 8px;
  padding-left:20px;
  margin-bottom: 5px;
}
.worry__item--02 .worry__list li{
  background:url(../img/for-school/service_a/check01_02.png) no-repeat left top 8px;
}
.worry__item--03 .worry__list li{
  background:url(../img/for-school/service_a/check01_03.png) no-repeat left top 8px;
}
.worrySec.worrySec--02 .worry {
  display: flex;
}
.worrySec.worrySec--02 .worry__item {
  border: none;
  flex: 1 1 0%;
  padding: 0;
}

@media all and (max-width: 599px) {
  .worrySec.worrySec--02 .worry {
    display: block;
  }
}

@media all and (min-width: 600px) {
  #main .worrySec{
    padding: 80px 0 130px;
  }
  .worry{
    width:100%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 1200px;
    margin: 30px auto 0;
  }
  .worrySec .leadTit{
    background-size:auto;
  }
  .worry__item{
    padding:0 30px;
  }
  .worry__item--02{
    border:none;
    border-left:#57B2AD dashed 2px;
    border-right:#57B2AD dashed 2px;
  }
  #main .worry__item img{
    width:auto;
  }
  .worry__item .worry__title{
    font-size:2.2rem;
    margin:20px 0;
  }
  .worry__item .worry__list{
    padding: 0 15px;
  }
  .worry__item .worry__list li{
    font-size:1.6rem;
  }
}

/* .featureSec
-------------------------------------- */
#main .featureSec{
  padding: 30px 0;
}
.feature{
  width:94%;
  margin: 0 auto;
}
.feature__item{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  letter-spacing: 0;
  width:100%;
  /* margin-bottom:30px; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin:0 auto 30px;
}
.feature__item .feature__img{
  width: 100px;
  margin-right: 10px;
}
#main .feature__item--01 .feature__img img,
#main .feature__item--03 .feature__img img{
  width: 86px;
}
.feature__item .feature__cont{
  width: calc(100% - 110px);
}
.feature__item .feature__redtext{
  color: #F27E1F;
  font-weight:bold;
  font-size: 1.6rem;
}
.feature__item .feature__title{
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.feature__item .feature__text{
  font-size:1.4rem;
}
.feature__item .feature__title .large{
  font-weight: bold;
  line-height: 1.2;
  font-size: 2.2rem;
}
.feature__item .feature__title .yline{
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #FFF28E));
  background: -webkit-linear-gradient(transparent 70%, #FFF28E 70%);
  background: -o-linear-gradient(transparent 70%, #FFF28E 70%);
  background: linear-gradient(transparent 70%, #FFF28E 70%);
}
@media all and (min-width: 600px) {
  #main .featureSec{
    padding: 70px 0 100px;
  }
  .feature{
    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;
    width: 1200px;
    margin: 30px auto 0;
  }
  .feature__item{
    width: 578px;
    margin-bottom:40px;
    /* padding:40px; */
  }
  .feature__item .feature__img{
    width: auto;
    margin-right: 20px;
  }
  #main .feature__item--01 .feature__img img,
  #main .feature__item--03 .feature__img img{
    width: 100%;
  }
  .feature__item .feature__cont{
    width:360px;
  }
  .feature__item .feature__redtext{
    font-size:2.0rem;
  }
  .feature__item .feature__title{
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
  .feature__item .feature__title .large{
    font-size: 3.8rem;
  }
  .feature__item .feature__text{
    line-height:1.8;
    font-size:1.6rem;
  }
}

/* .stepSec
-------------------------------------- */
.stepSec{
  background:url(../img/for-school/service_a/bg01.png) no-repeat top center;
  background-size:cover;
  padding-top: 80px;
  margin-top: -30px;
}
#main .stepSec .mod_tit04 img{
  max-width:120px;
}
.step{
  width:94%;
  margin:0 auto 20px;
}
.step__item{
  background: url(../img/for-school/service_a/arrow02_sp.png) no-repeat center bottom;
  background-size: 15px auto;
  padding-bottom: 40px;
}
#main .step__item img{
  max-width: 60%;
  margin-left: 26%;
}
.step__item .title{
  font-size:2.0rem;
  font-weight: bold;
  text-align:center;
  margin-top: -30px;
}
.step__item .title .note{
  font-size:1.0rem;
  padding: 5px 0;
}
.step__item .text{
  text-align:center;
  font-size: 1.4rem;
}
.step__item--03{
  background:none;
  padding-bottom:0;
  margin-top:15px;
}
.step__item--03 .fukidashi{
  background: url(../img/for-school/service_a/step03_bg.png) no-repeat center center;
  background-size: 190px auto;
  text-align: center;
  padding: 40px 0 60px;
}
.step__item--03 .title{
  font-size:2.2rem;
  padding-right: 0;
  /*background: url(../img/for-school/service_a/line.png) no-repeat center bottom;*/
  background-size:contain;
  display:inline-block;
}
.step__item--03 .text{
  font-size:1.6rem;
  font-weight:bold;
  padding-right: 0;
}
.step__item--03 .caption{
  font-size:1.8rem;
  text-align:center;
  font-weight:bold;
}
.step__item--03 .caption span{
  color:#57B2AD;
  font-weight:bold;
}
.others{
  width:94%;
  margin:0 auto;
  background:#fff;
  border-radius:5px;
  border:#F2D4BC 3px solid;
  padding:0 10px 20px;
  box-sizing:border-box;
  margin-top: 60px;
}
#main .others .add{
  margin: -40px auto 15px;
  display: block;
  width:80px;
}
.ohters__list li{
  text-align:center;
  margin-bottom: 20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#main .ohters__list li .img{
  width: 27%;
}
.ohters__list li .cont{
  width: 70%;
  text-align: left;
}
.ohters__list li .title{
  font-size:1.9rem;
  font-weight:bold;
  /*background: url(../img/for-school/service_a/line.png) no-repeat center bottom;*/
  background-size:72px auto;
  margin: 10px 0 5px;
  display: inline-block;
}
.ohters__list li .text{
  font-size: 1.4rem;
  color:#675D5A;
}
@media all and (min-width: 600px) {
  .stepSec{
    margin-top: -50px;
    padding-top: 100px;
  }
  #main .stepSec .mod_tit04 img{
    max-width:100%;
  }
  .step{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1200px;
  }
  .step__item{
    background: url(../img/for-school/service_a/arrow02.png) no-repeat center right;
    padding-right: 20px;
    background-size: auto;
    padding-bottom: 0;
  }
  #main .step__item img{
    max-width:100%;
    margin-left: 0;
  }
  .step__item .title{
    font-size:2.6rem;
    padding-right: 70px;
  }
  .step__item .text{
    padding-right: 70px;
    font-size:1.6rem;
  }
  .step__item--03{
    background:none;
    padding-right:0;
    margin-top: 90px;
  }
  .step__item--03 .fukidashi{
    background-size:auto;
    padding: 60px 0 100px;
  }
  .step__item--03 .title{
    font-size:3.0rem;
    padding-right: 0;
  }
  .step__item--03 .text{
    font-size:1.8rem;
    padding-right: 0;
  }
  .step__item--03 .caption{
    font-size:2.0rem;
  }
  .others{
    width:1200px;
    padding:0 70px 40px;
    margin-top: 70px;
  }
  #main .others .add{
    margin: -50px auto 25px;
    width:auto;
  }
  .ohters__list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ohters__list li{
    width:30%;
    margin-bottom:0;
    display:block;
  }
  #main .ohters__list li .img{
    width:auto;
  }
  .ohters__list li .cont{
    width: auto;
    text-align: center;
  }
  .ohters__list li .title{
    font-size:2.2rem;
    margin: 20px 0 10px;
  }
  .ohters__list li .text{
    font-size:1.8rem;
  }
}


/* .reasonSec
-------------------------------------- */
.reason{
  width:94%;
  margin:0 auto;
}
.reason__item{
  border:3px solid #F2D4BC;
  border-radius:5px;
  overflow: hidden;
  background:url(../img/for-school/service_a/reason01_bg.png) no-repeat center top -5px;
  background-size:100% auto;
  margin-bottom:20px;
  padding:50px 20px 20px;
  box-sizing:border-box;
}
.reason__item--02{
  border:3px solid #AADEDB;
  background:url(../img/for-school/service_a/reason02_bg.png) no-repeat center top -5px;
  background-size:100% auto;
}
.reason__item--03{
  border:3px solid #A6D1E5;
  background:url(../img/for-school/service_a/reason03_bg.png) no-repeat center top -5px;
  background-size:100% auto;
}
.reason__item--0302{
  border:3px solid #A6D1E5;
  background:url(../img/for-school/service_a/reason03_2_bg.png) no-repeat center top -5px;
  background-size:100% auto;
}
.reason__item--0303{
  border:3px solid #A6D1E5;
  background:url(../img/for-school/service_a/reason03_3_bg.png) no-repeat center top -5px;
  background-size:100% auto;
}
.reason__item--04{
  border:3px solid #F2DC81;
  background:url(../img/for-school/service_a/reason04_bg.png) no-repeat center top -5px;
  background-size:100% auto;
}
#main .reason__num img{
  width:80px;
}
#main .reason__item--01 .reason__num img{
  width:90px;
}
.reason__item .reason__cont{
  text-align:center;
  margin-top:20px;
}
.reason__item--02 .reason__cont,
.reason__item--04 .reason__cont{
  margin-top:0;
}
.reason__item .caption{
  font-size:1.6rem;
  font-weight:bold;
  color:#F99746;
  line-height: 1.2;
  margin-bottom: 3px;
}
.reason__item--02 .caption{
  color:#57B2AD;
}
.reason__item--03 .caption{
  color:#7FBA74;
}
.reason__item--0302 .caption{
  color:#7FBA74;
}
.reason__item--0303 .caption{
  color:#FF0000;
}
.reason__item--04 .caption{
  color:#D1B647;
}
.reason__item .title{
  font-size:2.0rem;
  font-weight:bold;
  margin-bottom:10px;
}
.reason__item .text{
  font-size:1.4rem;
  text-align:left;
  color:#675D5A;
}
@media all and (min-width: 600px) {
  .reason{
    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;
    width:1200px;
  }
  .reason__item{
    width:578px;
    margin-bottom:40px;
    padding:40px;
  }
  #main .reason__num img{
    width:auto;
    margin-top: 60px
  }
  #main .reason__item--01 .reason__num img{
    width:auto;
  }
  #main .reason__item--02 .reason__num img{
    margin-top:40px;
  }
  .reason__num{
    height:178px;
  }
  .reason__item .reason__cont,
  .reason__item--02 .reason__cont,
  .reason__item--04 .reason__cont{
    text-align:center;
    margin-top:40px;
  }
  .reason__item .caption{
    margin-bottom:5px;
  }
  .reason__item .title{
    font-size:2.6rem;
    margin-bottom:15px;
  }
  .reason__item .text{
    font-size:1.6rem;
    line-height:2.0;
  }
}

/* .contactBox
-------------------------------------- */
.contactBox{
  background:url(../img/for-school/service_a/contactBox_bg.png) no-repeat center center;
  background-size:cover;
  position:relative;
  height: 200px;
}
.contactBox:before{
  content:"";
  display:block;
  width:100%;
  background:url(../img/for-school/service_a/contactBox_bg02.png) no-repeat center center;
  position:absolute;
  top:-10px;
  height: 220px;
  background-size: cover;
}
.contactBox__inner{
  position:relative;
  width:94%;
  margin:0 auto;
  padding: 45px 0;
}
#main .contactBox .imanara{
  position:absolute;
  z-index:1;
  width: 80px;
  left: calc(50% - 150px);
  top: 10px;
  transform: rotate(-25deg);
}
#main .contactBox .present{
  position:absolute;
  width: 140px;
  right: -30px;
  top: -50px;
  z-index:1;
}
.contactBox__cont{
  position:absolute;
  width:100%;
  z-index:2;
}
.contactBox__text{
  text-align:center;
  font-weight:bold;
  font-size: 2.0rem;
  /* margin-bottom: 10px; */
}
.contactBox__annotation{
  text-align:center;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.contactBox .contactBox__btn{
  width:90%;
  margin: 0 auto;
  height: 60px;
  border-radius: 30px;
  background: linear-gradient(#F99746, #ff6600);
}
.contactBox .contactBox__btn.contactBox__btn--green {
  background: linear-gradient(#51C7C1, #1BADA7);
}
.contactBox .contactBox__btn a{
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  background-image: url(../img/for-school/service_a/btn_arrow.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 10px auto;
  box-sizing: border-box;
  padding: 0 15px 0 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 2px 0 2px rgb(0 0 0 / 30%);
}
.contactBox .contactBox__btn a:hover{
  background-color:#ff6600;
}
@media all and (min-width: 600px) {
  .contactBox{
    height: 366px;
  }
  .contactBox:before{
    height:400px;
    background-size:auto;
    top: -20px;
  }
  .contactBox__inner{
    width:1200px;
    padding:90px 0 60px;
  }
  #main .contactBox .imanara{
    left:auto;
    right: 330px;
    top: 20px;
    width:auto;
    transform:inherit;
  }
  #main .contactBox .present{
    right: 140px;
    top: 50px;
    width:auto;
  }
  .contactBox__text{
    font-size:3.8rem;
    /* margin-bottom: 30px; */
  }
  .contactBox__annotation{
    font-size:1.5rem;
    margin-bottom: 30px;
  }
  .contactBox .contactBox__btn{
    width:427px;
    height: 73px;
    border-radius: 40px;
  }
  .contactBox .contactBox__btn a{
    height: 73px;
    line-height: 73px;
    border-radius: 40px;
    background-position: right 30px center;
    background-size: auto;
    font-size: 2.2rem;
  }
}

/* .functionSec
-------------------------------------- */
#main .functionSec{
  background: url(../img/for-school/service_a/bg02.png) no-repeat center center;
  background-size:cover;
  margin-top:-40px;
  padding-bottom:10px;
  padding-top: 90px;
}
.function{
  width: 94%;
  margin: 40px auto 0;
}
.function__item{
  position:relative;
  /*background: url(../img/for-school/service_a/function_bg01.png) no-repeat;
  background-size: 150px auto;
  background-position: right 60px top 60px;*/
  min-height: 200px;
  margin-bottom: 30px;
}
.function__item--02{
  /*background: url(../img/for-school/service_a/function_bg02.png) no-repeat;
  background-size: 150px auto;
  background-position: right 60px top 60px;*/
}
.function__item--03{
  /*background: url(../img/for-school/service_a/function_bg03.png) no-repeat;
  background-size: 150px auto;
  background-position: right 60px top 60px;*/
}
.function__title{
  font-weight:bold;
  font-size:2.0rem;
  color:#F99746;
  margin-bottom:20px;
}
.function__item--02 .function__title{
  color:#62BEB0;
}
.function__item--03 .function__title{
  color:#7FBA74;
}
.function__list{
  margin-right:100px;
}
.function__list li{
  margin-bottom:1rem;
  font-size:1.4rem;
  background: url(../img/for-school/service_a/check02_02.png) no-repeat left top 3px;
  padding-left: 28px;
  color:#675D5A;
}
.function__item--02 .function__list li{
  background: url(../img/for-school/service_a/check02_01.png) no-repeat left top 3px;
}
.function__item--03 .function__list li{
  background: url(../img/for-school/service_a/check02_03.png) no-repeat left top 3px;
}
.function__img{
  position:absolute;
  right: 0;
  top: 0;
  width: 110px;
}

@media all and (min-width: 600px) {
  #main .functionSec{
    margin-top:-80px;
    padding-bottom:120px;
    padding-top: 120px;
  }
  #main .functionSec .mod_tit04 img{
    right:21%;
  }
  .function{
    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;
    width: 1200px;
    margin: 60px auto 0;
  }
  .function__item{
    padding: 80px 50px 0 0;
    background: url(../img/for-school/service_a/function_bg01.png) no-repeat;
    background-size: auto;
    background-position:right top;
    min-height: auto;
    margin-bottom:0;
  }
  .function__item--02{
    background: url(../img/for-school/service_a/function_bg02.png) no-repeat;
    background-size: 150px auto;
    background-position: right 60px top 60px;
    margin-top:80px;
    padding: 100px 50px 0 0;
  }
  .function__item--03{
    background: url(../img/for-school/service_a/function_bg03.png) no-repeat;
    background-size: 150px auto;
    background-position: right 60px top 60px;
    margin-left:160px;
    padding: 80px 210px 0 0;
  }
  .function__title{
    font-size:2.8rem;
    margin-bottom:40px;
  }
  .function__list{
    margin-right:0;
  }
  .function__list li{
    font-size:1.6rem;
  }
  .function__img{
    right: -90px;
    top: 30px;
    width:auto;
  }
  .function__item--02 .function__img{
    top: -120px;
    right: -40px;
  }
  .function__item--03 .function__img{
    right: -100px;
    top: 90px;
  }
}

@media (orientation: landscape) {
  .function {
    flex-direction: column;
  }
  .function__item {
    width: 56%;
    background-size: 150px auto;
    background-position: right 100px top;
  }
  .function__item--01 .function__img {
    right: 6px;
  }
  .function__item--02 {
    margin: -50px 65px 0 auto;
    background-position: right 100px top 50px;
  }
  .function__item--02 .function__img {
    top: -50px;
    right: -28px;
  }
  .function__item--03 {
    margin-right: auto;
    margin-left: 0;
    padding: 80px 50px 0 0;
    background-position: right 250px top 70px;
  }
  .function__item--03 .function__img {
    right: 126px;
  }
}

/* .voiceSec
-------------------------------------- */
#main .voiceSec{
  padding:60px 0 10px;
}
#main .voiceSec .mod_tit04 img{
  top: -4rem;
  right: 2rem;
  max-width: 110px;
}
.voice{
  width:94%;
  margin: 65px auto 30px;
}
.voice__item{
  border:#F2D4BC 3px solid;
  border-radius:5px;
  background:#FFFEF7;
  padding:0 15px 15px;
  box-sizing:border-box;
  text-align:center;
  margin-bottom: 55px;
}
.voice--parents .voice__item{
  border:#D4EACF 3px solid;
}
.voice__img{
  margin: -50px 0 5px;
}
#main .voice__img img{
  width:100px;
}
.voice__title{
  font-size:2.0rem;
  font-weight:bold;
  margin-bottom:10px;
}
.voice__cont{
  font-size:1.4rem;
  color:#675D5A;
  text-align:left;
}
@media all and (min-width: 600px) {
  #main .voiceSec{
    padding:80px 0 0;
  }
  #main .voiceSec .mod_tit04 img{
    max-width: 100%;
    top: -4rem;
    right: 27%;
  }
  .voiceSec .mod_tit04{
    font-size:3.6rem;
  }
  .voiceSec .mod_tit04 img{
    top: -46px;
    right: 27%;
  }
  .voice{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width:1200px;
    margin: 100px auto;
  }
  .voice__item{
    width:32%;
    padding:0 30px 50px;
    margin-bottom: 0;
  }
  .voice__img{
    margin:-60px 0 20px;
  }
    #main .voice__img img{
    width:auto;
  }
  .voice__title{
    margin-bottom:10px;
  }
  .voice__text{
    font-size:1.6rem;
  }
}

.voiceList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto 130px;
}
.voiceList__item {
  box-sizing: border-box;
  width: calc((100% - 18px) / 2);
  border: 3px solid #92C9EB;
  border-radius: 5px;
  background-color: #FFFEF7;
}
.voiceList__item:nth-child(n + 3) {
  margin-top: 18px;
}
.voiceList__item > a {
  text-decoration: none;
  transition: all .2s;
}
.voiceList__item > a:hover {
  opacity: 0.7;
}
.voiceList__itemImg {
}
.voiceList__itemImg img {
  width: 100%;
  height: auto;
}
.voiceList__itemCont {
  padding: 26px 30px;
}
.voiceList__itemTag {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 20px;
  background-color: #65B6E8;
  font-size: 1.6rem;
  color: #fff;
}
.voiceList__itemText {
  padding: 15px 0;
  font-size: 2.0rem;
  font-weight: bold;
}
.voiceList__itemMeta {
  font-size: 1.2rem;
}
.voiceList__item.voiceList__item--pink {
  border-color: #EAAEC9;
}
.voiceList__item.voiceList__item--pink .voiceList__itemTag {
  background-color: #E98192;
}
.voiceList__item.voiceList__item--yellow {
  border-color: #F5D47B;
}
.voiceList__item.voiceList__item--yellow .voiceList__itemTag {
  background-color: #F1C54F;
}
@media all and (max-width: 599px) {
  .voiceList {
    display: block;
    max-width: inherit;
    width: 94%;
    margin: 0 auto 80px;
  }
  .voiceList__item {
    width: auto;
  }
  .voiceList__item:nth-child(n + 2) {
    margin-top: 18px;
  }
  .voiceList__itemCont {
    padding:  15px;
  }
  .voiceList__itemTag {
    padding: 4px 15px;
    font-size: 1.2rem;
  }
  .voiceList__itemText {
    padding: 10px 0;
    font-size: 1.8rem;
  }
  .voiceList__itemMeta {
    font-size: 1.0rem;
  }
}




/* .faqSec
-------------------------------------- */
#main .faqSec{
  width:94%;
  margin:0 auto;
  padding: 60px 0 60px;
}
#main .faqSec .mod_tit04 img{
  top: -3rem;
  max-width:110px;
}
.faqSec{
  width:94%;
  margin:0 auto;
}
.faq__item .question{
  cursor:pointer;
  font-weight:bold;
  padding:15px 30px 15px 40px;
  font-size:1.6rem;
  position:relative;
  background:url(../img/for-school/service_a/faq_question.png) no-repeat left top 15px; 
  border-bottom:#79BCB0 1px dashed;
}
.faq__item .question .icon{
  position: absolute;
  top: 12px;
  right: 10px;
  display:block;
  width: 16px;
  height: 16px;
}
.faq__item .question .icon:before,
.faq__item .question .icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #62BEB0;
  left: 100%;
  top: 100%;
  width: 100%;
  height: 3px;
  transform: translate(-50%, -50%);
}
.faq__item .question .icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq__item .question.close .icon:before{
  transform: translate(-50%, -50%) rotate(0deg);
}
.faq__item .answer{
  display:none;
  padding:15px 15px 15px 40px;
  font-size:1.4rem;
  color:#675D5A;
  background:url(../img/for-school/service_a/faq_answer.png) no-repeat left top 15px;
}
@media all and (min-width: 600px) {
  #main .faqSec{
    width:1200px;
    padding: 80px 0 100px;
  }
  .faqSec .mod_tit04{
    font-size:3.6rem;
  }
  #main .faqSec .mod_tit04 img{
    top: -40px;
    right: 35%;
    max-width:100%;
  }
  .faq__item .question{
    font-size:2.0rem;
    padding: 30px 0 30px 70px;
    background:url(../img/for-school/service_a/faq_question.png) no-repeat left 5px top 33px; 
  }
  .faq__item .question .icon{
    position: absolute;
    top: 25px;
    right: 20px;
    width: 20px;
    height: 20px;
  }
  .faq__item .answer{
    font-size:1.6rem;
    padding: 30px 30px 30px 70px;
  }
}

/* .inquirySec
-------------------------------------- */
.inquirySec{
  width:94%;
  margin:0 auto;
}
.inquirySec .mod_tit04{
  font-size:2.4rem;
  padding-bottom: 6px;
  /*background: url(../img/for-school/service_a/line.png) no-repeat bottom center;*/
  background-size: 60px auto;
}
#main .inquirySec .mod_tit04 img{
  top: -3rem;
}
.inquiry__list li{
  font-size:1.4rem;
  margin-bottom:10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.inquiry__list li span:last-child{
  margin-left: 20px;
  font-size:1.4rem;
}
.inquiry__list li .tel-link a,
.inquiry__list li .mail-link a{
    /* text-decoration: none; */
}
#main .inquiry__list li img{
  width:60px;
}
.contactAnnotation{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
@media all and (min-width: 600px) {
  .inquirySec .mod_tit04{
    font-size:3.6rem;
    padding-bottom: 8px;
    /*background: url(../img/for-school/service_a/line.png) no-repeat bottom center;*/
    background-size: 90px auto;
  }
  #main .inquirySec .mod_tit04 img{
    top: -40px;
    right: 35%;
    max-width:100%;
  }
  .inquiry__list{
    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;
  }
  .inquiry__list li{
    padding:0 25px;
    margin-bottom:0;
  }
  .inquiry__list li span:last-child{
    margin-left: 20px;
    font-size:2.0rem;
  }
  #main .inquiry__list li img{
    width:auto;
  }
}

/* .spContactBtn
-------------------------------------- */
  .spContactBtn.is_view{
    /* display: flex; */
    display: block;
    width: 100%;
    min-width: 1170px;
    position: fixed;
    bottom: 15px;
    z-index: 30;
  }
  .spContactBtn .contactBtn{
    width: 427px;
    height: 73px;
    border-radius: 40px;
    /* margin: 0 auto 0 20px; */
    margin: 0 auto;
    background: linear-gradient(#F99746, #ff6600);
  }
  .contactBtnWebinar{
    width: 423px;
    height: 69px;
    border-radius: 40px;
    margin: 0 20px 0 auto;
    background: linear-gradient(#ffeadd, #ffffff);
    border: 2px solid #ff6600;
    box-shadow: 2px 0 2px rgb(0 0 0 / 30%);
  }
  .spContactBtn .contactBtn a{
    display: block;
    width: 100%;
    height: 73px;
    line-height: 73px;
    border-radius: 40px;
    background-image: url(../img/for-school/service_a/btn_arrow.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    box-sizing: border-box;
    padding: 0 15px 0 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 2px 0 2px rgb(0 0 0 / 30%);
  }
  .contactBtnWebinar a{
    display: block;
    width: 100%;
    height: 69px;
    line-height: 69px;
    border-radius: 40px;
    background-image: url(../img/for-school/service_a/btn_arrow_orange.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    box-sizing: border-box;
    padding: 0 15px 0 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    color: #ff6600;
    text-decoration: none;
    font-weight: bold;
  }
  .spContactBtn .contactBtn a:hover{
    background-color:#ff6600;
  }
  .contactBtnWebinar a:hover{
    background-color:#ffffff;
  }
  .spContactBtn .fixedBtn {
    max-width: 812px;
    margin: 0 auto;
  }
  .spContactBtn .fixedBtn a {
    display: block;
  }
  .spContactBtn .fixedBtn .spShow {
    display: none;
  }
@media all and (max-width: 599px) {
  /*pagetop位置調整*/
  #pagetop{
    bottom:76px;
  }
  .spContactBtn.is_view{
    min-width:100%;
    bottom: 10px;
  }
  .spContactBtn .contactBtn{
    /* width:45%; */
    width:90%;
    height: 60px;
    border-radius: 30px;
    /* margin: 0 auto; */
  }
  .spContactBtn .contactBtnWebinar{
    width:45%;
    height: 56px;
    border-radius: 30px;
    margin: 0 auto;
  }
  .spContactBtn .contactBtn a{
    height: 60px;
    line-height: 60px;
    /* display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 25px; */
    border-radius: 30px;
    /* background-position: right 10px center; */
    background-position: right 20px center;
    background-size: 10px auto;
    /* font-size: 1.4rem; */
    font-size: 1.6rem;
    /* padding: 0; */
  }
  .spContactBtn .contactBtnWebinar a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 25px;
    border-radius: 30px;
    background-position: right 10px center;
    background-size: 10px auto;
    font-size: 1.4rem;
  }
  .spContactBtn .fixedBtn {
    max-width: inherit;
  }
  .spContactBtn .fixedBtn .spShow {
    display: block;
  }
  .spContactBtn .fixedBtn .pcShow {
    display: none;
  }
}

/* .cameramanBtn
-------------------------------------- */
  .cameramanBtn{
    width: 320px;
    padding: 25px 10px 25px;
    box-sizing: border-box;
    margin: 0 auto;
  }

  .cameramanBtn.bottom{
    padding: 25px 10px 80px;
  }

  .cameramanBtn a{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #22b5ae;
    background-image: url(../img/for-school/2021/arrow_w.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: auto;
    box-sizing: border-box;
    padding: 0 15px 0 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color:#fff;
  }

  .cameramanBtn a:hover{
    background-color:#28a09a;
  }


/* .returnBtn
-------------------------------------- */
.returnBtn{
  width: 320px;
  padding: 25px 10px 25px;
  box-sizing: border-box;
  margin: 0 auto;
}

.returnBtn.bottom{
  padding: 25px 10px 80px;
}

.returnBtn a{
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  background-color: #fb8435;
  background-image: url(../img/for-school/2021/arrow_w_prev.png);
  background-repeat: no-repeat;
  background-position: left 30px center;
  background-size: auto;
  box-sizing: border-box;
  padding: 0 0 0 15px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color:#fff;
}

.returnBtn a:hover{
  background-color:#ff6600;
}

/* .spView
-------------------------------------- */
  .spView {
    display: none;
  }

  @media (max-width: 599px) {
    .spView {
      display: block;
    }
  }



/* CASE
-------------------------------------- */
#case.contents {
  padding-top: 90px;
  background-repeat: no-repeat;
  background-image: url(../img/for-school/service_a/case/head_bg.jpg);
  background-position: top center;
  background-size: 100% auto;
}
.contents__inner {
  box-sizing: border-box;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 200px;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
}
.contents__ttl {
  padding: 60px 0;
  text-align: center;
}
.contents__ttlMain {
}
.contents__ttlMain span {
  display: inline-block;
  font-size: 5.0rem;
  font-weight: 900;
  position: relative;
}
.contents__ttlMain span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.contents__ttlMain span:nth-child(1):before {
  background-color: #57B2AD;
}
.contents__ttlMain span:nth-child(2):before {
  background-color: #F5D47B;
}
.contents__ttlMain span:nth-child(3):before {
  background-color: #92C9EB;
}
.contents__ttlMain span:nth-child(4):before {
  background-color: #EAAEC9;
}
.contents__ttlSub {
  display: inline-block;
}
#case .caseHeadline {
  padding: 0;
}


@media (max-width: 599px) {
  #case.contents {
    padding-top: 40px;
  }
  .contents__inner {
    max-width: inherit;
    padding: 0 20px;
    border-radius: 10px 10px 0 0;
  }
  .contents__ttl {
    padding: 40px 0;
  }
  .contents__ttlMain span {
    font-size: 3.0rem;
  }
  .contents__ttlMain span:before {
    width: 6px;
    height: 6px;
    top: -5px;
  }
}



.caseHeadline__ttl {
  margin-bottom: 10px;
  font-size: 3.2rem;
  font-weight: bold;
  color: #57B2AD;
}
.caseHeadline__meta {
  font-size: 2.0rem;
  font-weight: bold;
  color: #777777;
}
.caseHeadline__meta span {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
}
.caseHeadline__img {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.caseHeadline__img img {
  width: calc((100% - 20px) / 2) !important;
}
.caseHeadline__cont {
}
.caseHeadline__detail {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #B2D2D1;
}
.caseHeadline__detailTtl {
  width: 190px;
  font-weight: bold;
}
.caseHeadline__detailCont {
  flex: 1 1 0%;
}
.caseHeadline__detailCont .tag {
  display: inline-block;
  padding: 3px 16px;
  background-color: #57B2AD;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 599px) {
  .caseHeadline__ttl {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
  .caseHeadline__meta {
    font-size: 1.4rem;
  }
  .caseHeadline__meta span {
    font-size: 1.2rem;
  }
  .caseHeadline__img {
    margin: 10px 0 0;
  }
  .caseHeadline__img img {
    width: calc((100% - 10px) / 2) !important;
  }
  .caseHeadline__detail {
    display: block;
    padding: 15px 0;
  }
  .caseHeadline__detailTtl {
    width: auto;
  }
  .caseHeadline__detailCont {
    padding-top: 5px;
  }
  .caseHeadline__detailCont .tag {
    padding: 3px 10px;
    font-size: 1.0rem;
    margin-bottom: 5px;
  }
}


#case .caseContents {
  padding: 0 0 130px;
}
@media (max-width: 599px) {
  #case .caseContents {
    padding: 0 0 80px;
  }
}

.modBox01 {
  box-sizing: border-box;
  margin-top: 50px;
  padding: 35px 30px 15px;
  background-color: #F5FBFA;
  border: 2px solid #79DBD4;
  border-radius: 10px;
}
.modBox01.modBox01--yellow {
  background-color: #FDFCF1;
  border: 2px solid #F5D47B;
}
.modBox01__ttl {
  margin-bottom: 10px;
  text-align: center;
}
.modBox01__ttlJa {
  display: block;
  font-size: 3.5rem;
  font-weight: bold;
}
.modBox01__ttlEn {
  display: block;
}
.modBox01__list {
}
.modBox01__item {
  padding: 15px 0;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: -0.01em;
}
.modBox01__item:nth-child(n + 2) {
  border-top: 1px dotted #79BCB0;
}
.modBox01.modBox01--yellow .modBox01__item:nth-child(n + 2) {
  border-color: #E6BC4B;
}
@media (max-width: 599px) {
  .modBox01__ttlJa {
    font-size: 2.5rem;
  }
  .modBox01__item {
    font-size: 1.6rem;
  }
}


.modIcon01 {
  display: inline-block;
  padding: 5px 0 5px 48px;
  background-repeat: no-repeat;
  background-image: url(../img/for-school/service_a/case/icon01.svg);
  background-size: 38px auto;
  background-position: left 3px;
  font-weight: bold;
}
.modIcon01.modIcon01--yellow {
  background-image: url(../img/for-school/service_a/case/icon02.svg);
}
@media (max-width: 599px) {
  .modIcon01 {
    padding: 5px 0 5px 38px;
    background-size: 28px auto;
    background-position: left 4px;
  }
}




.caseBlock {
  margin-top: 50px;
}
.caseBlock p {
}
.caseBlock__ttl {
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 1px dotted #79BCB0;
  letter-spacing: -0.01em;
}
.caseBlock__ttl.caseBlock__ttl--yellow {
  border-color: #E6BC4B;
}
.caseBlock__ttl.caseBlock__ttl--mt {
  margin-top: 50px;
}
.caseBlock__ttl .modIcon01 {
  background-position: left 6px;
}
.caseBlock__inner {
  display: flex;
}
.caseBlock__cont {
  flex: 1 1 0%;
}
.caseBlock__ttl {
}
.caseBlock__img {
  width: 400px;
  margin-left: 20px;
  text-align: center;
}
.caseBlock__img img {
  width: 100%;
  height: auto;
}
.caseBlock__img img:nth-child(n + 2) {
  margin-top: 30px;
}
.caseBlock__inner.caseBlock__inner--reverse {
  flex-direction: row-reverse;
}
.caseBlock__inner.caseBlock__inner--reverse .caseBlock__img {
  margin-left: 0;
  margin-right: 20px;
}


.caseBlock.caseBlock--img {
  display: flex;
  flex-wrap: wrap;
}
.caseBlock.caseBlock--img img {
  width: calc((100% - 20px) / 2);
}
.caseBlock.caseBlock--img img:nth-child(even) {
  margin-left: 20px;
}
.caseBlock.caseBlock--img img:nth-child(n + 3) {
  margin-top: 20px;
}

@media (max-width: 599px) {
  .caseBlock__inner {
    display: block;
  }
  .caseBlock__img {
    width: auto;
    margin: 10px 0;
  }
  .caseBlock__ttl {
    font-size: 2.0rem;
  }
  .caseBlock__ttl .modIcon01 {
    background-position: left 10px;
  }
  .caseBlock.caseBlock--img {
    display: block;
  }
  .caseBlock.caseBlock--img img {
    width: auto;
  }
  .caseBlock.caseBlock--img img:nth-child(even) {
    margin-left: 0;
  }
  .caseBlock.caseBlock--img img:nth-child(n + 2) {
    margin-top: 20px;
  }
}




.caseLead {
  margin: 50px 0 35px;
}
.caseLead p {
  padding-left: 70px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #57B2AD;
  position: relative;
}
.caseLead p:before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 2px;
  background-color: #57B2AD;
  position: absolute;
  top: 22px;
  left: 0;
}
@media (max-width: 599px) {
  .caseLead p {
    padding-left: 40px;
    font-size: 2.0rem;
  }
  .caseLead p:before {
    width: 30px;
    top: 14px;
  }
}

.text_check {
  font-size: 4.0rem;   
  font-weight: bold;  
  text-align: center;
  line-height: 1.5;
  margin-bottom: 40px;
}

.face_search_yellowbar,
  .text_ai {
    display: block;
    margin: 0 auto 20px;
  }

.text_ai {
  margin-bottom: 4%;
  font-size: 3.0rem;
  color: #4fa39d;
  text-align: center;
  }

  .sp-br {
    display: none;
  }

@media (max-width: 599px) {
  .text_check {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 20px;
  }


  .text_ai {
    font-size: 1.6rem;
    display: block;
    margin: 0 auto 20px;
  }
  
  .face_search_yellowbar img,
  .face_search_SP img {
    display: block;
    margin: 0 auto 20px auto;
  }

  .sp-br {
    display: inline;
  }


}

@media screen and (max-width: 600px) {

  /* スマホ用ヘッダー全体 */
  #gHeaderDefaultSp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 6px 12px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
  }

  .h_contactBtn a{
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 40px;
    border-radius: 25px;
    box-sizing: border-box;
    text-align:center !important;
    text-decoration: none !important;
    color: #fff !important;

  }

  .h_contactBtn.login a{
    background-color: #f39999 !important;
    font-size: 1.3rem;
    font-weight: bold;
  }

   .h_contactBtn.login {
    width: 140px !important;
    box-sizing: border-box; 
    list-style-type: none;
  }

  .h_contactBtn.login a:hover{
    background-color: #ff6c6c !important;
    text-decoration: none !important;
   }

}