.ct {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

html {
  font-size: 11px;
  color: #333; }
body{ font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;}

a {
  color: #666; }
a[href^="tel:"] {
  pointer-events: none; }

p {
/*    text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;*/
  margin-bottom: 1em; }

img {
  max-width: 100%; }

.br_pc:before {
  content: "\A" ;
  white-space: pre ;
}

.br_tab:before,
.br_sp:before {
  content: none;
}

.mb10{ margin-bottom: 10px !important;}

.bg-beige {
  background: #f3f3f2; }
.bg-d-blue {
  background: #1c236d; }

#header {
  height: 0px; }

main {
  margin-top: 0; }

#bread {
  width: 100%;
  max-width: 1000px;
  padding: 10px 50px;
  margin: 100px auto 0;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
}
#bread a{ text-decoration: none;}
#bread a:after {
  content: ">";
  margin: 0 .5em;
}
@media screen and (max-width: 999px){
  #bread { margin-top: 70px;}
}

#intro .mv {
  width: 100%;
/*    max-width: 1000px;*/
/*    height: 440px;*/
  margin: 0 auto;
  background: url(../../img2016/course/mv.jpg) center center/cover no-repeat;
  position: relative;
  padding-top: 100px;
  box-sizing: border-box;
}
#intro .mv h1 {
  font-size: 35px;
  font-size: 3.5rem;
  color: #fff;
  font-weight: normal;
  letter-spacing: .15em;
  padding-bottom: 60px;
}
#intro .mv h1::after {
  display: none; }
#intro .mv p {
  font-size: 17px;
  font-size: 1.7rem;
  color: #fff;
  text-align: center;
  margin-top: 25px;
  letter-spacing: .2em; }

#search_tab{
  background: #f3f3f2;
  border-bottom: 3px solid #1c236d;
  padding-top: 57px;
}
#search_tab ul{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#search_tab li{
  text-align: center;
  letter-spacing: .15em;
  box-sizing: border-box;
  width: 32%;
  font-size: 1.8em;
  line-height: 1.5;
}
#search_tab li.on{
  color: #fff;
  padding: 22px 10px;
  position: relative;
}
#search_tab li.on::after{
  content: "";
  border: 8px solid transparent;
  border-top: 15px solid #1c236d;
  position: absolute;
  left: 50%;
  bottom: -23px;
}
#search_tab li.on.list{ background: #1c236d;}
#search_tab li.on.list::after{ border-top: 15px solid #1c236d;}
#search_tab li.on.purpose{ background: #00afec;}
#search_tab li.on.purpose::after{ border-top: 15px solid #00afec;}
#search_tab li.on.s_map{ background: #047faa;}
#search_tab li.on.s_map::after{ border-top: 15px solid #047faa;}

#search_tab li.link a{
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 22px 10px;
}
#search_tab li.link.list a{ background: #1c236d;}
#search_tab li.link.purpose a{ background: #00afec;}
#search_tab li.link.s_map a{ background: #047faa;}

#search_tab li a:hover {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}



/* ------------------------------
    コースから選ぶ
------------------------------ */
article h3.type {
  background: #2c4198;
  color: #fff;
  margin-bottom: 0;
  padding: 10px;
  font-size: 20px;
  line-height: 1.5;
}
article.orange h3.type { background: #7e678d;}
article#mini h3.type { background:#44a1c5;}
article#advance h3.type { background:#8a9f55;}
article#fudo h3.type { background: #44a1c5;}
article#fx h3.type { background: #c36380;}
article#kyouyou h3.type { background: #7e678d;}
article#mutualfund h3.type { background: #8a9f55;}
article#retirement h3.type { background:#e16f4e;}
article#kabu h3.type { background:#5e76a7;}
article#bitcoin h3.type { background:#D7BA41;}

article ul.content {
  border: 1px solid #1c236d;
  border-top: none;
  padding: 20px;
}

article#kabu ul.content {
  border: 1px solid #5e76a7;
  border-top: none;
  padding: 20px;
}

article#retirement ul.content {
  border: 1px solid #e16f4e;
  border-top: none;
  padding: 20px;
}

article#mutualfund ul.content {
  border: 1px solid #8a9f55;
  border-top: none;
  padding: 20px;
}

article#mini ul.content {
  border: 1px solid #44a1c5;
  border-top: none;
  padding: 20px;
}

article#advance ul.content {
  border: 1px solid #8a9f55;
  border-top: none;
  padding: 20px;
}

article#fudo ul.content {
  border: 1px solid #44a1c5;
  border-top: none;
  padding: 20px;
}

article#fx ul.content {
  border: 1px solid #c36380;
  border-top: none;
  padding: 20px;
}

article#kyouyou ul.content {
  border: 1px solid #7e678d;
  border-top: none;
  padding: 20px;
}

article#bitcoin ul.content {
  border: 1px solid #D7BA41;
  border-top: none;
  padding: 20px;
}

article.orange ul.content { border: 1px solid #e16f4e;}
article ul.content li{
  padding-bottom: 0px;
  /*border-bottom: 1px dashed #898989;
  margin-bottom: 30px;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#no_01 > article > ul > li > div:nth-child(1) {
width: 100%;
}

article ul.content li:last-child{
  border-bottom: 0;
  margin-bottom: 0;
}
article ul.content li h4,
article ul.content li p{
  width: 100%;
  text-align: left;
}
article ul.content li.noimg h4,
article ul.content li.noimg p{
  width: 100%;
  text-align: center;
}

article ul.content li h4{
  padding: 5px 5px 5px 70px;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 0px;
  box-sizing: border-box;
  /*float: left;*/
}

article ul.content .mini h4{
  background: url(/guidance/images/main_school/icn_mini.svg) left center/62px no-repeat;
}

article ul.content .advance h4{
  background: url(/guidance/images/main_school/icn_advance.svg) left center/62px no-repeat;
}

article ul.content .kabu h4{
  background: url(/guidance/images/main_school/icn_kabu.svg) left center/62px no-repeat;
}
article ul.content .fudo h4{
  background: url(/guidance/images/main_school/icn_fudo.svg) left center/56px no-repeat;
}
article ul.content .fx h4{
  background: url(/guidance/images/main_school/icn_fx.svg) left center/56px no-repeat;
}
article ul.content .kyoyo h4{
  background: url(/guidance/images/main_school/icn_kyoyo.svg) left center/56px no-repeat;
}
article ul.content .for50s h4{
  background: url(/guidance/images/main_school/icn_50s.svg) left center/56px no-repeat;
}
article ul.content .mutualfund h4{
  background: url(/guidance/images/main_school/icn_mutualfund.svg) left center/56px no-repeat;
}
article ul.content .bitcoin h4{
  background: url(/guidance/images/main_school/icn_bitcoin.svg) left center/56px no-repeat;
}
article ul.content li h4 span.sub{
  font-size: 16px;
  display: block;
}

article ul.content li p.photo{
  float: right;
  width: 340px;
  height: 220px;
  overflow: hidden;
  position: relative;
}
article ul.content li p.photo img{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
}
article ul.content li.for50s p.photo img{ bottom: 50px;}

article ul.content li.plus p.lead{ font-weight: bold; text-align: left;}
article ul.content li.plus h4{
  padding-left: inherit;
  position: relative;
  text-align: center;
  margin: 40px auto;
}
article ul.content li.plus h4 span.circle{
  font-size: 90%;
  border: 1px solid #ea5520;
  border-radius: 50%;
  padding: 22px 10px;
  margin-right: 10px;
  position: absolute;
  top: -20px;
  left: 8.5em;
}
article ul.content li.plus h4 span.hour{
  display: block;
  color: #333;
  font-size: 13px;
  padding: 12px 22px 11px;
  margin-left: 10px;
  position: absolute;
  top: -17px;
  right: 17em;
  left: auto;
}
article ul.content li.plus h4 .hour img{
  display: block;
  margin: 0 auto 5px;
}
article ul.content li.plus h4 .comment{
  display: block;
  color: #333;
  position: absolute;
  right: 8em;
  top: -5px;
  font-size: .5em;
}
article ul.content li.plus h4 .comment::before{
  content: "";
  display: block;
  border-top: 1px dashed #ea5520;
  transform: rotate(-10deg);
  margin-bottom: 10px;
}
article ul.content li.plus h4 .comment::after{
  content: "";
  display: block;
  border-bottom: 1px dashed #ea5520;
  transform: rotate(10deg);
  margin-top: 10px;
}


article ul.content li h4.new{
  padding-left: 0;
  font-size: 14px;
}
article ul.content li.kabu h4.new{
  background: none;
}
article ul.content li.kabu h4.new svg{
  width: 180px;
  display: block;
  margin-bottom: 15px;
}

article ul.content li.mini h4.new{
  background: none;
}
article ul.content li.mini h4.new svg{
  width: 180px;
  display: block;
  margin-bottom: 15px;
}

article ul.content li.advance h4.new svg{
  width: 180px;
  display: block;
  margin-bottom: 15px;
}

article ul.content li .btn{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 55%;
  margin: 0 auto;
}
article ul.content li .btn a{
  display: block;
  text-align: center;
  width: 283px;
  padding: 5px 18px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
}
article ul.content li .btn a:after{
  content: "";
  background: url(../../guidance/images/common/arrow.svg) right center/25px no-repeat;
  padding: 13px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}


article ul.content .mini h4{ color: #44a1c5;}

article ul.content .mini .btn a{ background: #44a1c5;}

article ul.content .advance h4{ color: #8a9f55;}

article ul.content .advance .btn a{ background :#8a9f55;}

article ul.content .kabu h4{ color: #5e76a7;}

article ul.content .kabu .btn a{ background: #5e76a7;}

p.lead .line_kabu{ border-bottom: 2px solid #5e76a7; padding-bottom: 2px;}

/*article ul.content .fudo{ background: url(../../guidance/images/main_school/img_fudo.jpg) right top/38% no-repeat;}*/
article ul.content .fudo h4{ color: #44a1c5;}
/*article ul.content .fudo p{ margin-bottom: 13em;}*/
article ul.content .fudo .btn a{ background: #44a1c5;}
p.lead .line_fudo{ border-bottom: 2px solid #44a1c5; padding-bottom: 2px;}

/*article ul.content .fx{ background: url(../../guidance/images/main_school/img_fx.jpg) right top/38% no-repeat;}*/
article ul.content .fx h4{ color: #c36380; letter-spacing: -.6px;}
/*article ul.content .fx p{ margin-bottom: 13em;}*/
article ul.content .fx .btn a{ background: #c36380;}
p.lead .line_fx{ border-bottom: 2px solid #c36380; padding-bottom: 2px;}

/*article ul.content .kyoyo{ background: url(../../guidance/images/main_school/img_kyoyo.jpg) right top/38% no-repeat;}*/
article ul.content .kyoyo h4{ color: #7e678d;}
/*article ul.content .kyoyo p{ margin-bottom: 13em;}*/
article ul.content .kyoyo .btn a{ background: #7e678d;}
p.lead .line_kyoyo{ border-bottom: 2px solid #7e678d; padding-bottom: 2px;}

article ul.content .mutualfund h4{ color: #8a9f55; letter-spacing: -.6px;}
/*article ul.content .fx p{ margin-bottom: 13em;}*/
article ul.content .mutualfund .btn a{ background: #8a9f55;}
p.lead .line_mutualfund{ border-bottom: 2px solid #8a9f55; padding-bottom: 2px;}

article ul.content .bitcoin h4{ color: #D7BA41; letter-spacing: -.6px;font-size: 27px;}
article ul.content .bitcoin .btn a{ background: #D7BA41;}
p.lead .line_bitcoin{ border-bottom: 2px solid #D7BA41; padding-bottom: 2px;}

article ul.content .orange h4{ color: #e16f4e;}
article ul.content .orange .btn a{ background: #e16f4e;}

/*article ul.content .for50s{ background: url(../../guidance/images/main_school/img_50s.jpg) right top/38% no-repeat;}*/
/*article ul.content .for50s p{ margin-bottom: 10em;}*/


article ul.content li .btn a.check{
  background: #727171;
  text-align: left;
}

article ul.content ul.point{
  clear: both;
  text-align: left;
  margin-right: -25px;
}
article ul.content ul.point li{
  display: inline-block;
  width: 22%;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid #898989;
  padding: 8px 2px;
  border-radius: 6px;
  font-size: 15px;
  color: #898989;
  text-align: center;
  vertical-align: top;
}
article ul.content ul.point li::before{ content: "";}
article ul.content ul.point li.type01::before{
  padding: 10px;
  margin-right: 8px;
  background: url(/img2016/course/type01.svg) left center/100% no-repeat;
}
article ul.content ul.point li.type02::before{
  padding: 7.5px;
  margin-right: 8px;
  background: url(/img2016/course/type02.svg) left center/100% no-repeat;
}
article ul.content ul.point li.type03{ width: 43%;}
article ul.content ul.point li.type03::before{
  padding: 10px;
  margin-right: 8px;
  background: url(/img2016/course/type03.svg) left center/100% no-repeat;
}
article ul.content ul.point li.type04::before{
  padding: 13px;
  margin-right: 8px;
  background: url(/img2016/course/type04.svg) left center/100% no-repeat;
}
article ul.content ul.point li.type05::before{
  padding: 10px;
  margin-right: 8px;
  background: url(/img2016/course/type05.svg) left center/100% no-repeat;
}
article ul.content ul.point li.type06::before{
    padding: 8px;
  margin-right: 8px;
  background: url(/img2016/course/type06.svg) left center/100% no-repeat;
}

section.course div h3{
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
}
section.course div h3 span.inner{
  display: block;
  font-size: 22px;
  width: 445px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #f3f3f2;
  text-align: center;
  letter-spacing: .2em;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
}
section.course div .course li a.btn{
  border: 1px solid #1c236d;
  color: #1c236d;
}

section.course .mini h3{ border-top: 1px solid #8a9f55;}
section.course .mini h3 span.inner{
  border-top: 2px solid#8a9f55;
  border-bottom: 2px solid #8a9f55;
  color: #44a1c5;
}
section.course .mini .course li a.btn{
  border: 1px solid #8a9f55;
  color: #8a9f55;
}

section.course .kabu h3{ border-top: 1px solid #2c4198;}
section.course .kabu h3 span.inner{
  border-top: 2px solid #2c4198;
  border-bottom: 2px solid #2c4198;
  color: #2c4198;
}
section.course .kabu .course li a.btn{
  border: 1px solid #2c4198;
  color: #2c4198;
}

section.course .fudo h3{ border-top: 1px solid #44a1c5;}
section.course .fudo h3 span.inner{
  border-top: 2px solid #44a1c5;
  border-bottom: 2px solid #44a1c5;
  color: #44a1c5;
}
section.course .fudo .course li a.btn{
  border: 1px solid #44a1c5;
  color: #44a1c5;
}

section.course .fx h3{ border-top: 1px solid #d7063b;}
section.course .fx h3 span.inner{
  border-top: 2px solid #d7063b;
  border-bottom: 2px solid #d7063b;
  color: #d7063b;
}
section.course .fx .course li a.btn{
  border: 1px solid #d7063b;
  color: #d7063b;
}

section.course .mutualfund h3{ border-top: 1px solid#8a9f55;}
section.course .mutualfund h3 span.inner{
  border-top: 2px solid#8a9f55;
  border-bottom: 2px solid #8a9f55;
  color: #8a9f55;
}
section.course .mutualfund .course li a.btn{
  border: 1px solid #8a9f55;
  color: #8a9f55;
}

section.course div .course{
  display: flex;
  margin: 0 -16px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
section.course div .course li{
  width: 33.3%;
  margin-bottom: 50px;
  padding: 0 16px;
  border-left: 1px dashed #898989;
  box-sizing: border-box;
  position: relative;
}
section.course div .course li.double{ width: 66.6%;}
section.course div .course li.double > .inner{
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
section.course div .course li .column{
  margin-left: 3%;
  background: #f3f3f2;
  padding: 15px 15px 0;
  box-sizing: border-box;
  text-align: left;
}
section.course div .course li .column h5{
  margin-bottom: 10px;
  font-size: 15px;
}
section.course div .course li .column p img{ width: 100%;}
section.course div .course li.bottom::after{
  content: "";
  display: block;
  width: 100%;
  padding: 10px;
  border-top: 1px dashed #898989;
  position: absolute;
  bottom: -45px;
  left: 0;
}

section.course h2~.level{
  color: #727171;
  border: 1px solid #727171;
  border-radius: 5px;
  width: 35%;
  margin: 0 auto 20px;
}
section.course div .course li h4{
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.3;
  min-height: 55px;
  text-align: left;
}
section.course div .course li .level{
  color: #727171;
  border: 1px solid #727171;
  border-radius: 5px;
}
section.course div .course li .text{
  text-align: left;
  height: 6em;
}
section.course div .course li a.btn{
  display: block;
  text-decoration: none;
  font-size: 16px;
  padding: 6px;
}

section.course .detail{
  margin-bottom: 40px;
  background: #f3f3f2;
  padding: 30px;
  box-sizing: border-box;
}
section.course .detail h3{
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 18px;
  letter-spacing: 0;
}
section.course .detail dl{ font-size: 16px;}
section.course .detail dt{
  margin-bottom: 50px;
  position: relative;
  padding-left: 5.5%;
}
section.course .detail dt span{
  font-size: 4em;
  margin: 0 15px;
  color: #2c4198;
  vertical-align: -.15em;
}
section.course .detail dt::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #2c4298 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -30px;
}
section.course .detail dd{
  color: #2c4198;
  border-bottom: 5px double #2c4198;
  display: inline;
  padding: 3px;
}

a.btn01{
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #EA5621;
  box-shadow: 0 2px 4px rgba(0,0,0,.15);
  width: 100%;
  max-width: 410px;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 2em;
  padding: 12px 20px;
  position: relative;
  box-sizing: border-box;
}
a.btn01:after {
  content: '';
  padding: 9px;
  background: url(/images/common/arrow02.svg) left center/contain no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
}

a.btn02{
  display: block;
  background: #1c236d;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  position: relative;
}
a.btn02:after {
  content: "";
  background: url(../../guidance/images/common/arrow.svg) right center/25px no-repeat;
  padding: 13px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}


/* ------------------------------
  動画エリア
------------------------------ */
article.common h3.type {
  margin-top: 3em;
  background: #1c236d;
}
article.common .inner{
  border: 1px solid #1c236d;
  border-top: 0;
  padding: 3em 5em;
}
/*.power-box{
  background: #f3f3f2;
  padding: 5em 2em;
}*/
.power-box h2.ttl{
  text-align: center;
  font-size: 2.5em;
  margin: 0 0 20px 0;
  color: #1c236d;
  letter-spacing: .05em;
}
.power-box h2.ttl::after{ content: none;}



/* 1025px以上のモニター */
@media screen and (min-width: 1025px) {
  .pc {
    display: block !important; }

  .tab {
    display: none; }

  .sp {
    display: none; }
  
  #learning .list li:nth-child(3n) {
    margin-right: 0; }

}

/* タブレット */
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .pc {
    display: none; }

  .tab {
    display: block !important; }

  .sp {
    display: none; }
  
  .br_tab:before {
    content: "\A" ;
    white-space: pre ;
  }

  .br_pc:before,
  .br_sp:before {
    content: none;
  }
  
  #intro .mv {
    background: url(/img2016/course/mv.jpg)right top/cover no-repeat;
/*        height: 285px;
    padding-top: 120px;*/
  }
  article ul.content li h4,
  article ul.content li p{
    width: 100%;
    float: none;
  }
  article ul.content li p.photo{
    float: none;
    margin: 0 auto 20px;
  }

  
  article ul.content li .btn a:after {
    background: url(../../guidance/images/common/arrow.svg) right center/20px no-repeat;
    right: 10px;
  }

  article ul.content ul.point li { width: 20%;}
  
  article ul.content li.plus p.lead{ padding-top: inherit;}
  article ul.content li.plus h4{ margin-left: inherit;}
  article ul.content li.plus h4 span.circle { left: 6%;}
  article ul.content li.plus h4 span.hour{ left: auto; right: 6%;}
  article ul.content li.plus h4 .comment{
    left: 30%;
    top: -20px;
    box-sizing: border-box;
    line-height: 2;
  }
  article ul.content li.plus h4 .comment::before{
    transform: rotate(-110deg);
    margin-top: 0;
    margin-bottom: -12px;
    margin-left: 40px;
    width: 30px;
    
  }
  article ul.content li.plus h4 .comment::after{
    transform: rotate(110deg);
    margin-top: -16px;
    margin-left: 150px;
    width: 30px;
  }
  
  section.course div .course li h4{ height: 4em;}
  section.course div .course li .text{ height: 12em;}
  
}

/* 1024px以下のモニター */
@media screen and (max-width: 1024px) {
  #header {
    height: 0px; }

  main {
    margin-top: 90px; }

  section article {
    padding: 65px 0;
    box-sizing: border-box;
  }

  article ul.content li .btn a{
    width: 100%;
    font-size: 18px;
  }
  #search_tab ul { width: 95%;}
  #search_tab li.on::after {
    position: absolute;
    left: calc(50% - 8px);
    bottom: -23px;
  }
  
  article ul.content li.advance p
  article ul.content li.mini p,
  article ul.content li.kabu p,
  article ul.content li.fudo p,
  article ul.content li.fx p,
  article ul.content li.mutualfund p,
  article ul.content li.kyoyo p,
  article ul.content li.bitcoin p,
  article ul.content li.for50s p{
/*        margin-bottom: 15px;*/
    font-size: 12px;
  }
  article ul.content li .btn{ width: 35%;}

  #media ul li {
    width: 13%;
    max-height: 124px; }
  #media ul li:not(:nth-child(6n+6)) {
    margin-right: 4.4%; }
  #media .btn a {
    max-width: 100%; }

  .web_course dl {
    border-top: 1px solid #000;
    margin-bottom: 35px; }
  .web_course dl dt {
    width: 20%;
    padding: 14px 0; }
  .web_course dl dd {
    width: 80%;
    padding: 14px 0; }
  
  article ul.content li h4,
  article ul.content li p{
    width: 100%;
    float: none;
  }
  article ul.content li p.photo{
    float: none;
    margin: 0 auto 20px;
    width: 85%;
  }

  section ul.detail li h2 { font-size: 20px;}
}

/* スマホ未満 */
@media screen and (min-width: 599px) {
  section.course div .course li.left_none{ border-left: 0;}
}

/* 599px以下（スマホ） */
@media screen and (max-width: 599px) {
  .pc {
    display: none; }

  .tab {
    display: none; }

  .sp {
    display: block !important; }

  html {
    font-size: 8px; }

  a[href^="tel:"] {
    pointer-events: visible; }

  section h2 {
    font-size: 20px;
    font-size: 2.4rem; }
  section h2::after {
    width: 50px;
    margin: 10px auto 15px; }
  section h3 {
    font-size: 20px;
    font-size: 2.1rem; }
  section h4 {
    font-size: 15px;
    font-size: 1.5rem; }
  section p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5; }
  section p.lead { font-size: 1.6rem;}

  
  .br_pc:before,
  .br_tab:before{
    content: none;
  }

  .br_sp:before {
    content: "\A" ;
    white-space: pre ;
  }

  #bread {
    display: none; }
  
  main{ margin-top: 87px;}
  
  #search_tab li { font-size: 1.1em;}
  #search_tab li.on,
  #search_tab li.link a{ padding: 15px 5px;}
  #search_tab li.s_map { letter-spacing: -.05em;}

  article h3.type{ font-size: 16px;}
  article ul.content { padding: 25px 15px 0;
  }
  article ul.content li {
    padding-bottom: 0;
    margin-bottom: 1em;
  }
  article ul.content li h4,
  article ul.content li p{ width: 100%;}
  article ul.content li h4{
    font-size: 24px;
/*        letter-spacing: -.6px;*/
    padding-left: 70px;
    padding-bottom: 10px;
    padding-top: 0;
  }
  
  article ul.content .mini h4 { background: url(/guidance/images/main_school/icn_mini.svg) left top/60px no-repeat;}
  article ul.content .advance h4 { background: url(/guidance/images/main_school/icn_advance.svg) left top/60px no-repeat;}
  article ul.content .kabu h4 { background: url(/guidance/images/main_school/icn_kabu.svg) left top/60px no-repeat;}
  article ul.content .fudo h4{ background: url(/guidance/images/main_school/icn_fudo.svg) left top/60px no-repeat;}
  article ul.content .fx h4{ background: url(/guidance/images/main_school/icn_fx.svg) left top/60px no-repeat;}
  article ul.content .kyoyo h4{ background: url(/guidance/images/main_school/icn_kyoyo.svg) left top/60px no-repeat;}
  article ul.content .for50s h4{ background: url(/guidance/images/main_school/icn_50s.svg) left top/60px no-repeat;}
  article ul.content .mutualfund h4{ background: url(/guidance/images/main_school/icn_mutualfund.svg) left top/60px no-repeat;}
  article ul.content li h4 span.sub { 
  font-size: 14px;
  padding-bottom: 5px;
  }

  article ul.content .mini,
  article ul.content .advance,
  article ul.content .kabu,
  article ul.content .fudo,
  article ul.content .fx,
  article ul.content .mutualfund,
  article ul.content .kyoyo,
  article ul.content .for50s{ background: none;}
 
  article ul.content .mini p.photo,
  article ul.content .advance p.photo,
  article ul.content .kabu p.photo,
  article ul.content .fudo p.photo,
  article ul.content .fx p.photo,
  article ul.content .mutualfund p.photo,
  article ul.content .kyoyo p.photo,
  article ul.content .for50s p.photo{
    height: 100px;
    width: 100%;
  }


  article ul.content li.for50s p.photo img{
    bottom: -10px;
    top: auto;
  }

  article ul.content li.plus p.lead{ padding-top: inherit;}
  article ul.content li.plus h4{
    margin-left: inherit;
    font-size: 22px;
    margin-bottom: 20px;
  }
  article ul.content li.plus h4 span.circle{
    font-size: 80%;
    padding: 12px 5px;
    margin-right: 5px;
    left: 5%;
    top: -10px;
  }
  article ul.content li.plus h4 span.hour{
    padding: 6px 11px 2px;
    font-size: 11px;
    top: -10px;
    right: 4%;
    left: auto;
  }
  article ul.content li.plus h4 .hour img{
    width: 12px;
    margin-bottom: 2px;
  }
  article ul.content li.plus h4 .comment{
    left: 0;
    right: 0;
    top: -20px;
    box-sizing: border-box;
    line-height: 2;
    font-size: .7em;
  }
  article ul.content li.plus h4 .comment::before{
    transform: rotate(-110deg);
    margin-top: 0;
    margin-bottom: -12px;
    margin-left: 30%;
    width: 30px;

  }
  article ul.content li.plus h4 .comment::after{
    transform: rotate(110deg);
    margin-top: -18px;
    margin-left: 60%;
    width: 30px;
  }

article ul.content li .btn {width: 100%;
}

  article ul.content li .btn a{
      width: 276px;
  margin: 10px auto 20px;
    font-size: 16px;
  }
  article ul.content li .btn a.check{ text-align: center;}
  article ul.content li .btn a:after {
    background: url(/guidance/images/common/arrow.svg) right center/20px no-repeat;
    right: 20px;
  }
  
  article ul.content ul.point{
    margin-right: -6px;
    margin-bottom: 15px;
  }
  article ul.content ul.point li,
  article ul.content ul.point li.type03{
    width: 46%;
    font-size: 12px;
    margin-right: 3px;
    margin-bottom: 6px;
  }
  
  section.course h2~.level{ width: 90%;}
  section.course div h3 span.inner{
    width: 80%;
    font-size: 18px;
    top: -2em;
  }
  section.course div .course li { width: 50%;}
  section.course div .course li .text {
    height: 10em;
    font-size: 12px;
  }
  section.course div .course li.double{ width: 100%;}
  section.course div .course li.double > .inner{ width: 47%;}
  section.course div .course li:nth-child(3n-2){ border-left: 1px dashed #898989;}
/*    section.course div .course li:nth-child(odd),
  section.course div .course li.sp_left_none{ border-left: none;}*/
  section.course div .course li::after{
    content: "";
    display: block;
    width: 100%;
    padding: 10px;
    border-top: 1px dashed #898989;
    position: absolute;
    bottom: -45px;
    left: 0;
  }
  
  section.course .detail dt{ padding-left: 0;}
  section.course .detail dt span{ display: block;}

  #no_02 .btn a{ width: 95%;}
  
  a.btn01::after{ padding: 8px;}
  a.btn02{ font-size: 16px;}
  a.btn02:after {
    background: url(/guidance/images/common/arrow.svg) right center/20px no-repeat;
    right: 10px;
  }

  #no_01 > article > ul > li {
  display: block;
  }

  section article {
    padding: 0 !important;
    box-sizing: border-box;
  }
  
  article.common .inner{ padding: 3em;}
}

/* 横幅狭いスマホ（iPhone5等） */
@media screen and (max-width: 320px) {
  #learning .list li.kyoyo{
    padding: 25px 10px 10px;
  }
/*    article ul.content li p{ padding-top: 120px;}*/
  article ul.content .for50s p.photo img{ bottom: -15px;}
  article ul.content li.plus h4{ font-size: 18px;}
  
  article ul.content li h4{ letter-spacing: -.6px;}
  article ul.content .fx h4{ font-size: 22px;}
  article ul.content li.plus h4 span.circle{ left: 0;}
  article ul.content li.plus h4 span.hour{ right: 0; left: auto;}
  
  article ul.content li.plus h4 .comment::after{ margin-top: -12px;}

  section ul.detail li h2{ font-size: 14px;}
}



/* 動画埋め込みレスポンシブ対応 */
.video_wrap{
  max-width: 760px;
  margin:50px auto 20px;
}
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


@media screen and (min-width: 599px) {
    
.m_lead {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  margin-top:40px;
}
}

@media screen and (max-width: 599px) {	
.m_lead {
  font-size: 1.6rem;
  line-height: 1.8;
  width:90%;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:40px;
}
}

/* ------------------------------
誘導エリア
------------------------------ */
.induction_area * {
  box-sizing: border-box;
}
.induction_area {
  margin-bottom: 50px;
  text-align: center;
}
.induction_area h2 {
  display: inline-block;
  position: relative;
  margin: 1em 0 1.5em;
  padding: 0 1.2em;
  color: #1c2569;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.induction_area h2::before,
.induction_area h2::after {
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 1.2em;
  background: #1c2569;
  content: '';
}
.induction_area h2::before {
  left: 0.4em;
  transform: rotate(-40deg);
}
.induction_area h2::after {
  right: 0.4em;
  transform: rotate(40deg);
}
.induction_area .main {
  padding: 5px;
}
.induction_area .main_inner {
  overflow: hidden;
  padding: 18px 2.5%;
  border: 2px solid #fff;
  text-align: left;
}
.induction_area .main .txt h3 {
  margin: 0 0 1em;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.induction_area .main .txt p {
  font-size: 16px;
}
.induction_area .main .img {
  max-height: 170px;
  overflow: hidden;
}
.induction_area .main .img img {
  width: 100%;
  max-height: 170px;
  object-fit: cover;
  object-position: center;
}
.induction_area .main .btn {
  display: inline-block;
  position: relative;
  width: 230px;
  padding: 0.7em 1.5em 0.7em 0.7em;
  background: #ea5520;
  border: 1px solid #fff;
  border-radius: 9999px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
}
.induction_area .main .btn.wide {
  width: 300px;
}
.induction_area .main .btn::after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
}
.induction_area .main .btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.induction_area .kabu {
  background: rgba(98, 118, 163, 0.1);
}
.induction_area .kabu .txt h3 {
  color: #6276a3;
}
.induction_area .fudo {
  background: rgba(68, 161, 197, 0.1);
}
.induction_area .fudo .txt h3 {
  color: #44a1c5;
}
.induction_area .mutualfund {
  background: rgba(138, 159, 85, 0.1);
}
.induction_area .mutualfund .txt h3 {
  color: #8a9f55;
}
.induction_area .kyouyou {
  background: rgba(126, 103, 141, 0.1);
}
.induction_area .kyouyou .txt h3 {
  color: #7e678d;
}
.induction_area .retirement {
  background: rgba(225, 111, 78, 0.1);
}
.induction_area .retirement .txt h3 {
  color: #e16f4e;
}
.induction_area .fx {
  background: rgba(195, 99, 128, 0.1);
}
.induction_area .fx .txt h3 {
  color: #c36380;
}
.induction_area .advance {
  background: rgba(138, 159, 85, 0.1);
}
.induction_area .advance .txt h3 {
  color: #8a9f55;
}
.induction_area .shuekimyhome {
  background: rgba(68, 161, 197, 0.1);
}
.induction_area .shuekimyhome .txt h3 {
  color: #44a1c5;
}
.induction_area .margin_trading {
  background: rgba(94, 118, 167, 0.1);
}
.induction_area .margin_trading .txt h3 {
  color: #5e76a7;
}
.induction_area .bitcoin {
  background: rgba(215, 186, 65, 0.1);
}
.induction_area .bitcoin .txt h3 {
  color: #d7ba41;
}
.induction_area .foreign_stock {
  background: rgba(94, 118, 167, 0.1);
}
.induction_area .foreign_stock .txt h3 {
  color: #5e76a7;
}
.induction_area .kyouyousemi {
  background: rgba(234, 85, 32, 0.08);
}
@media screen and (min-width: 600px) {
  .induction_area .main .txt {
    width: 59%;
    float: right;
  }
  .induction_area .main .txt p {
    margin-bottom: 0;
  }
  .induction_area .main .img {
    width: 38%;
    float: left;
  }
  .induction_area .main .btn_area {
    width: 59%;
    margin-top: 10px;
    float: right;
  }
  .induction_area .main .btn {
    margin-top: 10px;
  }
  .induction_area .main .btn:nth-child(1) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 599px) {
  .induction_area {
    margin-bottom: 30px;
  }
  .induction_area h2 {
    font-size: 16px;
  }
  .induction_area .main_inner {
    padding: 5%;
  }
  .induction_area .main .txt p {
    font-size: 14px;
  }
  .induction_area .main .txt h3 {
    font-size: 16px;
  }
  .induction_area .main .btn_area {
    margin-top: 25px;
  }
  .induction_area .main .btn {
    width: 100%;
    padding: 0.9em 1.5em 0.9em 0.7em;
    font-size: 14px;
  }
  .induction_area .main .btn.wide {
    width: 100%;
  }
  .induction_area .main .btn + .btn {
    margin-top: 20px;
  }
}

/* inc_school */
.induction_area.inc_school {
  font-size: 16px;
}
.induction_area.inc_school .main_inner {
  text-align: center;
}
.induction_area.inc_school .inc_ttl {
  margin-bottom: 1em;
  font-size: 20px;
  font-weight: bold;
}
.induction_area.inc_school .inc_lead {
  display: inline-block;
  margin-bottom: 2em;
  font-weight: bold;
}
.induction_area.inc_school .school_thumbnail {
  width: 100%;
  max-width: 560px;
}
.induction_area.inc_school .main_txt {
  display: inline-block;
  max-width: 560px;
  margin: 1.5em 0 2em;
  text-align: left;
}
.induction_area.inc_school .main_txt .strong {
  font-weight: bold;
}
.induction_area.inc_school .btn_area {
  width: 100%;
  margin-top: 0;
}
.induction_area.inc_school .btn_area .btn_msg {
  margin-bottom: 0.5em;
  color: #ea5520;
}
.induction_area.inc_school .btn_area .btn {
  margin-top: 0;
}
.induction_area.inc_school .btn_area .btn_note {
  margin-top: 0.5em;
} 
.induction_area.inc_school .kyouyousemi .inc_ttl {
  color: #ea5520;
}
@media screen and (max-width: 599px) {
  .induction_area.inc_school {
    font-size: 14px;
  }
  .induction_area.inc_school .inc_ttl {
    font-size: 16px;
  }
  .induction_area.inc_school .inc_lead {
    margin-bottom: 1.5em;
  }
}

/* webseminar_box */
.webseminar_box,
.webseminar_box * {
  box-sizing: border-box;
}
.webseminar_box {
  width: 100%;
  margin: 50px auto;
  background: #fdfbf4;
  border: 10px solid #035E3D;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  text-align: center;
}
.webseminar_box .ttl_01 {
  display: inline-block;
  position: relative;
  width: 475px;
  height: 61px;
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.webseminar_box .ttl_01 .txt {
  display: block;
  position: relative;
  width: 465px;
  background-color: #fff;
  border: 1px solid #a28503;
  border-bottom: none;
}
.webseminar_box .ttl_01 .beak {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  border-top: 20px solid #a28503;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
}
.webseminar_box .ttl_01 .beak::after {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  border-top: 18px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  content: '';
}
.webseminar_box .ttl_01 .shadow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 8px, 100% 100%, 10px 100%, 0 calc(100% - 8px));
  background-color: #a28503;
}
.webseminar_box .ttl_01 .strong {
  font-size: 28px;
}
.webseminar_box .ttl_02 {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  padding-top: 0.2em;
  padding-left: 1.2em;
  color: #000;
  font-size: 30px;
  font-weight: bold;
}
.webseminar_box .ttl_02 .strong {
  color: #ea5520;
  font-size: 38px;
}
.webseminar_box .ttl_02 .strong .txt_s {
  font-size: 30px;
}
.webseminar_box .deco_01 {
  position: absolute;
  left: 0;
  bottom: 1.2em;
}
.webseminar_box .webseminar_btn {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 0.6em 1.3em;
  background: linear-gradient(to right, rgba(218,93,52,1) 0%,rgba(227,71,103,1) 100%);
  border-radius: 9999px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 1.4;
}
.webseminar_box .webseminar_btn::after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  text-decoration: none;
  content: '';
}
.webseminar_box .webseminar_btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
@media screen and (min-width: 750px) {
  .webseminar_box {
    display: grid;
    grid-template-columns: 500px auto;
    justify-content: center;
  }
  .webseminar_box .ttl_area {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-top: 35px;
  }
  .webseminar_box .img_area {
    grid-column: 2/3;
    grid-row: 1/3;
    align-self: center;
    padding: 10px 10px 5px;
  }
  .webseminar_box .btn_area {
    grid-column: 1/2;
    grid-row: 2/3;
    padding-bottom: 20px;
    align-self: center;
  }
  .webseminar_box .img_area .pc_img {
    width: 100%;
    max-width: 269px;
  }
  .webseminar_box .img_area .sp_img {
    display: none;
  }
}
@media screen and (max-width: 849px) {
  .webseminar_box .ttl_area {
    align-self: center;
    padding-top: 20px;
  }
  .webseminar_box .ttl_02 {
    padding-top: 0;
    padding-bottom: 0.4em;
    line-height: 1.6;
  }
}
@media screen and (max-width: 749px) {
  .webseminar_box {
    padding: 28px 3% 25px;
  }
  .webseminar_box .ttl_area {
    padding-top: 0;
  }
  .webseminar_box .img_area .sp_img {
    width: 100%;
    max-width: 299px;
  }
  .webseminar_box .img_area .pc_img {
    display: none;
  }
  .webseminar_box .webseminar_btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 599px) {
  .webseminar_box {
    padding: 20px 3% 18px;
  }
  .webseminar_box .ttl_area {
    margin-bottom: 10px;
  }
  .webseminar_box .ttl_01 {
    width: 100%;
    max-width: 330px;
    height: 40px;
    font-size: 14px;
  }
  .webseminar_box .ttl_01 .txt {
    width: calc(100% - 6px);
  }
  .webseminar_box .ttl_01 .beak {
    bottom: -7px;
  }
  .webseminar_box .ttl_01 .shadow {
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 5px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  }
  .webseminar_box .ttl_01 .strong {
    font-size: 18px;
  }
  .webseminar_box .ttl_02 {
    padding-top: 0.1em;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 1.6;
  }
  .webseminar_box .ttl_02 .strong {
    font-size: 25px;
  }
  .webseminar_box .ttl_02 .strong .txt_s {
    font-size: 20px;
  }
  .webseminar_box .deco_01 {
    width: 26px;
    height: auto;
  }
  .webseminar_box .webseminar_btn {
    margin-top: 15px;
    padding: 0.75em 1.3em;
    font-size: 16px;
  }
}