@charset "UTF-8";
/* CSS Document */
/* line 5, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 6, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
body {
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
  font-size: 16px;
  line-height: 1.9;
  background: #FFF;
  color: #000;
}

/* line 11, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 16px;
  font-weight: normal;
}

/* line 12, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}

/* line 13, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
a {
  text-decoration: none;
  color: inherit;
}

/* line 14, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
ul, li, ol, dl, dt, dd {
  list-style: none;
}

/* line 16, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header {
  /*background: #F1F3F8*/
  background: #FFF;
  padding: 1rem 1rem 0;
  text-align: center;
}

/* line 17, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header h1 {
  color: #FFB500;
  font-size: 1.5rem;
  font-weight: 600;
}

/* line 18, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.ptl header h1 {
  color: #439078;
}

/*
header ul{display:flex; flex-wrap:wrap; justify-content:center; padding:1rem 0.5rem 0;  text-align: center;}
paddhing-topが邪魔なので修正
*/
/* line 23, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0rem 1rem 0;
  text-align: center;
}

/* line 24, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul {
  margin-bottom: 0;
}

/* line 25, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul li {
  margin: 0 0.3rem 1rem;
}

/* line 26, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul li.banner {
  width: 47%;
  margin: 0 0.3rem 0rem;
}

/* line 27, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul li.sns {
  width: 9%;
}

/* line 28, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul.login {
  padding: 0;
  margin: 0 -1rem;
}

/* line 29, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul.login li {
  width: 50%;
  margin: 0.3rem 0 0;
  border: 1px #fff solid;
}

/* line 30, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
header ul.login li a {
  display: block;
  /*background:#FFB500*/
  background: #5e85bc;
  color: #fff;
  /*font-size: 1.4rem*/
  font-size: 20px;
  /* padding: 0.5rem 0*/
  padding: 0.2rem 0;
}

/* line 31, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.ptl header ul.login li a {
  /*background:#439078*/
  background: #5e85bc;
}

/*
@media screen and (min-width:768px) {
*/
@media screen and (min-width: 800px) {
  /* line 36, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header {
    text-align: left;
    padding: 1rem 1rem 0.6rem;
  }

  /*
  header > div{width: 1240px; margin: 0 auto; padding: 0 2rem;}
  */
  /* line 40, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header > div {
    width: 100%;
    /*min-width: 1050px*/
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 2rem;
  }

  /* line 41, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header h1 {
    display: inline-block;
  }

  /* line 42, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .hd_links {
    float: right;
    margin-top: -0.5rem;
  }

  /* line 43, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.hd_links {
    padding-right: 10px;
  }

  /* line 44, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header ul {
    display: inline-block;
  }

  /* line 45, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header ul li {
    display: inline-block;
  }

  /* line 46, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header ul li.banner {
    width: 176px;
  }

  /* line 47, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header ul li.sns {
    width: 27.5px;
    margin: 0 0.1rem 1rem;
  }

  /* line 48, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header ul.login li {
    width: inherit;
    border: none;
    margin-left: 0.8rem;
  }

  /* line 49, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header ul.login li.regist {
    display: none;
  }

  /* line 50, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  header ul.login li a {
    background: #1C2F5A;
    font-size: 1rem;
    padding: 0.3rem 2.5rem;
    border-radius: 0.5rem;
  }

  /* line 51, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .ptl header ul.login li a {
    background: #1C2F5A;
  }
}
/* line 54, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.main {
  height: 50vh;
  background: url("/assets/lp/pathology-a6c6b158eecb269207139dedfeffda5b9bd585678e69e8c354391e2e5ea5eea2.jpg") no-repeat center center;
  position: relative;
  background-size: cover;
}

/* line 55, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.familial-tumors {
  background: url("/assets/lp/tumor-f5d8f0aa74b3d063b7d98ab3ad44bc7f13b27c3bc7b766ab466eeb1d5e3aac09.jpg") no-repeat center center;
  background-size: cover;
}

/* line 56, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.main h2 {
  width: 100%;
  font-size: 1.45rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px 0px;
}

/* line 57, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.main .btn_main {
  display: none;
}

/* line 58, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.familial-tumors h2 {
  width: 100%;
  font-size: 1.6rem;
  font-weight: lighter;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  max-width: 550px;
  background-color: rgba(5, 5, 100, 0.3);
  /*background: linear-gradient(to bottom right, rgba(255,215,0,0.9), rgba(255,00,0,0.6))*/
  color: #f0f8ff;
  padding: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 2px 2px 3px #404040;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 2px;
}

/* line 59, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.pathology h2 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: lighter;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  max-width: 550px;
  background-color: rgba(5, 5, 60, 0.5);
  /*background: linear-gradient(to bottom right, rgba(255,215,0,0.9), rgba(255,00,0,0.6))*/
  color: #f0f8ff;
  padding: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 1px 2px 3px #404040;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 1px;
  line-height: 30px;
}

@media screen and (min-width: 768px) {
  /* line 61, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .main {
    height: 380px;
    background-size: cover;
    background-position: center;
  }

  /* line 62, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .main h2 {
    top: 35%;
    font-size: 2rem;
    line-height: 1.7;
  }

  /* line 63, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .familial-tumors h2 {
    top: 35%;
    font-size: 2rem;
    line-height: 1.7;
    color: #f0f8ff;
  }

  /* line 64, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .pathology h2 {
    top: 35%;
    font-size: 1.8rem;
    line-height: 1.7;
    color: #f0f8ff;
  }

  /* line 65, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .main .btn_main {
    width: 332px;
    display: block;
    position: absolute;
    bottom: 17%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /*background:#FFB500*/
    background: #5e85bc;
    color: #fff;
    font-size: 1.2rem;
    padding: 0.5rem 0;
    border: 1px #fff solid;
    border-radius: 0.5rem;
    text-align: center;
  }

  /* line 67, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .ptl .main .btn_main {
    /*background:#439078*/
    background: #5e85bc;
  }

  /* line 68, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .main .btn_main img {
    height: 0.8em;
    margin-right: 0.5rem;
    vertical-align: middle;
  }
}
/* line 71, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section {
  padding: 1rem;
}

/* line 72, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.or {
  background: #FFF0CC;
}

/* line 73, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.gr {
  background: #D9E9E4;
}

/* line 74, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.fst {
  padding: 4rem 1rem 3rem;
  /*border-bottom: 1px #000 solid*/
}

/* line 75, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.ptl section.fst {
  border-bottom: none;
}

/* line 76, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.contl {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.5rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* line 77, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.waku {
  background: #fff;
  border: 1px #000 solid;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
  margin-bottom: 2rem;
  font-weight: 600;
  text-align: center;
}

/* line 78, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.ptl section.fst .bx-center {
  margin: 2rem 0 0;
}

@media screen and (min-width: 768px) {
  /* line 80, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.fst {
    text-align: center;
    padding: 4rem 3rem 0;
    border-bottom: none;
    max-width: 1100px;
    margin: 0 auto;
  }

  /* line 81, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .waku {
    display: inline-block;
    padding: 1.5rem 2rem;
    margin: 0 auto 3rem;
  }

  /* line 82, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .waku li {
    display: inline-block;
  }

  /* line 83, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .waku li:first-child {
    margin-right: 2rem;
  }

  /* line 84, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.fst .tx-normal {
    padding-bottom: 3rem;
    /*border-bottom: 1px #000 solid;*/
  }

  /* line 85, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .ptl section.fst .tx-normal {
    padding-bottom: 0rem;
    border-bottom: none;
  }

  /* line 86, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .ptl section.fst .bx-center {
    padding: 1rem 0 3rem;
  }

  /*
  .tx-normal{text-align: left; width: 1090px; margin: 0 auto;}
  */
  /* line 90, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .tx-normal {
    text-align: left;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
}
/* line 93, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.snd {
  padding: 3rem 1rem 3rem;
}

/* line 94, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.ptl section.snd {
  /*border-bottom: 1px #000 solid*/
}

/* line 95, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.tx-stl {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

/* line 96, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.bx-flex {
  padding: 2.5rem 0 1rem;
}

/* line 97, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.bx-flex h4 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 0.8rem;
}

/* line 98, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.bx-flex img {
  margin: 1rem 15% 1.5rem;
  width: 70%;
}

/* line 99, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.btn_att {
  display: block;
  position: relative;
  margin: 0.5rem 0;
  text-align: center;
}

/* line 100, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.btn_att span {
  display: inline-block;
  width: 100%;
  position: absolute;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  /* line 102, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.snd .contl {
    margin-bottom: 1rem;
  }

  /* line 103, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .ptl section.snd {
    border-bottom: none;
    padding-bottom: 0;
  }

  /* line 104, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-flex {
    display: flex;
    width: 1090px;
    margin: 0 auto 2.5rem;
  }

  /* line 105, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-flex > div {
    width: 50%;
    position: relative;
    padding-left: 0.5rem;
  }

  /* line 106, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-flex img {
    margin: 0.5rem 1rem;
    width: 274px;
    position: absolute;
    top: 0;
    right: 1rem;
  }

  /* line 107, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .btn_att {
    width: 495px;
    margin: 0.5rem auto;
    font-size: 1.4rem;
  }

  /* line 108, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .ptl section.snd .bx-center {
    /*width: 1090px*/
    width: 100%;
    margin: 0 auto;
    /*border-bottom: 1px #000 solid*/
    padding-bottom: 3rem;
  }
}
/* line 111, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.trd {
  /*border-bottom: 1px #000 solid*/
  padding-bottom: 3rem;
}

/* line 112, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.trd h3 img {
  margin: 2rem 0 1rem;
}

/* line 113, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.trd h3.course {
  margin: 3rem 0 1rem;
}

/* line 114, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course {
  margin: 2rem 0 3rem;
}

/* line 115, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course li {
  padding: 0.7rem;
  margin: 0 -1rem;
}

/* line 116, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course li:nth-of-type(2n) {
  background: #E8EDF4;
}

/* line 117, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course li p {
  display: inline-block;
  font-weight: 600;
  width: 42%;
  padding-left: 2.5rem;
}

/* line 118, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course li span {
  display: inline-block;
  background: #0085FF;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.3rem 1.2rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
}

/* line 119, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course li span.test {
  background: #00488B;
}

/* line 120, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course div p {
  display: inline-block;
  font-weight: 600;
  width: 42%;
  padding-left: 1rem;
}

/* line 121, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course div span {
  display: inline-block;
  background: #0085FF;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.3rem 1.2rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  height: 38px;
}

/* line 122, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course div span.test {
  background: #00488B;
}

/* line 123, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
div.course div.driver {
  padding-top: 2px;
  padding-bottom: 2px;
}

@media screen and (min-width: 768px) {
  /* line 126, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.trd {
    border-bottom: none;
    padding-bottom: 0;
  }

  /* line 127, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.trd h3 br:nth-of-type(2) {
    display: none;
  }

  /* line 128, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.trd img.cancer {
    width: 80%;
    max-width: 1100px;
  }

  /* line 129, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course {
    /*width: 1090px*/
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 3rem;
    padding: 0 0;
  }

  /* line 130, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  /* line 131, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course ul li {
    width: 33.33%;
    margin: 0 0;
  }

  /* line 133, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
  }

  /* line 134, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div {
    width: 33.33%;
    margin: 0 0;
    min-width: 300px;
  }

  /* line 136, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course li:nth-of-type(2n) {
    background: #FFF;
  }

  /* line 137, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course li:nth-of-type(n+4) {
    background: #E8EDF4;
  }

  /* line 138, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course li:nth-of-type(n+7) {
    background: #FFF;
  }

  /* line 139, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course li:nth-of-type(n+10) {
    background: #E8EDF4;
  }

  /* line 140, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course li:nth-of-type(n+13) {
    background: #FFF;
  }

  /* line 141, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course li p {
    width: 42%;
    padding-left: 2rem;
  }

  /*
  section.trd .bx-center{width: 1090px; margin: 0 auto; border-bottom: 1px #000 solid; padding-bottom: 3rem;}
  */
  /* line 145, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.trd .bx-center {
    width: 100%;
    margin: 0 auto;
    /*border-bottom: 1px #000 solid*/
    padding-bottom: 3rem;
  }
}
/* driverの行ごとの背景色*/
@media screen and (min-width: 200px) and (max-width: 767px) {
  /* line 150, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(2n) {
    background: #E8EDF4;
  }

  /* line 151, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.cource p {
    padding-left: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 154, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(3) {
    background: #E8EDF4;
  }

  /* line 155, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(4) {
    background: #E8EDF4;
  }

  /* line 156, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(7) {
    background: #E8EDF4;
  }

  /* line 157, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(8) {
    background: #E8EDF4;
  }

  /* line 158, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(11) {
    background: #E8EDF4;
  }

  /* line 159, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(12) {
    background: #E8EDF4;
  }
}
@media screen and (min-width: 992px) {
  /* line 162, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(4) {
    background: #E8EDF4;
  }

  /* line 163, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(5) {
    background: #E8EDF4;
  }

  /* line 164, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(6) {
    background: #E8EDF4;
  }

  /* line 165, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(10) {
    background: #E8EDF4;
  }

  /* line 166, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(11) {
    background: #E8EDF4;
  }

  /* line 167, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  div.course div.driver:nth-of-type(12) {
    background: #E8EDF4;
  }
}
/* line 171, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.fth {
  /*border-bottom: 1px #000 solid*/
  padding: 3rem 1rem;
}

/* line 172, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.fth .btn_att {
  margin: 2rem 0 0.5rem;
}

@media screen and (min-width: 768px) {
  /* line 174, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.fth {
    border-bottom: none;
    padding: 4rem 3rem 0;
    max-width: 1100px;
    margin: 0 auto;
  }

  /* line 175, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.fth .contl {
    margin: 1rem 0 2.5rem;
  }

  /* line 176, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.fth .bx-center {
    /*width: 1090px*/
    width: 100%;
    margin: 0 auto;
    /* border-bottom: 1px #000 solid*/
    padding-bottom: 3rem;
  }

  /* line 177, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.fth .btn_att {
    margin: 3rem auto 1rem;
  }
}
/* line 180, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.point {
  padding: 3rem 1rem 1rem;
}

/* line 181, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.point > div:nth-of-type(2) {
  padding-bottom: 2.5rem;
}

/* line 182, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.yl_tl {
  color: #FFB500;
  letter-spacing: 2px;
}

/* line 183, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.yl_tl b {
  font-weight: normal;
  font-size: 22px;
}

/* line 184, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.gr_tl {
  color: #439078;
  letter-spacing: 2px;
}

/* line 185, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.gr_tl b {
  font-weight: normal;
  font-size: 22px;
}

/* line 186, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.bl_tl {
  color: #5e85bc;
  letter-spacing: 2px;
}

/* line 187, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.bl_tl b {
  font-weight: normal;
  font-size: 22px;
}

/* line 189, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.contL {
  /*font-size: 1.6rem*/
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0.5rem 0 1rem;
}

/* line 190, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.bx-img {
  margin: 1.5rem -1rem;
}

@media screen and (min-width: 768px) {
  /* line 192, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.point {
    /*width: 1090px*/
    width: 100%;
    margin: 2.8rem auto 5rem;
    position: relative;
  }

  /* line 193, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-hasimg {
    padding-right: 588px;
  }

  /* line 194, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-hasLimg {
    padding-left: 588px;
  }

  /* line 195, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-hasimg .tx-normal {
    width: 484px;
  }

  /* line 196, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-hasLimg .tx-normal {
    width: 484px;
  }

  /* line 197, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-right {
    position: absolute;
    top: 0;
    right: 1rem;
  }

  /* line 198, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-left {
    position: absolute;
    top: 0;
    left: 1rem;
  }

  /* line 200, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .bx-img {
    /*width: 45%;*/
  }

  /* line 201, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .contL {
    font-size: 23px;
  }
}
/* line 204, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
section.news {
  padding: 1rem 1rem;
}

/* line 205, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.news li {
  padding: 0.6rem 0 0.4rem;
  border-bottom: 1px #000 solid;
}

/* line 206, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.news li:last-child {
  border-bottom: none;
}

/* line 207, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.news_date {
  color: #FFB500;
}

/* line 208, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.ptl .news_date {
  color: #439078;
}

/* line 209, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.news h3 {
  text-align: center;
}

@media screen and (min-width: 768px) {
  /* line 211, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  section.news {
    padding: 2rem 1rem 2.2rem;
  }

  /* line 212, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .news h3,
  .news ul {
    width: 100%;
    margin: 0 auto;
  }

  /* line 217, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .news ul li {
    display: flex;
    padding: 0.6rem 3rem 0.3rem 1rem;
  }

  /* line 218, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .news_date {
    width: 15%;
    letter-spacing: 2px;
  }

  /* line 219, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .news_cont {
    width: 80%;
  }
}
/* line 222, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
footer {
  /*background: #FFB500*/
  background: #5e85bc;
  color: #fff;
  padding: 2rem 3rem;
}

/* line 223, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.ptl footer {
  /*background: #439078*/
  background: #5e85bc;
}

/* line 224, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
footer ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2rem;
}

/* line 225, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
footer li {
  width: 50%;
  font-size: 12px;
  padding: 0.2em 0;
}

/* line 226, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
footer li img {
  height: 1em;
  vertical-align: middle;
  margin-right: 0.5em;
}

/* line 227, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
footer p {
  font-size: 11px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  /* line 229, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  footer {
    padding: 1.5rem 3rem 0.5rem;
  }

  /* line 230, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  footer > div {
    /*width: 1240px*/
    width: 100%;
    margin: 0 auto;
  }

  /* line 231, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  footer ul {
    display: inline-flex;
    padding-bottom: 1rem;
  }

  /* line 232, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  footer li {
    width: auto;
    padding: 0 0.5em;
  }

  /* line 233, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  footer p {
    display: inline-block;
    float: right;
    padding-top: 0.5rem;
  }
}
/* line 236, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
img.site_logo {
  max-height: 36px;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  /* line 238, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  img.site_logo {
    width: 30%;
    max-width: 400px;
  }
}
/*==========================

  各section
  
============================*/
/* line 248, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec01 {
  width: 90%;
  margin: 0 auto 70px;
  background: #fff;
  padding-top: 60px;
}

/* line 254, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec01 .contain {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}

/* line 255, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec01 .contain img.pc {
  width: 100%;
}

/* line 256, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec01 .txt {
  margin-bottom: 20px;
  width: 99%;
  margin: 0 auto 20px;
}

/* line 258, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02, #sec03 {
  width: 97%;
  margin: 0 auto;
  max-width: 1680px;
}

/*
#sec02{border-top:#eee 2px solid;max-width: 1100px;}
*/
/* line 262, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 ul {
  display: table;
  margin: auto;
}

/* line 263, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 ul li {
  display: table-cell;
  width: 50%;
  list-style: none;
}

/* line 266, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 li.bg01 {
  background: url("/assets/lp/bg01-12bc1e6702ead36a8c664040c16411f3f7a24e8edd396bd4d0676ee2f64514e7.png") no-repeat;
  background-position: left;
  background-size: contain;
  text-indent: -9999em;
}

/* line 270, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 li.bg02 {
  background: url("/assets/lp/bg02-9a080b8561e4fdf3635267c0b55f28d45c9e607dfaaccda1150ca251617b12f5.png") no-repeat;
  background-position: right;
  background-size: contain;
  text-indent: -9999em;
}

/* line 274, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 li.bg03 {
  background: url("/assets/lp/bg03-44e9910a73b385624020de97b4e27bbc4fb601fb09c4504ae31e9e8040be5015.png") no-repeat;
  background-position: left;
  background-size: contain;
  text-indent: -9999em;
}

/* line 278, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 ul li .conts_bx {
  max-width: 650px;
  float: right;
  padding: 60px 5% 70px 0;
  position: relative;
}

/* line 284, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 ul li .conts_bx02 {
  max-width: 650px;
  float: left;
  position: relative;
  padding: 60px 0 70px 8%;
}

/* line 290, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 .title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 140%;
}

/* line 296, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec02 li.sp {
  display: none;
}

/* line 297, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.point {
  color: #5e85bc;
}

/* line 298, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
.point02 {
  color: #5e85bc;
  font-size: 1.4em;
  margin-bottom: 20px;
}

/* line 304, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 {
  padding: 70px 0;
}

/* line 305, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 .title {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-size: 27px;
  font-weight: bold;
  margin: 10px 0 25px 0;
}

/* line 310, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 .contain {
  max-width: 1100px;
  margin: 0 auto;
  width: 85%;
}

/* line 314, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 .fL {
  width: 40%;
}

/* line 315, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 .fL img {
  max-width: 377px;
}

/* line 317, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 .fR {
  width: 60%;
}

/* line 318, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 .doctor {
  text-align: right;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-size: 1.3em;
}

/* line 322, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 table {
  font-size: 0.9em;
}

/* line 323, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
#sec03 table th {
  padding-right: 15px;
  font-weight: bold;
}

@media screen and (min-width: 1000px) {
  /* line 327, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 {
    margin: 0 auto 5%;
    padding-top: 3%;
  }

  /* line 331, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx02 {
    padding: 20px 0 10px 6%;
  }

  /* line 334, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx {
    padding: 20px 5% 20px 0;
    margin-left: 5%;
  }
}
@media screen and (min-width: 1240px) {
  /* line 340, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .point {
    display: inline-block;
    float: left;
    padding-right: 2%;
    font-size: 90%;
    letter-spacing: 4px;
  }

  /* line 347, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .point02 {
    margin-bottom: 10px;
  }

  /* line 348, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec01 {
    margin: 0 auto 40px;
  }

  /* line 351, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 .conts_bx .txt {
    width: 90%;
  }

  /* line 352, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 li.bg03 {
    background: url("/assets/lp/bg03-44e9910a73b385624020de97b4e27bbc4fb601fb09c4504ae31e9e8040be5015.png") no-repeat;
    background-position: left top;
    background-size: contain;
  }

  /* line 353, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul:nth-child(1) li .conts_bx {
    padding: 30px 5% 65px 0;
  }

  /* line 354, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx02 {
    padding: 65px 0 50px 6%;
  }

  /* line 355, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul:nth-child(3) li .conts_bx {
    padding: 42px 5% 5px 0;
  }

  /* line 356, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul:nth-child(3) li .conts_bx .txt {
    width: 100%;
    line-height: 175%;
  }
}
@media screen and (max-width: 1240px) {
  /* line 359, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx {
    padding: 60px 5% 70px 0;
    margin-left: 5%;
  }

  /* line 360, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx02 {
    padding: 60px 0 70px 6%;
    margin-right: 5%;
  }

  /* line 361, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL {
    width: 38%;
  }

  /* line 362, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL img {
    width: 100%;
  }

  /* line 363, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fR {
    width: 48%;
  }

  /* line 364, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL table tr td {
    line-height: 20px;
    font-size: 12px;
  }
}
@media screen and (max-width: 900px) {
  /* line 368, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .point {
    float: left;
    padding-right: 2%;
  }

  /* line 369, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .point02 {
    margin-bottom: 10px;
  }

  /* line 370, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 .title {
    line-height: 1.5em;
  }

  /* line 372, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul:nth-child(3) {
    padding-bottom: 5%;
  }

  /* line 373, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx {
    padding: 50px 6% 50px 0;
    margin-left: 3%;
  }

  /* line 374, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx02 {
    padding: 50px 0 50px 6%;
    margin-right: 3%;
  }

  /* line 377, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 {
    padding: 50px 0;
  }

  /* line 378, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .contain {
    width: 95%;
  }

  /* line 379, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL {
    float: none;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
  }

  /* line 384, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL img {
    width: 43%;
    float: left;
    padding-right: 2%;
  }

  /* line 385, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL table {
    position: absolute;
    left: 47%;
    bottom: 0;
  }

  /* line 389, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fR {
    width: 100%;
    margin-top: 1%;
  }
}
@media screen and (max-width: 800px) {
  /* line 392, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 .title {
    font-size: 23px;
  }

  /* line 393, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx {
    padding: 0px 6% 10px 0;
    margin-left: 3%;
  }

  /* line 397, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx02 {
    padding: 30px 0 10px 6%;
    margin-right: 3%;
  }

  /* line 401, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 li.bg01 {
    background: url("/assets/lp/bg01_sp-062c591fc4716d080c251f2e2ac63bb0f8c9193f88084acacd842e58e307619c.png") no-repeat;
    background-position: left;
    background-size: contain;
    text-indent: -9999em;
  }
}
@media screen and (min-width: 640px) and (max-width: 800px) {
  /* line 407, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 .title br {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  /* line 410, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  .txt {
    line-height: 1.7em;
  }

  /* line 411, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec01, #sec02, #sec03 {
    width: 100%;
  }

  /* line 412, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec01 {
    margin: 0 auto;
    padding-bottom: 5%;
  }

  /* line 413, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec01, #sec2 {
    line-height: 1.7em;
  }

  /* line 414, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 .title {
    line-height: 1.3em;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: 800;
  }

  /* line 420, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul {
    display: block;
    background-color: #fff;
  }

  /* line 421, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li {
    display: block;
    width: 100%;
  }

  /* line 425, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx {
    float: none;
    max-width: 100%;
    padding: 10% 5%;
    margin-left: 0;
  }

  /* line 432, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 ul li .conts_bx02 {
    float: none;
    max-width: 100%;
    margin-right: 0;
    padding: 10% 5%;
  }

  /* line 439, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 li.bg01, #sec02 li.bg02, #sec02 li.bg03 {
    height: 280px;
    background-position: center center;
    background-size: contain;
    margin: -5% auto 0;
    width: 96%;
  }

  /* line 440, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 li.bg02 {
    height: 300px;
  }

  /* line 442, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 li.pc {
    display: none;
  }

  /* line 443, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 li.sp {
    display: block;
    margin: -5% auto 0;
  }

  /* line 446, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 {
    background-color: #fff;
  }

  /* line 447, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  /* line 448, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL img {
    width: 45%;
    margin-bottom: 2%;
  }

  /* line 449, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL table {
    position: static;
    float: none;
    width: 100%;
  }

  /* line 453, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 table th {
    padding-right: 5px;
  }

  /* line 454, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fL table tr td {
    line-height: 15px;
  }

  /* line 455, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .fR {
    width: 100%;
    float: none;
  }

  /* line 456, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 img {
    width: 32%;
    padding-right: 4%;
  }

  /* line 457, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 table {
    font-size: 0.6em;
    float: right;
    letter-spacing: -0.05em;
  }

  /* line 459, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec03 .title {
    font-size: 24px;
    line-height: 1.5em;
  }

  /* line 463, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec01 .contain,
  #sec03 .contain {
    width: 94%;
  }
}
@media screen and (max-width: 360px) {
  /* line 468, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  #sec02 .title br {
    display: none;
  }
}
/* line 471, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
h1.other_courses {
  font-size: 2.8em;
}

@media screen and (max-width: 500px) {
  /* line 475, /home/appuser/lms/app/assets/stylesheets/lp/style.css.scss */
  h1.other_courses {
    font-size: 2.0em;
  }
}